html,body,div,span,applet,object,iframe,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,label,legend,p,blockquote,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}body{line-height:1;color:black;background:white;}:focus{outline:0;}table{border-collapse:collapse;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}abbr,acronym{border:0;}

*, ::after, ::before {
	box-sizing: border-box;
}

body {
	font-family: Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 14px;
	background: #eff2f7;
	line-height: 18px;
}

.root {
	padding: 0 10px 10px;
	display: flex;
}

.sidebar {
	flex: 0 0 auto;
	margin: 0 30px 0 0;
	width: 250px;
}

.sidebar__wrap {
	position: sticky;
	top: 16px;
}

.main {
	flex: 1 1 auto;
}

.h {
	background: #eff2f7;
	color: #777;
	font-size: 18px;
	font-weight: 700;
	left: 0;
	line-height: 22px;
	padding: 12px 0;
	position: sticky;
	right: 0;
	top: 0;
	z-index: 100;
}

h1, h2 {
	color: #777;
	font-size: 18px;
	font-weight: 700;
	line-height: 22px;
	padding: 12px 0;
}

hr {
	border: 0 none;
	background: #aaa;
	height: 4px;
}

a {
	color: #7a45e5;
	text-decoration: none;
}

a:link {
	color: #7a45e5;
	text-decoration: none;
}

a:visited {
	color: #7a45e5;
	text-decoration: none;
}

a:focus {
	color: #7a45e5;
	text-decoration: none;
}

a:hover {
	color: #FF4500;
	text-decoration: none;
}

a:active {
	color: #7a45e5;
	text-decoration: none;
}

.menu {
	list-style-type: none;
	margin: 18px 0 0;
	padding: 0;
}

.menu li {
	margin: 0 0 12px;
}

.menu li a {
	display: inline-block;
}

.menu li.selected a {
	color: #FF8C00;
}

.catalog-switcher {
	margin: 18px 0 0;
}

.catalog-switcher__title {
	font-weight: 700;
	margin: 0 0 6px;
}

.catalog-switcher__list {
	margin: 0 0 12px;
}

.catalog-switcher__list label {
	cursor: pointer;
	display: block;
	margin: 0 0 4px;
}

.catalog-switcher__list input[type="radio"] {
	margin: 0 6px 0 0;
}

.catalog-switcher__apply {
}

.catalog-switcher__apply button {
	background: #7a45e5;
	border: 0 none;
	border-radius: 6px;
	color: #fff;
	padding: 6px 10px;
}

/*
*/

.pagination-row {
	overflow: hidden;
	clear: both;
	margin: 0 0 20px 0;
	margin-bottom: 15px;
}

.pagination {
	padding: 0;
	margin: 0;
	text-align: center;
}

.pagination .page-item {
	display: inline-block;
	margin: 0 2px 3px;
}

.pagination .page-link {
	background: #fbfbfb;
	border: 1px solid #ddd;
	border-radius: 3px;
	color: #000;
	display: inline-block;
	font-size: 15px;
	height: 28px;
	line-height: 28px;
	min-width: 28px;
	padding: 0 6px;
	text-align: center;
	text-decoration: none;
}

.pagination a.page-link:hover {
	background: #ffd57b;
}

.pagination .active a.page-link {
	background: #ffae00;
	border-color: #c19432;
}

.pagination .separator .page-link {
	border-color: #fff;
	background: #fff;
}

.pagination .disabled .page-link {
	color: #999;
}