.met-index-news .newsblock {
	margin-top: 30px; margin-bottom:40px;
}
.met-index-news .newsblock h4 {
	font-size: 20px
}
.met-index-news .newsblock .list-group {
	margin-bottom: 0px;
}
.met-index-news .newsblock .newslist {
	padding: 4px 2px 4px 8px;
	text-align: left
}
.met-index-news .newsblock .newslist h5 {
	text-shadow: inherit;
	width: 76%;
	float: left;
	font-size: 14px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
.met-index-news .newsblock .newslist:hover h5 {
	color: #1e8bc3
}
.met-index-news .newsblock .newslist p.list-group-item-text {
	display: none;
	overflow: hidden;
	line-height: 1.2;
	color: #555;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis
}
.met-index-news .newsblock .newslist .badge {
	width: 24%;
	font-size: 14px;
	float: right;
	text-align: right;
	margin-top: 0;
	font-weight: normal;
	background: 0;
	color: #555
}
.met-index-news .newsblock .newslist .list-group-item-heading {
	margin-bottom: 0
}
@media(min-width:992px) and (max-width:1200px) {
.met-index-news .newsblock .newslist {
	padding: 6px 0 6px 6px;
	text-align: left
}
.met-index-news .newsblock .newslist h5 {
	width: 69%;
	font-size: 15px
}
.met-index-news .newsblock .newslist .badge {
	width: 31%;
	font-size: 14px
}
}
@media(min-width:1201px) and (max-width:1600px) {
.met-index-news .newsblock .newslist {
	padding: 6px 0 6px 6px;
	text-align: left
}
.met-index-news .newsblock .newslist h5 {
	width: 68%;
	font-size: 15px
}
.met-index-news .newsblock .newslist .badge {
	width: 32%;
	font-size: 14px
}
}
.met-index-news .newsblock .img-holder {
	display: block
}
.met-index-news .newsblock .img-holder:before {
	background: #1e8bc3
}
.met-index-news .newsblock .img-holder img {
	transition: all .3s ease
}
.met-index-news .newsblock .img-holder:hover img {
	opacity: .45
}
.met-index-news .newsblock .img-holder:active, .met-index-news .newsblock .img-holder:before, .met-index-news .newsblock .img-holder:focus, .met-index-news .newsblock .img-holder:hover {
	-webkit-transform: scale(1);
	transform: scale(1);
	border-radius: 3px
}
.met-index-news .newsblock .btn-reply {
	display: inline-block;
	padding: 6px 12px;
	margin: 15px 7px 7px;
	font-size: 13px;
	font-weight: 100;
	line-height: 1.45;
	white-space: nowrap;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	user-select: none;
	background-image: none;
	background-color: #f1f1f1;
	border: 1px solid #d2d1d1;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	min-width: 90px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: .03em;
	color: #666 !important;
	text-decoration: none;
	-webkit-transition: background-color .4s ease-out;
	-moz-transition: background-color .4s ease-out;
	-ms-transition: background-color .4s ease-out;
	-o-transition: background-color .4s ease-out;
	transition: background-color .4s ease-out
}
.met-index-news .newsblock .btn-reply:hover {
	background-color: #dedcdc
}

.invisible {
	visibility: hidden
}

.container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}
@media(min-width:768px) {
.container {
	width: 750px
}
}
@media(min-width:992px) {
.container {
	width: 970px
}
}
@media(min-width:1200px) {
.container {
	width: 1200px
}
}
.container-fluid {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}

.met-index-body h3 {
	font-size: 36px;
	margin-top: 0;
	text-align: center;
	font-weight: 300
}
.met-index-body p.desc {
	font-size: 16px;
	font-weight: 300;
	text-align: center;
	width: 80%;
	color: #5e7387;
	margin: 0 auto
}
@media(max-width:992px) {
.met-index-body {
	padding: 60px 0; 
}
}
@media(max-width:768px) {
.met-index-body {
	padding: 50px 0
}
.met-index-body h3 {
	font-size: 28px
}
.met-index-body p.desc {
	font-size: 14px
}
}
@media(max-width:488px) {
.met-index-body {
	padding: 40px 0
}
}
@media(max-width:358px) {
.met-index-body {
	padding: 30px 0
}
}

.animation-delay-400 {
	-webkit-animation-delay: 400ms;
	-o-animation-delay: 400ms;
	animation-delay: 400ms
}



.list-group-item.active>.badge, .nav-pills>.active>a>.badge {
	color: #526069;
	background-color: #e4eaec
}
.list-group-item>.badge {
	float: right
}
.list-group-item>.badge+.badge {
	margin-right: 5px
}


.list-group-item {
	position: relative;
	display: block;
	padding: 10px 15px;
	margin-bottom: -1px;
	background-color: #fff;
	border: 1px solid transparent
}
.list-group-item:first-child {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px
}
.list-group-item:last-child {
	margin-bottom: 0;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px
}
a.list-group-item, button.list-group-item {
	color: #76838f
}
a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading {
	color: #37474f
}
a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
	color: #76838f;
	text-decoration: none;
	background-color: #f3f7f9
}
button.list-group-item {
	width: 100%;
	text-align: left
}
.list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover {
	color: #ccd5db;
	cursor: not-allowed;
	background-color: transparent
}
.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading {
	color: inherit
}
.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text {
	color: #ccd5db
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
	z-index: 2;
	color: #62a8ea;
	background-color: transparent;
	border-color: transparent
}
.list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading>.small, .list-group-item.active .list-group-item-heading>small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading>.small, .list-group-item.active:focus .list-group-item-heading>small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading>.small, .list-group-item.active:hover .list-group-item-heading>small {
	color: inherit
}
.list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text {
	color: #fff
}