body {
}

.flexslider {
		width: 100%;
		margin: 0 auto;
		box-shadow: none;
		    border: 0px solid #fff !important;
}

.flexslider li {
		position: relative;
}

.flexslider li .meta {
		position: absolute;
		bottom: 20px;
		left: 20px;
		color: white;
		display: -webkit-box;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		        flex-direction: column;
		-webkit-box-pack: start;
		        justify-content: flex-start;
		-webkit-box-align: start;
		        align-items: flex-start;
		font-family: 'Roboto', sans-serif;
}


.container-fluid.banner .flexslider li .meta {
    position: absolute;
    bottom: 37%;
    left: 20%;
    width: 60%;
    right: 20%;
    z-index: 9;
}


.flexslider li h1 {
 		padding: 12px 18px 12px;
		margin-bottom: 0;
		font-size: 1.8em;
		font-weight: 300;
}

.flexslider li h2 {
 		padding: 13px 18px 11px;
		font-size: 1.1em;
		margin-bottom: 0;
		font-weight: 300;
}

.flexslider li .category {
		display: -webkit-box;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		        flex-direction: row;
}

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

.flexslider li .category span {
 		margin-top: 17px;
		padding: 8px 12px 0;
		font-size: 0.9em;
		font-weight: 300;
		height: 26px;
}
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 20px;
    text-align: center;
    z-index: 99999999;

}
.flex-control-nav::before
{display: none;

}

.flexslider li h1,
.flexslider li h2,
.flexslider li .category p,
.flexslider li .category span {
		-webkit-animation-duration: .4s;
		animation-duration: .4s;
		-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 p,
.flexslider li.flex-active-slide .meta .category span {
		-webkit-animation-delay: .4s;
		animation-delay: .4s;
		-webkit-animation-duration: .4s;
		animation-duration: .4s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeInLeft;
		animation-name: fadeInLeft;
		width: 100%;
		text-align: center;
}

.flexslider li.flex-active-slide .meta h2 {
		-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: 37%;
		left: 30px;
		    right: 30px;
}

.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;
		transition: all .3s ease;
}

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

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

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

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

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
		opacity: 1;
		 color: #fff
}
/*
.flex-direction-nav a:before {
	  font-family: FontAwesome;
		content: '\f104';
		font-size: 25px;  
		background: url(../images/left.png) center no-repeat;
		display: -webkit-box;
		display: flex;
		-webkit-box-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		        align-items: center;
		position: relative;
		top: 0;
		padding: 2px;
		font-size: 19px;
    line-height: 27px;
} 

.flex-direction-nav a.flex-next:before {
		background: url(../images/right.png) center no-repeat;
} */

.flex-direction-nav a.flex-prev  {
		background: url(../images/left.png) center no-repeat rgba(255,255,255,.40);
		font-size: 0px;
		padding: 30px;
    	border-radius: 50%;
		width: 50px;
	    height: 50px;
}
.flex-direction-nav a.flex-next  {
		background: url(../images/right.png) center no-repeat rgba(255,255,255,.40);
		font-size: 0px;
		padding: 30px;
	    border-radius: 50%;
		width: 50px;
	    height: 50px;
}

@-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);
		}
}
.container-fluid.banner 
{
	padding: 0px;
}
.container-fluid.banner .flexslider li .meta h1 {
    font-size: 60px;
    color: #fdb930;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 1px;
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 25px;
}
.container-fluid.banner .flexslider li .meta h2 {
    font-size: 23px;
    color: #fff;
    line-height: 35px;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 1px;
}
.container-fluid.banner .flex-control-paging li a {
    width: 23px;
    height: 5px;
    display: block;
    border-radius: 25px;
    background: #fff !important;
}
.container-fluid.banner .flex-control-paging li a.flex-active {
    width: 45px;
    background: #f57819 !important;
}
.container-fluid.banner .flexslider li::after {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    content: "";
    background: #000;
    opacity: .5;
    z-index: 0;
}
.container-fluid.banner .flex-control-paging li::after
{
	display: none;
}
.container-fluid.banner .flex-direction-nav li a {
    text-decoration: none;
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    padding: 9px;
    font-size: 0;
}