/* Basic jQuery Slider essential styles */

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none; }
li.bjqs-slide{position:absolute; display:none; }

ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;z-index:9999; width:16px; height:129px;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:20px; background-image:url(../layout/arrows.png); background-position:top left}
ul.bjqs-controls.v-centered li.bjqs-next a{right:20px;background-image:url(../layout/arrows.png); background-position:top right;}



ol.bjqs-markers{list-style: none; padding: 0; margin: 0; margin-top:-50px; width:100%; z-index:100; position:relative;text-align: center;}
ol.bjqs-markers.h-centered{}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block; width:16px; height:16px; margin-right:8px;  background-image:url(../layout/bullets.png); background-position:bottom left; text-indent:-9999px; z-index:9;}
ol.bjqs-markers li.active-marker a{ background-image:url(../layout/bullets.png); background-position:top left; text-decoration:none; }
ol.bjqs-markers li a:hover{ background-image:url(../layout/bullets.png); background-position:top left; text-decoration:none; }

@media screen and (max-width: 700px) {
ol.bjqs-markers{
margin-top:-20px;
}

ol.bjqs-markers li a {width:8px; height:8px; background-size:8px 16px}

ul.bjqs-controls.v-centered li a{ width:8px; height:64px; background-size: auto 100%;}

}
@media screen and (max-width: 500px) {
/*li.bjqs-slide img{ margin-left:-50px;}*/
ul.bjqs-controls.v-centered {display:none;}
}