.top_marks_list { 
	display: grid;
	grid-template-columns: repeat(6,1fr);
	grid-column-gap:20px;
	justify-content: space-between;
	.item {
		height: 88px;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		padding: 16px 0px;
		border: 1px solid #EEEEF0;
		box-sizing: border-box;
		border-radius: 8px;
		margin-bottom: 2px;
		background: #FFFFFF;
		filter: grayscale(1);
		a { 
		    display: flex;
		    width: 100%;
		    height: 100%;
		    justify-content: center;
		    align-items: center;
			.icon { 

			}
		}

		&:hover{
			background: #F5F5F7;
		}
		&:focus{
			background: #FFFFFF;
			border: 2px solid #000000;
		}
		&.selected{
			filter: grayscale(0);
			background: #FFFFFF;
			box-shadow: 0px 2px 8px rgba(41, 45, 52, 0.06), 0px 2px 3px rgba(41, 45, 52, 0.08);
			border-radius: 8px;
		}
	}
}
.top_marks_list+.simple_marks_list{
	margin-top: 80px;
}

.simple_marks_list { 
	display: grid;
	grid-template-columns:repeat(6, 1fr);
	grid-column-gap:10px;
	.item { 
		a { 
			// display: flex;
			// justify-content: space-between;
			font-family: Lato;
			font-style: normal;
			font-weight: normal;
			font-size: 18px;
			line-height: 150%;
			color: #000000;
			text-decoration: none;
			>span {
				margin-left: 8px;
				color: #8C8C8C;
			}
		}
	}
	.sh_but {
		margin-top: 20px;
		display: flex;
		span{
			font-family: 'Mulish';
			font-style: normal;
			font-weight: 700;
			font-size: 18px;
			line-height: 100%;
			letter-spacing: -0.02em;
			color: #000000;
			
		}
		.ic {
			margin-left: 10px;
			height: 18px;
			width: 18px;
			background: url(/images/icons/small_array_down.svg) no-repeat center center;
		}
	}
}
@media (max-width: 1199px) {
	.simple_marks_list {
	    grid-template-columns: repeat(4, 1fr);
	}
}
@media (max-width: 769px) {
	.simple_marks_list {
	    grid-template-columns: repeat(3, 1fr);
	}
}
@media (max-width: 639px) {
	.simple_marks_list {
	    grid-template-columns: repeat(2, 1fr);
	}
	.top_marks_list {
	    grid-template-columns: repeat(3, 1fr);	
	}
}
@media (max-width: 540px) {
	.simple_marks_list {
	    grid-template-columns: repeat(2, 1fr);
	    grid-column-gap: 5px;
	}
	.simple_marks_list .item a > span {
	    margin-left: 0px;
	    color: #8C8C8C;
	}
}