.cl.center {
padding-top: 38px;
}
.cl__list {
	margin-left: -1rem;
	margin-right: -1rem;
}
.cl__item {
	margin: 2.1rem 1rem;
	background-color: #fff;
	border-radius: 8px;
	box-shadow: 0 .2rem 1rem -.4rem rgba(22,22,22,.44);
	padding: 1rem 1.2rem;
	overflow: hidden;    
    position: relative;
}
.cl__author {
    font-style: normal;
    font-size: 1.111rem;
    display: inline-block;
    margin-right: 3rem;
}
.cl__rating {
    display: inline-block;
    margin-right: 3rem;
    width: 100px;
    height: 16px;
    background-repeat: no-repeat;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAAgCAMAAABgkcdDAAAArlBMVEX+/v/Nzc3+7Ef+/v3+6kfQ0ND+7E7h4eH/7kjo6Ojy8vL/8nfa2tr//fr+7Eb/7UrU1NT++9r29vbs7Oz6+vr//ev/8ob+717/9aLe3t7+8n//+cj+//vl5eXX19f/84r/9Ij+8G///NX/9Z3//ff+/vL/+MH09PT/7lHj4+P//OD/9qnv7+/9/OX/+bf/9qb/97v8/Pz/+dT/+dL/+MP+7lj+8HP+7mL//OT9/MzTcT8cAAACmklEQVRYw7TXiVLiQBAG4J7pcIQbwqkRb9koq7L3+z/ZzoRpiXQKumL6r5SFH52aONZQ/OCC+Y+XJdJrPetNPozeScgOweTMHLcD39nhpb6ZFgn5dHRsCM4yQKdYNnfa8MZG3ZRuVjPTmASgJIZbnBucmePmX42b1jYv/S+qZkzr8+bvRoaMgugtQ0A2d/beh9ncRjb6M+srm9vCTvHYTGNjyCi7vW3Y3Ll7n++vu4thZK2NFt35/Ssgs3Fd5lde91oxuHSuVr2Rg2NbFwyR5pitC7b1Bm/2I5G/AAGPbFmXmRBw2DCfgwDMUkCJtVJw+dVuF5Zud0vsvS4zYRcBATITQgaALWZsjhsdlP7N0FIG7YsZILOHuiw8yxYKT02GzIzUwjnpXw8spfsIgHpm9ucTIC3sKxm668gQfK5khtC/jcIG/p3lomb7Pc3Nr70yLsEoBUM+l0CZUfDWhiweMV9Xy4xPhx4GaVu9EWZB2NwJo3z/TUfz2xjQRc2MTwyUnqGUGyI3OGE/mnYQDZs2itpPsCsxrGC2zOgzBuk7lUuwkKKFvZeZx1cbNS9+3s3d0sscUcs2q4Yxawfgr40/qTGZD1lnZZyBH+Rz5eaCzy/v//J//9PbGL3qGU6SOKGFp3G8nR4MgnV2gOAtEJtjptM9JP1Bbjz8HYXuwbtCdRNGq4/wrlDdhFHpI7wrVDZhFPqIvD/ITZ76uwfvD/JOQXNkIAz1kRq7x1c6BTfph1aq0T2y6p2Cmzz1d4/qnYIbCKPSR3hXqG7C6PQRQX8QW3kQGSn0ERD0B6FJ/xCtPsK7QlUTBzW6B+8KlU0YnT4Cgv4gt/JguaT/p6bBLQ1iWUpp6IHDhTIxBiEBVk0hIJOLh5UHbAPZYsQDAJ1JhsQinOmnAAAAAElFTkSuQmCC');
}
.cl__rating--45 {
    background-position: -20px top;
}
.cl__rating--40 {    
    background-position: 0 bottom;
}
.cl__rating--35 {
    background-position: -40px top;
}
.cl__rating--30 {
    background-position: -20px bottom;
}
.cl__rating--25 {
    background-position: -60px top;
}
.cl__rating--20 {
    background-position: -40px bottom;
}
.cl__rating--15 {
    background-position: -80px top;    
}
.cl__rating--10 {
    background-position: -60px bottom;
}
.cl__rating--5 {
    background-position: -100px top;
}
.cl__date {
    color: #aaa;
    white-space: nowrap;
}
.cl__text {
    margin-top: .9rem;
    max-height: 6rem;
    overflow: hidden;
    position: relative;
    transition: max-height .45s;
}
/*.cl__item::after {
    content: '';
    display: block;
    position: absolute;
    background: linear-gradient(45deg, rgba(255,255,255,0), #fff);
    width: 100%;
    height: 1em;
    right: 0;
    top: 8.4rem;
    transition: opacity .45s;
}*/
.cl__item:hover .cl__text {
    max-height: 15rem;
}
.cl__item:hover::after {
    opacity: 0;
}
.clf-success {
    border: 1px solid #18a418;
    padding: 1rem 2rem;
    border-radius: 1rem;
}
.clf__rating {
    border: 0;
    float: left;
    position: relative;
}
.clf__rating > input {
    opacity: 0;
    position: absolute;
    top: 50%;
} 
.clf__rating > label svg { 
    margin: 5px;
    width: 2em;
    display: inline-block;
}

.clf__rating > .clf__star--half svg { 
    width: 2em;
    position: absolute;
}

.clf__rating > label { 
    color: #ddd; 
    float: right; 
}
.clf__rating > input:checked ~ label,
.clf__rating:not(:checked) > label:hover,
.clf__rating:not(:checked) > label:hover ~ label { color: #FFD700;  }
.clf__rating > input:checked + label:hover,
.clf__rating > input:checked ~ label:hover,
.clf__rating > label:hover ~ input:checked ~ label,
.clf__rating > input:checked ~ label:hover ~ label { color: #FFED85;  } 
.cl__list .swiper-pagination-bullet {
    border-radius: 0px;
    width: 1.6rem;
    height: 2px;
}
.cl__list .swiper-pagination-bullet-active {
    background-color: #f64512;
}