.b-grades{
	background-repeat: no-repeat;
	background-position: top center;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	height: 800px;
	overflow: hidden;
}
.b-grades__nav{
	position: relative;
	margin-right: 40px;
}
.b-grades__nav li{
	width: 245px;
	height: 170px;
	cursor: pointer;
	line-height: 170px;
	position: relative;
	z-index: 5;
}
.b-grades__nav li img{
	vertical-align: middle;
}
.b-grades__nav .ribbon{
	width: 250px;
	height: 170px;
	position: absolute;
	top: 0px;
	border-left: 6px solid #2a426c;
	background-color: #f0f1f4;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	margin-left: -15px;
}
.b-grades__content{
	position: absolute;
	left: 240px;
	top: 0;
	right: -3000px;
	height: 650px;
	background-color: #f0f1f4;
}
.b-grades__content > li{
	display: none;
}
.b-grades__inside{
	position: relative;
}

.b-grades__partial {
	width: 815px;
	padding: 30px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	background-repeat: no-repeat;
}

.b-grades__partial_comfortline{
	background-position: 00% 44%;
	background-image: url('../img/c1.png');
}
.b-grades__partial_trendline{
	background-position: 00% 40%;
	background-image: url('../img/c2.png');
}
.b-grades__partial > h2 {
	margin-bottom: 45px;
}

.grades__params {
	margin: 30px auto;
}

.grades__params > h3 {
	font-size: 24px;
}

.grades__params > p {
	text-transform: uppercase;
	color: #cacaca;
	font-size: 16px;
}
.grades__list{
	margin-top: 210px;
}
.b-grades__partial {
}

.b-grades__partial ul {
	list-style: disc;
	width: 45%;
	padding-left: 20px;
}

.b-grades__partial ul > li {
	font-size: 14px;
	line-height: 1.2;
	padding: 2px 0;
}