
.flexslider {
		width: 100%;
		margin: 0 auto;
		box-shadow: none;
		border:none;
		border-bottom:10px solid #337ab7;
		border-radius:0px;
}

.flexslider li {
		position: relative;
}

.flexslider li .meta-img{
	position: absolute;
    top: 130px;
    left: 0;
    right:0;
    width: 100%;
}
/*.flexslider li .meta-img img.content-img{
	width: 310px;
    display: block;
    height: auto;
    float: right;
}*/
.flexslider li .meta-img img.content-img{
	width: 290px;
    display: block;
    height: auto;
    float: none;
    margin:0px auto;
}

.flexslider li .meta {
/*		position: absolute;
		bottom: 10%;
		left: auto;
		right: 65px;
		width:65%;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		

		position: absolute;
	    bottom: 20%;
	    left: 0px;
	    right: 0px;
	    text-align: center;*/


	position: absolute;
    bottom: 0%;
    right: 0px;
    width: 100%;
    text-align:center;
}
@media(max-width:767px){
	.flexslider li .meta{
		bottom:5%;
	}

	.flexslider li .meta-img{
		position: absolute;
		/*top: 5%;*/
		top: 10%;
		left: 0px;
		right: 0px;
		width: 100%;
	}
	.flexslider li .meta-img img.content-img{
		float:none;
		margin:0px auto;
	}
	.flexslider li .meta {
			/*position: absolute;
			bottom: 10%;
			left: auto;
			right: 65px;
			width:65%;
			display: flex;
			flex-direction: column;
			justify-content: flex-start;
			align-items: flex-start;*/
			

		position: absolute;
		/*bottom: 0%;*/
		bottom: 8%;
		right: 0px;
		left: 0px;
		width: 100%;
	}
}

.flexslider li .title {
		padding: 12px 18px 12px;
		margin-bottom: 0;
		font-weight: bold;
		color:#fff;
}

.flexslider li .desc {
		padding: 13px 18px 11px;
		margin-bottom: 0;
		font-weight: bold;
		color:#fff;
}

.flexslider li img.slide-bg{
	height:500px;
	width:100%;
	object-fit:cover;
	filter: brightness(80%);
}

.flexslider li .category {
		display: flex;
		flex-direction: row;
}

.flexslider li .category p {
		background: #e43837;
		margin-right: 7px;
		font-size: 1.1em;
		padding: 12px 18px 10px;
		font-weight: 300;
}

.flexslider li .category span {
		background: #e43837;
		margin-top: 17px;
		padding: 8px 12px 0;
		font-size: 0.9em;
		font-weight: 300;
		height: 26px;
}

.flexslider li .title,
.flexslider li .desc,
.flexslider li .category p,
.flexslider li .category span {
		-webkit-animation-duration: .6s;
		animation-duration: .6s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeOutLeft;
		animation-name: fadeOutLeft;
}

.flexslider li.flex-active-slide .meta .title,
.flexslider li.flex-active-slide .meta .desc,
.flexslider li.flex-active-slide .meta .category p,
.flexslider li.flex-active-slide .meta .category span {
		-webkit-animation-delay: .4s;
		animation-delay: .4s;
		-webkit-animation-duration: .6s;
		animation-duration: .6s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeInLeft;
		animation-name: fadeInLeft;
}

.flexslider li.flex-active-slide .meta .desc {
		-webkit-animation-delay: .5s;
		animation-delay: .5s;
}

.flexslider li.flex-active-slide .meta .category p {
		-webkit-animation-delay: .6s;
		animation-delay: .6s;
}

.flexslider li.flex-active-slide .meta .category span {
		-webkit-animation-delay: .8s;
		animation-delay: .8s;
}

.flex-direction-nav {
		position: absolute;
		top: 40%;
		left: 0px;
		right: 0px;
		width:100%;
}

.flex-direction-nav a {
		text-decoration: none;
		display: block;
		width: 30px;
		height: 30px;
		background-color: #333;
		margin: -20px 0 0;
		position: absolute;
		top: 50px;
		z-index: 10;
		overflow: hidden;
		opacity: .5;
		cursor: pointer;
		color: #fff;
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		transition: all .3s ease;
}

.flex-direction-nav .flex-prev {
		text-align: left;
		left: 30px;
}

.flex-direction-nav .flex-next {
		text-align: right;
		right: 30px;
}

.flexslider:hover .flex-prev {
		left: 30px;
}

.flexslider:hover .flex-next {
		right: 30px;
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
		opacity: 1;
}

.flex-direction-nav a:before {
		font-family: FontAwesome;
		content: '\f104';
		font-size: 22px;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		top: 0px;
		padding: 0px;
}

.flex-direction-nav a.flex-next:before {
		content: '\f105';
}

@-webkit-keyframes fadeInLeft {
		0% {
				opacity: 0;
				-webkit-transform: translate3d(-100%, 0, 0);
				transform: translate3d(-100%, 0, 0);
		}
		100% {
				opacity: 1;
				-webkit-transform: none;
				transform: none;
		}
}

@keyframes fadeInLeft {
		0% {
				opacity: 0;
				-webkit-transform: translate3d(-100%, 0, 0);
				transform: translate3d(-100%, 0, 0);
		}
		100% {
				opacity: 1;
				-webkit-transform: none;
				transform: none;
		}
}

@-webkit-keyframes fadeOutLeft {
		0% {
				opacity: 1;
		}
		100% {
				opacity: 0;
				-webkit-transform: translate3d(-100%, 0, 0);
				transform: translate3d(-100%, 0, 0);
		}
}

@keyframes fadeOutLeft {
		0% {
				opacity: 1;
		}
		100% {
				opacity: 0;
				-webkit-transform: translate3d(-100%, 0, 0);
				transform: translate3d(-100%, 0, 0);
		}
}