﻿html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, pre, form, fieldset, table, th, td, span{padding:0;margin:0;}
#full-screen-slider { width:100%; height:100vh; float:left; position:relative;}
#slides { display:block; width:100%; height:100vh; list-style:none; padding:0; margin:0; position:relative;}
#slides li { display:block; width:100%; height:100vh; list-style:none; padding:0; margin:0; position:absolute; background-position-x:center; background-size:100% 100%;}
#slides li a { display:block; width:100%; height:100vh; text-indent:-9999px;}
#pagination { display:block;list-style:none;position:absolute;left:50%;bottom:30px;z-index:9900;}
#pagination li { display:block;list-style:none;width:40px;height:10px;float:left;margin-right:5px;margin-left: 5px;filter:alpha(opacity:80);opacity:0.8;border-radius:15px;background:#ccc;}
#pagination li a { display:block; width:100%; height:100%;  padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#ffeb04; filter:alpha(opacity:80);opacity:0.8; }





@media (max-width: 991px) {
	#pagination{ width:180px!important;}
	#slides li { background-position-x:center; background-size:auto 100%;}
	#pagination li { width:80px;height:20px;}
#pagination li{ width: 50px; }

}