.widjet-bottom{
	margin-top: 2rem;
}
.sectors .list{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.sectors h3, #article .sectors h4{
	color: #fff;
}
.sectors .list a{
	color: #fff;
	display: inline-block;
	width: 100%;
	padding: 1rem;
	font-size: 1.3rem;
	font-weight: bold;
}
.sectors .list a:hover{
	background: #00000014;
}
.posts .list{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.posts h3, #article .sectors h4{
	color: #605ca8;
}
.posts .list a{
	color: #666;
	display: inline-block;
	width: 100%;
	padding: 1rem;
	font-size: 1.3rem;
	font-weight: bold;
}
.posts .list a:hover{
	background: #00000014;
}
#articles h1{
	color: #666;
	margin-bottom: 4rem;
	text-align: center;
}
#article .article-header{
	background-color: #444;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
    min-height: 60rem;
    color: #fff;
}
#article .article-header h1{
	font-size: 5rem;
	text-shadow: 0px 1px 1px #000;
}
#article .article{
    margin-top: -10rem;
}
#article .article{
    font-size: 1.5rem;
    padding: 0rem;
}

#articles .article{
	position: relative;
	overflow: hidden;
    border-radius: 5px;
}
#articles .article .box-header{
	position: relative;
	background-color: #444;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	color: white;
	min-height: 17rem;
}
#articles .article .box-header small{
	position: absolute;
	right: 1rem;
	bottom: 1rem;
	border: none;
}
#articles .article .box-header a.btn:hover{
	background: #fff;
	color: #666;
	border: none;
}
#articles .article .box-header a.btn{
	display: inline-block;
    position: absolute;
    left: 1rem;
    bottom: -1.8rem;
    padding: 1.5rem;
    line-height: 2.5rem;
    font-size: 2.5rem;
    height: 2.5rem;
    box-shadow: 0px 2px 2px #0000005c;
    border-radius: 50%;
}
#articles .article .box-header a.btn i{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
}
#articles .article .box-header a.btn .text{
	display: inline-block;
	overflow: hidden;
	width: 0px;
	height: 100%;
}
#articles .article .box-header a.btn:hover{
	padding: 0.5rem 1.5rem 0rem 1.5rem;
	font-size: 2rem;
	height: auto;
	border-radius: 3px;
	transition: border-radius .3s ,width 10s ease-in;
}
#articles .article .box-header a.btn:hover i{
	left: auto;
	right: 0;
	transition: right .3s ease-in;
}
#articles .article .box-header a.btn:hover .text{
	width: auto;
	transition:  width 10s ease-in;
}
#articles .article .box-body{
    padding-top: 3rem;
    line-height: 2rem;
    height: 20rem;
    overflow: hidden;
}

#cards .card{
	position: relative;
	overflow: hidden;
}
#cards .card .img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	min-height: 100%;
}
#cards .card .img:after{
	content: "";
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.6) 100%) repeat 0 0;
}
#cards .card .box-body, #cards .card .box-footer{
	position: relative;
	min-height: 15rem;
}
#cards .card h3{
	font-size: 3rem;
	margin: 0px;
}
#cards .card a{
	position: absolute;
	bottom: 1rem;
	right: 1rem;
	font-size: 3rem;
	font-weight: bold;
	line-height: 100%;
    border: 1px solid #444;
    border-radius: 50%;
    padding: 0px 11px;
    color: #444;
}