@import url(https://fonts.googleapis.com/css?family=Lovers+Quarrel);
/*Slider*/
.slider-relative {
	position:relative;
	overflow:hidden;
	margin: 0 auto;
}

.items {
	display: none;	
	width:100%;
}

.slider-block {
	position:relative;
	overflow:hidden;
	height: 770px;
	margin: 0 auto;
	
}
.slider {
	z-index:2;
	position: relative;
	width: 100%;
}

.banner {
	position:absolute;
	width:100%;
	height:100%;z-index:1;text-align:center; background:url(../images/hpattern.png) 0 0 repeat;left:0px;top:0px;
}

.banner h2 {
	color: #fff;
	font-size: 105px;
	padding: 0;
	margin: 0;
	font-family: 'Lovers Quarrel';
	padding-bottom: 26px;
	text-align: left;
	padding: 11px 60px 10px ;
	text-shadow: 1px 1px rgba(0, 0, 0, 1);
}

.pagination {
width:60%;
bottom: 10px;
position: absolute;
left: 50%;
margin-left: -151px;
z-index: 99999;
}

.pagination li {
	float: left;
}

.pagination li+li {
	margin-left: 15px;
}


.pagination  li a{
	width: 24px;
	display: block;
		transition: 0s ease;
	-o-transition: 0s ease;
	-webkit-transition: 0s ease;
	height: 23px;
	background: url(../images/pagination.png) right 0 no-repeat;
}

.pagination li a:hover, .pagination li.current a {
	background-position: 0 0;
}


@media(max-width:768px){

.slider-block {
	position:relative;
	overflow:hidden;
	height:100%;
	margin: 0 auto;
}
.slider .banner {
	z-index:1;text-align:center; background:url(../images/hpattern.png) 0 0 repeat;left:0px;top:0px;}
	
.banner h2 {
	color: #fff;
	font-size: 60px;
	padding: 0;
	margin: 0;
	font-family: 'Lovers Quarrel';
	padding-bottom: 26px;
	text-align: left;
	padding: 3px 3px 3px ;
	text-shadow: 1px 1px rgba(0, 0, 0, 1);
}	

}
.bannertrdiv {float:right;auto; height:auto; background:rgba(255,255,255,0.4); top:25%;right:20%;position:absolute;padding:3px;border:1px solid orange}
.bannertldiv {float:left;auto; height:auto; background:rgba(255,255,255,0.4); top:25%;left:5%;position:absolute;padding:3px;border:1px solid orange}
.bannerbrdiv {float:right;auto; height:auto; background:rgba(255,255,255,0.4); top:50%;right:20%;position:absolute;padding:3px;border:1px solid orange}
.bannerbldiv {float:left;auto; height:auto; background:rgba(255,255,255,0.4); top:50%;left:5%;position:absolute;padding:3px;border:1px solid orange}
.bannercentre {width:40%; margin: auto; z-index:9999; height:auto; background:rgba(255,255,255,0.4); top:50%;left:5%;position:absolute;padding:3px;border:1px solid orange}
.banner span {
	color: orange;	
}