/* Beetle - www.beetle.net.ua
Styles for bottom sidebar */

.bottom-sidebar {
	margin-bottom: 50px;
}

.bottom-sidebar h3 {
	color: #212230;
	font-size: 26px;
	font-weight: 700;
	margin: 20px 15px 30px;
	position: relative;
}

.bottom-sidebar h3:before {
	content: '';
	position: absolute;
	bottom: -10px;
	height: 1px;
	width: 100%;
	background: #c7d7e7;
}

.bottom-sidebar h3:after {
	content: '';
	position: absolute;
	bottom: -11px;
	right: 0;
	height: 3px;
	width: 55px;
	background: #377bc6;
}

.bottom-sidebar article.big img {
	width: 100%;
}

.bottom-sidebar article .info, .bottom-sidebar article .info a {
	color: #0f101a;
	font-size: 17px;
}

.bottom-sidebar article h4 {
	color: #0c3245;
	font-size: 20px;
	font-weight: 700;
}

.bottom-sidebar article a:hover h4 {
	color: #377bc6;
	transition: 0.7s;
}

.bottom-sidebar article.small {
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	padding: 10px;
	margin: 0 15px 15px;
	float: right;
	width: calc(33.33333% - 30px);
	background:#ebeef2;
}

.bottom-sidebar article.small h4 {
	margin: -5px 0 9px;
}

.bottom-sidebar article.small img {
	width: 108px;
	float: right;
}

.bottom-sidebar article.small > div {
	float: left;
	width: calc(100% - 118px);
}

.bottom-sidebar article.small .info {
	margin-bottom: -10px;
}