@media screen and (max-width: 780px) {
.rating__title {
margin-bottom: 25px;
}
}
.rating__row {
display: flex;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
}
@media screen and (max-width: 1700px) {
.rating__row {
margin-bottom: -30px;
}
}
@media screen and (max-width: 780px) {
.rating__row {
margin-left: -10px;
margin-right: -10px;
margin-bottom: -20px;
}
}
.rating__block {
width: calc(25% - 30px);
margin-left: 15px;
margin-right: 15px;
border: 1px solid #7A95C0;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 26px 24px;
position: relative;
}
@media screen and (max-width: 1700px) {
.rating__block {
margin-bottom: 30px;
width: calc(50% - 30px);
}
}
@media screen and (max-width: 780px) {
.rating__block {
flex-direction: column;
width: calc(50% - 20px);
margin-left: 10px;
margin-right: 10px;
margin-bottom: 20px;
padding: 26px 10px 10px 10px;
}
}
.rating__block-link {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
cursor: pointer;
z-index: 3;
}
.rating__block.--has-link {
transition: all 0.3s;
}
.rating__block.--has-link:hover {
background: #E0E8F5;
border-color: #E0E8F5;
}
.rating__block.--has-link:active {
opacity: 0.9;
}
@media screen and (max-width: 780px) {
.rating__block:nth-child(1) img {
max-width: 101px;
}
.rating__block:nth-child(2) img {
max-width: 129px;
}
.rating__block:nth-child(3) img {
max-width: 119px;
}
.rating__block:nth-child(4) img {
max-width: 129px;
}
}
@media screen and (max-width: 360px) {
.rating__block img {
max-width: 100% !important;
}
}
.rating__logo {
flex: 0 1 auto;
margin-right: 20px;
max-width: 100%;
display: block;
min-width: 0;
}
@media screen and (max-width: 780px) {
.rating__logo {
margin-right: 0;
margin-bottom: 10px;
}
}
.rating__value {
flex-shrink: 0;
color: #303030;
font-weight: 800;
font-size: 40px;
position: relative;
padding-right: 60px;
}
@media screen and (max-width: 960px) {
.rating__value {
font-size: 32px;
}
}
@media screen and (max-width: 780px) {
.rating__value {
font-size: 20px;
padding-right: 45px;
}
}
.rating__value::before {
content: "";
display: block;
position: absolute;
width: 40px;
height: 40px;
right: 0;
top: 50%;
transform: translateY(-50%);
background: url(//line-prava.com/wp-content/themes/linia-prava/img/icon-star.svg) no-repeat center/contain;
}
@media screen and (max-width: 960px) {
.rating__value::before {
width: 32px;
height: 32px;
}
}
@media screen and (max-width: 780px) {
.rating__value::before {
width: 25px;
height: 25px;
}
}