.select-color-win .title {
	margin-bottom: 25px;
}
.select-color-win .content__box {
	display: grid;
	gap: 25px;
}
.select-color-win .select__color {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}
.select-color-win .select__item {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.select-color-win .select__item-label {
    height: 65px;
    border-radius: 30px;
	cursor: pointer;
}
.select-color-win .select__item-label.is-active {
	border: 3px solid #ffc93c;
    pointer-events: none;	
}
.select-color-win .select__item-label.background-image {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;	
}
.select-color-win .select__item-title {
	font-size: 14px;
	line-height: 129%;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	text-align: center;	
}
.select-color-win .content__img {
	height: 472px;
    display: flex;
    justify-content: center;
    position: relative;	
}
.select-color-win .content__img:before,
.select-color-win .content__img:after {
	content: '';
	display: inline-block;
	position: absolute;
	width: 100%;
	height: 105px;	
}
.select-color-win .content__img:before {
	background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
}
.select-color-win .content__img:after {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
	bottom: 0;
}
.color-white {
	background-color: #F7F7F7;	
}
.color-anthracite {
	background-color: #3B3C43;
}
.color-brown {
	background-color: #473534;
}
.color-black {
	background-color: #000;
}
.color-gray {
	background-color: #DBDAD6;
}
.color-silver {
	background-color: #B7B7B7;
}
.color-bronze {
	background-color: #5D5740;
}
.color-light-bronze {
	background-color: #B9B4AC;
}
.color-champagne {
	background-color: #9A8C6F;
}
.color-cognac {
	background-color: #3E3D39;
}
.color-gold {
	background-color: #99854E;
}
.color-cherry {
	background-color: #3A1E1F;
}
.color-golden-oak {
	background-image: url("../../../img/select-color-win/bg-color-golden-oak.jpg");
}
.color-nut {
	background-image: url("../../../img/select-color-win/bg-color-nut.jpg");
}
.color-white-ash-tree {
	background-image: url("../../../img/select-color-win/bg-color-white-ash-tree.jpg");
}
@media (min-width: 768px) {
	.select-color-win {
		background-image: url("../../../img/select-color-win/background.png");
		background-repeat: no-repeat;
		background-position: -36px 107px;
		background-size: 1209px 472px;
	}	
	.select-color-win .title {
		margin-bottom: 30px;
	}
	.select-color-win .content__box {
		grid-template-columns: 382px 1fr;
		gap: 19px;
		align-items: center;
	}
	.select-color-win .select__item {
		gap: 13px;
	}
	.select-color-win .select__item-title {
		font-size: 16px;
		line-height: 125%;
	}	
}
@media (min-width: 1200px) {
	.select-color-win {
		background-position: right 80px;
	}	
	.select-color-win .title {
		margin-bottom: 40px;
	}
	.select-color-win .content__box {
		grid-template-columns: 632px 1fr;
		gap: 21px;
	}
	.select-color-win .select__color {
		grid-template-columns: repeat(4, 1fr);
		gap: 20px;
	}	
}