/* use navbar-wrapper to wrap navigation bar, the purpose is to overlay navigation bar above slider */
.navbar-wrapper {position: absolute; top: 20px; left: 0; width: 100%;  height: 51px; }
.navbar-wrapper > .container {padding: 0;}
@media all and (max-width: 768px ){
.navbar-wrapper {position: relative; top: 0px; }
}
/* jssor slider bullet navigator skin 21 css */
/*
.jssorb21 div           (normal)
.jssorb21 div:hover     (normal mouseover)
.jssorb21 .av           (active)
.jssorb21 .av:hover     (active mouseover)
.jssorb21 .dn           (mousedown)
 */
.jssorb21 div, .jssorb21 div:hover, .jssorb21 .av {overflow: hidden; cursor: pointer;  background: url(b05.png) no-repeat;}
.jssorb21 div { background-position: -5px -5px;}
.jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px;}
.jssorb21 .av {background-position: -65px -5px;}
.jssorb21 .dn, .jssorb21 .dn:hover {background-position: -95px -5px;}
/* jssor slider arrow navigator skin 21 css */
/*
.jssora21l              (normal)
.jssora21r              (normal)
.jssora21l:hover        (normal mouseover)
.jssora21r:hover        (normal mouseover)
.jssora21ldn            (mousedown)
.jssora21rdn            (mousedown)
*/
.jssora21l, .jssora21r, .jssora21ldn, .jssora21rdn {position: absolute; cursor: pointer; display: block; overflow: hidden; background: url(a21.png) center center no-repeat;}
.jssora21l {background-position: -3px -33px;}
.jssora21r { background-position: -63px -33px;}
.jssora21l:hover {background-position: -123px -33px;}
.jssora21r:hover {background-position: -183px -33px;}
.jssora21ldn {background-position: -243px -33px;}
.jssora21rdn {background-position: -303px -33px;}