.dateslider {
	height:720px;
	width:100%;
	position:relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-size:cover;
	overflow: hidden;
}
.dateslider .container {
	position: relative;
	display:table;
	width:100%;
	height:100%;
	padding-right: 0;
	padding-left: 0;
	z-index:2500;
}
.dateslider .content {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	width:100%;
}
.dateslider .slide {
	display:none;
	width:100%;
	text-align:center;
	vertical-align: middle;
	/*transform: translateY(30px);*/
	animation: come-in 0.8s ease forwards;
}
.dateslider .overlay {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.3);
	z-index:2000;
}
.dateslider h1.heading {
	color:#fff;
    font-family:Lato;
	font-size:72px;
	font-weight:400;
	padding:0;
	margin-bottom:20px;
}
.dateslider p.sub {
	color:#fff;
	font-size:18px;
	line-height:24px;
}
.dateslider p.sub-2 {
	color:#fff;
	font-size:28px;
	line-height:34px;
}
.dateslider p.sub-2 span {font-weight:bold;}
.dateslider a.btn {
	min-width:200px;
	background:none;
	font-weight:600;
	padding:20px 30px;
	height:auto;
	line-height:auto;
	border-radius:5px;
	margin:15px 15px 0 15px;
}
.dateslider a.btn.hilight {font-size:42px; width:auto; text-transform:uppercase; border:none; padding:20px 30px;}
.dateslider a.btn {font-size:15px; text-transform:uppercase;}

.direction {position:absolute; bottom:10px; right:20px; width:64px; z-index:2001;}
.direction li a {width:30px; height:30px; line-height:28px; display:block; border:1px solid rgba(0,0,0,0.2); text-align:center; color:#fff; margin:0 1px;}
.direction li.next,
.direction li.prev {float:left;}
.direction li a:before {
	font-family:FontAwesome;
	font-size:23px;
}
.direction li.prev a:before {content:"\f104";}
.direction li.next a:before {content:"\f105";}
.direction li a:hover {background-color:rgba(0,0,0,0.3);}

@media only screen and (max-width: 1439px) {
	.dateslider {height:520px; background-position: center center;}
}
@media only screen and (max-width: 991px) {
	.dateslider h1.heading {font-size:42px;}
}
@media only screen and (max-width: 767px) {
	.dateslider .container {width:94%;}
	.dateslider p.sub-2 {
		font-size:24px;
		line-height:28px;
		padding:0 15px;
	}
}