/* sorting */
form[name="mfoRatingSort"] {
	margin: 20px 10px 10px 10px;
	padding: 0;
	position: relative;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	font-size: 14px;
	color: #666;
}
form[name="mfoRatingSort"] select {
	display: flex;
	height: 36px;
	margin-left: 10px;
}
/* items */
.mfo-rate-list {
	box-sizing: border-box;
	position: relative;
	display: flex;
	flex-direction: column;
border-bottom: 2px solid #00c505;
    margin-bottom: 50px;
    padding-bottom: 40px;
}
.mfor-item {
padding:20px 0px;
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    position: relative;
    transition: 0.3s all;
    border-top: 1px solid #eeeeee;
}
.mfor-item:hover, .mfor-item:focus {/*border: 1px solid #6e36ea; box-shadow: 0 1px 5px #6e36ea;*/ background-color: #f8f8f8;}

.mfor-item-img {width:120px; margin: 0 20px; margin-left: auto; margin-right: auto;}

.mfor-left {
	display: flex;
	align-items: center;
	width: calc(100% - 260px);
}

.mfor-left .mfor-item-pos {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	color: #000;
	width: 50px;
	color: #6e36ea;
	font-weight: 700;
	font-family: Montserrat,sans-serif;
	border-radius: 50px;
	background-color: #f8f8f8;
	padding: 10px 0px;
}

.mfor-left .mfor-item-name {
	margin: 0 10px;
	font-size: 16px;
}

.mfor-left .mfor-item-name a  {	color: #555;}

.mfor-right {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 246px;
	height: 36px;
}

.mfor-item-trand,
.mfor-item-rating,
.mfor-item-stars {
	display: flex;
	align-items: center;
	height: 36px;
}
.mfor-item-trand {
	flex: 0 0 36px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mfoTrandUp {
	fill: green;
}
.mfoTrandDown {
	fill: red;
}
.mfor-item-rating {
	flex: 0 0 80px;
	font-size: 20px;
	font-weight: 600;
	color: #000;
	justify-content: flex-end;
	align-items: center;
	margin: 0 10px;
}
.mfor-item-stars {
	flex: 0 0 100px;
	color: #fac917;
	font-size: 24px;
	text-align: center;
}
.mfor-item-stars a, .mfor-item-stars a:hover, .mfor-item-stars a:focus {
	outline: none;
	text-decoration: none;
	color: #fac917;
}

.mfoTrandUp {
	color: #05b40a;
	font-size: 18px;
	font-weight: bold;
}
.mfoTrandDown {
	color: #ff0000;
	font-size: 18px;
	font-weight: bold;
}

@media (max-width: 640px) {
	.mfor-item-img {margin: 0 20px 0 20px;}
	.mfor-left,
	.mfor-right {
		width: 100%;
	}
	.mfor-right {
		justify-content: center;
	}
}
@media (max-width: 480px) {
	.mfor-left .mfor-item-pos {
		/*display: none;*/
	}
}

@media (max-width: 320px) {
	.mfor-left {
		flex-wrap: wrap;
	}
	.mfor-left .mfor-item-img {
		width: 100%;
		text-align: center;
	}
	.mfor-left .mfor-item-name {
		width: 100%;
		margin: 5px 0;
		text-align: center;
		font-size: 16px;
	}
	.mfor-item-rating {
	    flex: 0 0 40px;
	    font-size: 18px;
	}
}