.page_404 {

	padding: 20px 0;

	background-color: #F8F8FA;

}



.page_404_title {

	font-family: 'Roboto';

	text-align: center;

	font-size: 38px !important;

	line-height: 1.5;

	margin: 0 !important;

}



.page_404_title b {

	font-family: 'Roboto';

	color: #379fe8;

}



.page_404_categories {

	list-style: none;

	padding: 10px 0 0 0 !important;

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-flex-wrap: wrap;

	flex-wrap: wrap;

	-webkit-justify-content: center;

	justify-content: center;

	position: relative;

	z-index: 10;

}



.page_404_categories>li {

	display: block;

	width: 140px;

	text-align: center;

	position: relative;

}



.page_404_categories>li>a {

	display: block;

	width: 100%;

	padding: 0 0 30px 0;

	color: #333 !important;

	font-size: 16.8px;

	font-weight: 700;

	font-family: 'Roboto';

	text-decoration: none !important;

}



.page_404_categories>li>a::before {

	content: "";

	position: absolute;

	left: 50%;

	top: 0;

	border: 4px solid #fff;

	margin-left: -53px;

	border-radius: 10px;

	display: block;

	width: 106px;

	height: 106px;

	background: #379fe8;

	z-index: -1;

	-webkit-box-shadow: 5px 5px 10px -2px rgba(0, 0, 0, .25);

	-moz-box-shadow: 5px 5px 10px -2px rgba(0, 0, 0, .25);

	box-shadow: 5px 5px 10px -2px rgba(0, 0, 0, .25);

}



.page_404_categories>li>a::after {

	content: "";

	position: absolute;

	left: 50%;

	bottom: 7px;

	z-index: -1;

	margin-left: -8px;

	width: 16px;

	height: 16px;

	display: block;

	border-radius: 50%;

	border: 2px solid #333;

}



.page_404_categories>li>a:hover::after {

	background-color: #333;

}



.page_404_categories>li>a>i {

	display: block;

	width: 106px;

	height: 106px;

	-webkit-filter: brightness(0) invert(1);

	filter: brightness(0) invert(1);

	margin: 0 auto 7px;

	background-position: center center;

	background-repeat: no-repeat;

}



.page_404_categories>li>a:hover {

	color: #1C6BA2 !important;

}



.page_404_categories>li>a:hover::before {

	background-color: #1C6BA2;

}