.bx-wrapper .bx-viewport {

	-moz-box-shadow:none;

	-webkit-box-shadow:none;

	box-shadow:none;

	border: solid transparent 5px;

	background: transparent;

	height: auto!important;

}



.bx-wrapper .bx-loading {

	background: url(third-party/jquery.bxslider/images/bx_loader.gif) center center no-repeat transparent;

}



.bx-wrapper .bx-controls {

	opacity:0;

	transition:500ms;

	-webkit-transition:500ms;

	-moz-transition:500ms;

}



.bx-wrapper:hover .bx-controls {

	opacity:1;

}



.bx-wrapper ul {

	list-style-type:none;

	padding:0;

	margin:0;

}



.bx-wrapper ul li {

	text-align:center;

}

.bx-wrapper ul li img {

	max-height:132px;

	max-width:100%;

	display:inline-block;
	  min-height: 132px;

}



.bx-wrapper ul.gray li img, .bx-wrapper ul.grayhovercolor li img {

    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */

    filter: gray; /* IE6-9 */

    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */

    /* -webkit-backface-visibility: hidden; /* Fix for transition flickering */

}



.bx-wrapper ul.grayhovercolor li img:hover {

    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");

    -webkit-filter: grayscale(0%);

}



@media all and (-webkit-min-device-pixel-ratio: 2) {

	.bx-wrapper .bx-prev { background: url(third-party/jquery.bxslider/images/controls@2x.png) no-repeat 0 -32px; background-size:96px,63px; }

	.bx-wrapper .bx-next { background: url(third-party/jquery.bxslider/images/controls@2x.png) no-repeat -43px -32px; background-size:96px,63px; }

}



@media all and (-webkit-min-device-pixel-ratio: 3) {

	.bx-wrapper .bx-prev { background: url(third-party/jquery.bxslider/images/controls@3x.png) no-repeat 0 -32px; background-size:96px,63px; }

	.bx-wrapper .bx-next { background: url(third-party/jquery.bxslider/images/controls@3x.png) no-repeat -43px -32px; background-size:96px,63px; }

}


@media only screen and (max-width:480px) {
.bx-wrapper ul li img {
    display: inline-block;
    height: auto;
    width: 137px !important;
	max-width: 137px !important;
}
}
@media only screen and (max-width:360px) {
.bx-wrapper ul li {
    margin: 0;
    text-align: center;
    width: 137px !important;
}
.bx-wrapper ul li img {
    display: inline-block;
    height: auto;
    margin: 0 5px;
    max-width: 137px !important;
    width: 137px !important;
}
}