.hover-element-news .wrapper{
	display: flex;
	justify-content: space-around;
}
.hover-element-news .col{
	margin-bottom: 30px;
}
.hover-element-news .card{
	padding: 1.5rem;
	width: 100%;
	border-radius: 0;
	border: 0;
	background: white;
	position: relative;
	display: flex;
	align-items: flex-end;
	transition: 0.4s ease-out;
	overflow: hidden;
	min-height: 440px;
	max-height: 440px;
}
.hover-element-news.vertical .card{
	min-height: 300px;
	max-height: 300px;
}
.hover-element-news .card:hover{
	box-shadow: 2px 2px 3px rgba(0,0,0,0.5);
}
.hover-element-news .card:hover::before{
	opacity: 1;
}
.hover-element-news .card::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	z-index: 2;
	transition: 0.5s;
	opacity: 0;
}
.hover-element-news .card > a > img{
	width: 100%;
	height: 100%;
	object-fit: fill;
	position: absolute;
	top: 0;
	left: 0;
        transition: 1s all;
}
.hover-element-news .card:hover > a > img {
    object-fit: cover;
    transition: 1s;
}
.hover-element-news .card .info{
	position: absolute;
	z-index: 3;
	color: white;
	transition: 0.5s;
	left: 0;
	right: 0;
	top: 310px;
	bottom: 0;
	padding: 50px;
	background: rgb(0,0,0);
	background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.6026611328125) 53%, rgba(0,0,0,0) 100%);
}
.hover-element-news.blog .card .info{
	top: 335px;
}
.hover-element-news.vertical .card .info{
	top: 190px;
}
.hover-element-news .card .info .card-date,
.hover-element-news .card .info .card-date{
	margin-bottom: 35px;
}
.hover-element-news .card .info h2 a,
.hover-element-news .card .info h4 a{
	color: #ffffff;
}
.hover-element-news .card .info h2 a:hover,
.hover-element-news .card .info h4 a:hover{
	color: #009DE2;
}
.hover-element-news .card .info h4{
	font-size: 20px;
}
.hover-element-news .card .info p{
	font-size: 15px;
	margin-top: 20px;
	color: #ffffff;
}
.hover-element-news .card .info .card-category{
	float: right;
	font-weight: bold;
	color: #009DE2;
}
.hover-element-news .card .info .card-date{
	font-style: italic;
}
.view-filters form .form-row{
	justify-content: space-between;
	margin: 0;
}
.view-filters form .form-row fieldset,
.view-filters form .form-row fieldset{
	display: flex;
	align-items: baseline;
	width: 270px;
}
..view-filters form .form-row fieldset:nth-child(1),
.view-filters form .form-row fieldset:nth-child(1){
	width: 370px;
}
.view-filters form .form-row fieldset:nth-child(2){
	margin-left: auto;
}
.view-filters form .form-row fieldset{
	margin-right: 50px;
}
.view-filters form .form-row fieldset label,
.view-filters form .form-row fieldset label{
	width: 160px;
	color: #b3b3b3;
}
.view-filters form .form-row fieldset select,
.view-filters form .form-row fieldset select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url("../images/select-arrow.png") white no-repeat 98.5% !important;
	background: url("../images/select-arrow.png") white no-repeat calc(100% - 10px) !important;
	color: #009DE2;
}
.view-filters form .form-row fieldset select::-ms-expand,
.view-filters form .form-row fieldset select::-ms-expand{
	display: none;
}
.view-filters form .form-row fieldset:nth-child(2) select,
.view-filters form .form-row fieldset:nth-child(2) select{
	border: 0;
	box-shadow: none;
}
.hover-element-news.view-display-id-block_3 .view-content{
	margin-top: 10px;
}
.hover-element-news .card:hover .info{
	opacity: 1;
	top: 40%;
}
.hover-element-news.vertical .card:hover .info{
	opacity: 1;
	top: 0;
}