/* override flexslider default style */


.flexslider {


	border:0;


	-webkit-border-radius: 0;


	-moz-border-radius: 0;


	-o-border-radius: 0;


	border-radius: 0;


	margin:20px;


	overflow:hidden;


	-webkit-box-shadow: none;


	-moz-box-shadow: none;


	-o-box-shadow: none;


	box-shadow: none;	


}





.flex-control-nav {


	width: 100%;


	position: absolute;


	bottom: 30px;


	text-align: center;


	z-index:900;


}





.flex-control-paging li a {


	background: transparent;


	-webkit-box-shadow: none;


	-moz-box-shadow: none;


	-o-box-shadow: none;


	box-shadow: none;


	border:2px solid #015bac;		width: 15px;height:15px;


}





.flex-control-paging li a:hover,


.flex-control-paging li a.flex-active {


	background-color: #015bac ;


}





.flex-direction-nav {


	height:90px;


	width: 100%;


	position: absolute;


	top:50%;


	left:0;


	margin: -50px 0 0; 	


	z-index:100;


}





.flex-direction-nav li {


	overflow:visible;


}





.flex-direction-nav a  { 


	overflow:visible;


	width:45px; 


	height: 45px; 


	margin: 0; 


	opacity: 1;  


	top:0;


	color: rgba(0,0,0,0.8); 


	text-indent:-9999em;


	text-shadow: none; 


	-webkit-transition:  all 0.3s ease-out; 


	-moz-transition:  all 0.3s ease-out; 


	transition:  all 0.3s ease-out; 


	background-color: rgba(0,0,0,0.5) ;


	-webkit-box-shadow: none;


	-moz-box-shadow: none;


	-o-box-shadow: none;


	box-shadow: none;	


}





.flex-direction-nav .arrow {


	position: absolute;


	top:0;


	left:0;


	width: 45px; 


	height: 45px; 


	background: transparent url('l1.png') no-repeat 0px 0px;	


	z-index:200;


}





.flex-direction-nav a.flex-next .arrow {


background: transparent url('r1.png') no-repeat 0px 0px;	


}





.flex-direction-nav .flex-prev { left:0px; }


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


.flexslider:hover .flex-prev { left:0; opacity:1}


.flexslider:hover .flex-next { right:0; opacity:1}


.flexslider:hover .flex-prev:hover .arrow { left:0; 	background: transparent url('l1.png') no-repeat 0px 0px; background-color: #015bac;}


.flexslider:hover .flex-next:hover .arrow { right:0; background: transparent url('r1.png') no-repeat 0px 0px;opacity:1;  background-color: #015bac;}





.flexslider:hover .flex-prev:hover,


.flexslider:hover .flex-next:hover {


	background-color: #fff;


	opacity:1; 


}





.flexslider{ width: 800px; margin-left: auto; margin-right: auto; margin-top: 100px; }	





@media screen and (max-width: 768px) {


.flexslider{ width: 100%; margin-left: auto; margin-right: auto; margin-top: 100px; }	


}