@font-face{
    font-family: 'Roboto-Light';
    src: url('../fonts/Roboto-Light.ttf');
}

#slides{
	width: 100%;
	position:relative;
	overflow:hidden;
}
.slides_container{
	width:100%;
	height:318px;
	overflow:hidden;
}
.slide{width:940px; height:auto;}

/* Control Nav */
.pagination{position:absolute; bottom:-10px; left:20px; overflow:hidden; z-index:999;}
	.pagination li{
		width: 20px;
		height: 20px;
		background: #e32c0d;
		float:left;
		font-size:0px;
		line-height:0;
		margin-right:5px;
		text-indent:-5000px;
		border-radius: 10px;
	}

	.pagination a:hover{
		background: transparent !important;
		border-color: transparent !important;
		cursor: pointer;
	}

	.pagination>li>a:focus {
		background-color: #f88a78;
		border: transparent !important;
		padding: 0px !important;
		border-radius: 10px !important;
		width: 20px;
		height: 20px;
	}

	.current>a{
		background-color: #f88a78 !important;
		border: transparent !important;
		padding: 0px !important;
		border-radius: 10px !important;
		width: 22px !important;
		height: 20px !important;
	}

	.pagination>li>a, .pagination>li>span{
		border: transparent;
	}
		.pagination li a{
			display:block;
			height:19px;
			width:19px;
			background: url(../../img/pagination.png) -24px 0 no-repeat;
		}
			.pagination li.current a,.pagination li a:hover{background-position:0 0;}
			.pagination li.current a{cursor:default;}

/* Caption */
.caption{
	z-index:999;
	position:absolute;
	top:0px;
	left:0px;
	width:500px;
	/*padding:50px 0 0 44px;*/
	padding: 65px 0 0 211px;
	overflow:hidden;
	/*font: 300 60px/72px 'Lato', sans-serif;*/
	font-size: 30px;
	font-family: 'Roboto-Light' !important;
	font-weight: lighter !important;
	color:#555555;
}
	.caption strong{font-weight:700; color:#1e6fb8;}
	.caption span{display:block; margin-top:-20px;}

@media only screen and (max-width: 995px){
	.slides_container{width:780px; height:298px;}
	.slide{width:748px;}
	.caption{padding:130px 0 0 35px; font-size:55px; line-height:26px;}
}
@media only screen and (max-width: 767px){
	.slides_container{width:440px; height:196px;}
	.slide{width:440px;}
	.caption{display:none !important;}
	.pagination{bottom:auto; top:20px; left:20px;}
}
@media only screen and (max-width: 479px){
	.slides_container{width:300px; height:196px;}
	.slide{width:300px;}
	.pagination{top:15px; left:15px;}
}