/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face {
  font-family: 'flexslider-icon';
  src: url('../fonts/flexslider-icon.eot');
  src: url('../fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('../fonts/flexslider-icon.woff') format('woff'), url('../fonts/flexslider-icon.ttf') format('truetype'), url('../fonts/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}

*{
		margin: 0;
		padding: 0;
		box-sizing: border-box;
		font-family: 'Oswald', sans-serif; 
	}

	.flexslider{
		width: 100%;
		position: relative;
	}

	.slides{
		
		overflow: hidden;	
	}

	.slides img{
		width: 100%;
	}

	.slides,
	.flex-control-nav,
	.flex-direction-nav{
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.flex-control-nav{
		width: 100%;
		text-align: center;
		position: absolute;
		bottom: 5%;
		z-index: 999;
		
	}

	.flex-control-nav li {
		display: inline-block;
		margin: 0 6px;
	}

	.flex-control-nav li a{
		display: block;
		background: orange;
		width: 25px;
		height: 25px;
		border-radius: 25px;
		/*text-indent: -9999px;*/
		text-decoration: none;
		font-family: 'Oswald', sans-serif;
		color: #ffffff;
	}

	.flex-control-nav li a:hover{
		background: #2e2e2e;
	}

	.flex-control-nav li a.flex-active{
		background: #2e2e2e;
	}

	.flex-direction-nav a{
		display: block;
		text-decoration: none;
		position: absolute;
		top: 50%;
		z-index: 999;
		width: 40px;
		height: 40px;
		overflow: hidden;
		opacity: 0;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

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

	.flex-direction-nav .flex-next {
		right: 0;
	}

	.flex-direction-nav a:before{
		font-family: "flexslider-icon";
		font-size: 40px;
		display: inline-block;
		content: '\f001';
		color: #ffffff;
		text-shadow: 3px 3px 0 rgba(0,0,0,.3);
	}

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

	.flex-caption p {
		font-family: 'Oswald', sans-serif;
		position: absolute;
		top: 40%;
		text-align: center;
		width: 100%;
		font-size: 40px;
		font-weight: bolder;
		color: #ffffff;
		opacity: 1;
		z-index: 999;
		text-shadow: 1px 2px 3px black;
	}

	.flex-caption p a {
		color: lightgoldenrodyellow;
		background-color: darkblue;
		padding: 7px;
		text-decoration: none;
		border-radius: 7px;
		font-size: 30px;
	}

	.flex-caption p a:hover {
		color: white;
		background-color: orange;
		padding: 7px 7px;
		text-decoration: none;
		border-radius: 7px;
		font-size: 30px;
	}

	.flexslider:hover .flex-direction-nav .flex-prev{
		opacity: 0.7;
		left: 18px;
	}

	.flexslider:hover .flex-direction-nav .flex-prev:hover{
		opacity: 1;
	}

	.flexslider:hover .flex-direction-nav .flex-next{
		opacity: 0.7;
		right: 18px;
	}

	.flexslider:hover .flex-direction-nav .flex-next:hover{
		opacity: 1;
	}

	@media screen and (max-width: 736px){
		.flexslider{
			margin-top: 80px;
		}
		
	}