@charset 'UTF-8';

main .block-main #single .title .h11 {
	color: #45666d;
	font-size: 12px;
	display: inline-block;
	background-color: #f1f5fa;
	padding: 0 7px;
	border-radius: 3px;
	margin-top: 5px;
	line-height: 24px;
	position: relative;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

main .block-main #single .title .h22 {
	color: #d02525;
	font-size: 17px;
	font-weight: 700;
	line-height: 27px -webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

main .block-main #single .title .h11:before {
	content: '';
	right: -6px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 0;
	height: 0;
	border-top: 12px solid transparent;
	border-right: 6px solid #fff;
	border-bottom: 12px solid transparent;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

main .block-main #single:hover .title .h11:before {
	right: 0
}

main .block-main #single:hover .title .h11 {
	padding: 0 12px 0 7px
}

#header-center .block-header #social a img {
    border-left: 1px solid #f4f6f9;
    width: 14.285714286%;
    height: 38px;
    float: left;
    color: #838c9b;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    padding: 9px 10px;
    filter: grayscale(100%);
}

#header-center .block-header #social a:hover img {
    filter: grayscale(0%);
}