
/* Slider Style */
.pxs_container{
	width:100%;
	height:600px;
	position:relative;
	overflow:hidden;
}
.pxs_bg{
	background:transparent url(../images/bg.png) repeat top left;
}
.pxs_bg div{
	position:absolute;
	top:0px;
	left:0px;
	width:7584px; /*1264px window width times number of images*/
	height:550px;
	background-repeat:repeat;
	background-position:top left;
	background-color:transparent;
}
.pxs_bg .pxs_bg1{
	background-image:url(../images/bg1.png);
	/*left negative 1/8 of ww*/
}
.pxs_bg .pxs_bg2{
	background-image:url(../images/bg2.png);
	/*left negative 1/4 of ww*/
}
.pxs_bg .pxs_bg3{
	background-image:url(../images/bg3.png);
	/*left negative 1/2 of ww*/
}
.pxs_slider_wrapper{
	display:none;
}
.pxs_container ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
ul.pxs_slider{
	position:absolute;
	left:0px;
	top:0px;
	height:420px;
}
ul.pxs_slider li{
	height:420px;
	float:left;
	position:relative;
}
ul.pxs_slider li img{
	display:block;
	margin:35px auto 0px auto;
	max-width: 500px;
	width: 95%;
}
ul.pxs_thumbnails{
	height:35px;
	position:absolute;
	top:470px;
	left:50%;
}
ul.pxs_thumbnails li{
	position:absolute;
	display:block;
}
ul.pxs_thumbnails li img{
	border: 5px solid #FFFFFF;
	-moz-box-shadow:1px 1px 7px #555;
	-webkit-box-shadow:1px 1px 7px #555;
	box-shadow:1px 1px 7px #555;
	cursor:pointer;
	display:block;
	opacity:0.7;
}
ul.pxs_thumbnails li.selected img{
	opacity:1.0;
}
.pxs_navigation span{
	position:absolute;
	width:30px;
	height:60px;
	cursor:pointer;
}


.pxs_navigation span:hover{
	opacity:0.9;
}
.pxs_navigation span.pxs_prev{
	background: #bbe3f900 url(../images/next.png?07262019) no-repeat center center;
	margin-top:100px
}
.pxs_navigation span.pxs_next{
	background: #bbe3f900 url(../images/next.png?07262019) no-repeat center center;
	margin-top:100px
}
.pxs_loading{
	color:#fff;
	font-size:20px;
	padding:15px 15px 15px 50px;
	position:absolute;
	background:#333 url(../images/ajax-loader.gif) no-repeat 10px 50%;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	opacity:0.7;
	width:180px;
	position:absolute;
	top:150px;
	left:50%;
	margin-left:-90px;
}

/*===============================================
●For Mobile Max Width 680px
===============================================*/
@media screen and (max-width:680px){

.pxs_container{
	height:320px;
}

.pxs_bg div{
	height:320px;
}

ul.pxs_slider li{
	height:320px;
}

ul.pxs_thumbnails{
	top:200px;
}

.pxs_navigation span{
	top:75px;
}

.pxs_navigation span.pxs_prev{
	background:#bbe3f94a url(../images/prev.png) no-repeat center center;
}
.pxs_navigation span.pxs_next{
	background:#bbe3f94a url(../images/next.png) no-repeat center center;
}

	ul.pxs_thumbnails {
    height: 35px;
    position: absolute;
    top: 550px;
    left: 50%;
}

	ul.pxs_slider {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 420px;
}
}
