/*--------- slider ---------*/
#slider { width:100%; height:420; position:relative; overflow:hidden; font-family: 'Roboto', sans-serif; margin:0 auto;}
.slider-block {width:100%; position:relative; margin:0 auto;}
.slider { width:100%; height:420px; margin:0 auto;}
.items { display:none;}

ul.pagination {display: block; position: absolute; right: 20px; top: 20px; z-index:3;}
ul.pagination li{width:12px; height:12px; display:inline-block; margin-left:5px;}
ul.pagination li a{width:12px; height:12px; float:left; background:url(../images/pagination.png) top right no-repeat; text-indent:-9000px;}
ul.pagination li.current a{background:url(../images/pagination.png) top left no-repeat;}

.banner { position:absolute; z-index:100; bottom:0px; left:20%; width:60%; height:180px; font-size:11px; line-height:22px; color:#FFF; font-family:Arial, Helvetica, sans-serif; }
.banner>div {padding:0;}
.banner h3 {display:block; font-size:48px; line-height:48px; color:#FFF; font-weight:bold; font-family: 'Roboto', sans-serif; text-shadow: 2px 2px 1px #000 ;text-align:center;}
.banner p {margin-top:10px; font-size:14px; line-height:20px; color:#FFF; text-align:center; text-shadow: 2px 2px 1px #000; font-weight:500; }

.slider-control .prev {position:absolute; top:220px; left:10px; background:url(../images/prev.png) 0 0 no-repeat; width:23px; height:41px; z-index:111 !important; display:inline-block;}
.slider-control .prev:hover {background-position:0 bottom;}
.slider-control .next {position:absolute; top:220px; right:10px; background:url(../images/next.png) 0 0 no-repeat; width:23px; height:41px; z-index:111 !important; display:inline-block;}
.slider-control .next:hover {background-position:0 bottom;}

@media screen and (min-width:1367px) {
.slider-block {width:1367px; position:relative; margin:0 auto;}
}

@media screen and (max-width:767px) and (min-width:480px) {
.banner { height:240px; }
}

@media screen and (max-width:767px) and (min-width:480px) {
.banner { height:240px; }
}
@media screen and (max-width:479px) and (min-width:320px) {
.banner { height:300px; }
}