

/* Start:/bitrix/templates/ra_hytera_main/components/bitrix/catalog/cases/style.css?1416225566260*/
.filter {
	position: absolute;
	right: 3%;
	top: 480px;
}
.filter a {
	background: #e3e3e3;
	padding: 5px 20px;
	color: #9b9b9b;
	text-decoration: none;
	font-size: 18px;
	float: left;
	margin-right: 1px;
}
.filter a.active { background: #5fc4ef; color: #fff;}
/* End */


/* Start:/bitrix/templates/ra_hytera_main/components/bitrix/catalog/cases/bitrix/catalog.element/.default/style.css?16550288401082*/
.grey-box {
	width: 25%;
	background: #f5f5f5;
	padding: 20px;
	margin: 0 30px 10px 0;
}
.grey-box p {
	font-size: 14px;
	line-height: 24px;
	margin: 25px 0 0;
	color: #666;
}
.grey-box li {
	color: #666;
	line-height: 24px;
	margin: 0;
}
.grey-box ul { margin: 0;}
.grey-box ul>li:before { margin-right: 10px; }

p {
	line-height: 24px!important;
}
.box { color: #333;}

.pic-detail {
	margin: 40px 0;
	position: relative;
}

.pic-detail:before, .pic-detail:after {
	content: '';
	position: absolute;
	width: 40px;
	height: 40px;
}
.pic-detail:before {
	border-left: 1px solid #a2c200;
	border-top: 1px solid #a2c200;
	top: -20px;
	left: -20px;
}
.pic-detail:after {
	border-right: 1px solid #a2c200;
	border-bottom: 1px solid #a2c200;
	right: -20px;
	bottom: -20px;
}
section h1 {
	font-size: 36px;
}
@media screen and (max-width: 1459px) {
	section h1 {font-size: 32px;}
	.pic-detail:before, .pic-detail:after {
		display: none;
	}
}
@media screen and (max-width: 1359px) {
	section h1 {font-size: 30px;}
}
@media screen and (max-width: 1259px) {
	section h1 {font-size: 28px;}
}
/* End */
/* /bitrix/templates/ra_hytera_main/components/bitrix/catalog/cases/style.css?1416225566260 */
/* /bitrix/templates/ra_hytera_main/components/bitrix/catalog/cases/bitrix/catalog.element/.default/style.css?16550288401082 */
