
.flexslider {
		
		margin: 0 auto;
		box-shadow: none;
}

.flexslider li {
		position: relative;
}

.flexslider li .meta {
		position: absolute;
		bottom: 20px;
		left: 20px;
		color: white;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		
		margin-top: 10px;
		
}

.flexslider li h1 {
		  background: #6f6f6f;
		text-transform:uppercase;
    padding:15px 30px;
    margin-bottom: 0;
    font-size: 30px;
    font-weight: 300;
    margin-top: 10px;
    	
	font-family: 'Oswald', sans-serif;
}

.flexslider li h2 {
		background: rgba(51, 51, 51, 0.5);
		padding: 13px 18px 11px;
		font-size: 18px;
		margin-bottom: 0;
		font-weight: 300;
		margin-top: 10px;
		line-height: 22px;
}

.flexslider li .category {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
				margin-top: 10px;
}

.flexslider li .category p {
		background: #e43837;
		margin-right: 7px;
		font-size: 18px;
	 padding: 6px 9px 5px;
		font-weight: 300;
		margin:0px 0px 10px;
		font-family: 'Play', sans-serif;
}

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

.flexslider li h1,
.flexslider li h2,
.flexslider li .category p,
.flexslider li .category span {
		-webkit-animation-duration: .8s;
		animation-duration: .8s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeOutLeft;
		animation-name: fadeOutLeft;
}

.flexslider li.flex-active-slide .meta h1,
.flexslider li.flex-active-slide .meta h2,

.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 .category p{position: relative;
    -webkit-animation: slideOut;
    -moz-animation: slideOut;
    -o-animation: slideOut;
    animation: slideOut;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
 }
 @-webkit-keyframes slideOut {
    0% {
        left: 30%;
        opacity: 0;
    }
    100% {
        left: 0;
        opacity: 1;
    }
}
.flexslider li.flex-active-slide .meta h2 {
		-webkit-animation-delay: .7s;
		animation-delay: .7s;
}



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

.flex-direction-nav {
		position: absolute;
		top:50%;
		left: 30px;
		right:30px;
}

.flex-direction-nav a {
		text-decoration: none;
		display: block;
		width: 40px;
		height: 40px;
		background-color: #333;
		
		position: absolute;
		top: 50%;
		z-index:0;
		overflow: hidden;
		opacity: .5;
		cursor: pointer;
		color: #fff;
		-webkit-transition: all .3s ease;
		transition: all .3s ease;
}
/*
.flex-direction-nav .flex-prev {
		text-align: left;
		left: -10px;
}

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

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

.flexslider:hover .flex-next {
		left: 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: 25px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		position: relative;
		top: 0;
		padding: 2px;
		font-size: 19px;
    line-height: 27px;
}

.flex-direction-nav a.flex-next:before {
		content: '\f105';
}
*/
.flex-next {
    position: absolute;
    top: 50%;
    right: 0;
    width: 40px;
    height: 40px;
    overflow: hidden;
    text-indent: -100px;
    background: url(../images/control-right.png) no-repeat right #333;
    margin-top: -20px;
    
}
.flex-prev {
position: absolute;
    top: 50%;
    left: 0;
    width: 40px;
    height: 40px;
    overflow: hidden;
    text-indent: -100px;
    background: url(../images/control-left.png) no-repeat left #333;
    margin-top: -20px;
   
}
@-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);
		}
}