.paint-items-wrapper {
display: block;
margin: calc(30px + 2px) 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.paint-items {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
margin: -30px -15px 0px -15px;
padding: 0px 0px 0px 0px;
position: relative;
}
.paint-item {
display: inline-block;
vertical-align: top;
margin: 30px 15px 0px 15px;
padding: 0px 0px 0px 0px;
position: relative;
width: 380px;
background: #fff;
cursor: default;
}
.paint-item:hover, 
.paint-item:active {
box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.05);
}
.paint-item__img {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 100%;
height: 200px;
background-color: #f0eeec;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
}
.paint-item__img img {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.paint-item__txt {
display: block;
margin: 0px 0px 0px 0px;
padding: calc(30px - 4px) 30px calc(30px - 4px) 30px;
position: relative;
border: 1px solid #f0eeec;
border-top: none;
}
.paint-item__title {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
color: #000;
font-size: 24px;
line-height: 30px;
font-weight: 500;
}
.paint-item__description {
display: block;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
color: #5d5854;
font-size: 14px;
line-height: 24px;
}
.paint-item__description p {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.paint-item__benefits {
display: block;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
color: #5d5854;
font-size: 14px;
line-height: 24px;
}
.paint-item__benefit {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.paint-item__benefit:first-child {
margin-top: 0px;
}
.paint-item__benefit b, 
.paint-item__benefit strong {
color: #000;
font-weight: 500;
}
.paint-item__benefit-label {
display: inline-block;
vertical-align: top;
margin: 0px 5px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.paint-item__benefit-stars-wrapper {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
margin: 0px 0px 0px 5px;
padding: 0px 0px 0px 0px;
position: relative;
}
.paint-item__benefit-stars {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
margin: 0px -2px 0px -2px;
padding: 0px 0px 0px 0px;
position: relative;
top: 2px;
font-size: 0px;
line-height: 0px;
}
.paint-item__benefit-star {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 2px 0px 2px;
position: relative;
}
.paint-item__benefit-star > i {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 16px;
height: 16px;
font-size: 0px;
line-height: 0px;
background-repeat: no-repeat;
background-position: -5px -5px;
background-image: url(../images/icon-paint-stars.png);
}
.paint-item__benefit-star > i > span {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 0px;
left: 0px;
width: 0%;
height: 100%;
background-repeat: no-repeat;
background-position: -31px -5px;
background-image: url(../images/icon-paint-stars.png);
}
.paint-item__benefit-stars-numb {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px calc(5px + 5px);
padding: 0px 0px 0px 0px;
position: relative;
font-size: 14px;
line-height: 24px;
word-spacing: -0.1em;
}
.paint-item__benefit-stars-numb-max {
position: relative;
left: -1px;
}
.paint-item__benefit-price {
display: inline-block;
vertical-align: top;
margin: -1px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 18px;
line-height: 24px;
font-weight: 500;
}
.paint-item__benefit-price > span {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #ce3446;
font-weight: 500;
word-spacing: -0.1em;
}
.paint-item__benefit-price sup {
position: relative;
top: 2px;
margin-left: 3px;
font-size: 11px;
line-height: 0px;
}
.content-text.content-text-after {
margin-top: 30px;
}
@media (min-width: 1395px) {
	.paint-item {
		width: 428px;
	}
}
@media (max-width: 1199px) {
	.paint-item__description br {
		display: none;
	}
}
@media (min-width: 768px) and (max-width: 1199px) {
	.paint-item {
		width: calc(50% - (15px * 2));
	}
	.paint-item__txt {
		padding: calc(25px - 3px) 25px calc(25px - 3px) 25px;
	}
	.paint-item__title {
		font-size: 22px;
		line-height: 26px;
	}
	.paint-item__description, 
	.paint-item__benefits {
		margin-top: 15px;
		line-height: 22px;
	}
	.paint-item__benefit-price {
		line-height: 22px;
	}
}
@media (max-width: 499px) {
	.paint-items-wrapper {
		margin-top: 25px;
	}
	.paint-item {
		width: 100%;
		max-width: 380px;
	}
	.paint-item__img {
		height: 150px;
	}
	.paint-item__txt {
		padding: calc(25px - 3px) 25px calc(25px - 3px) 25px;
	}
	.paint-item__title {
		font-size: 22px;
		line-height: 26px;
	}
	.paint-item__description, 
	.paint-item__benefits {
		margin-top: 15px;
		line-height: 22px;
	}
	.paint-item__benefit-price {
		line-height: 22px;
	}
	.content-text.content-text-after {
		margin-top: 25px;
	}
}
@media (min-width: 400px) and (max-width: 1199px) {
	.paint-item__benefit.paint-item__benefit_price {
		margin-top: 3px;
	}
}
@media (max-width: 399px) {
	.paint-item__title {
		font-size: 21px;
		line-height: 24px;
	}
	.paint-item__benefit-stars-numb {
		display: none;
	}
}