/********************************************************
			Template Custom Styles
********************************************************/
.owl-carousel {
  display: none;
  position: relative;
  float: left;
  width: 100%; 
  margin: 0;
  -ms-touch-action: pan-y;
}
.blog-container .owl-carousel {
	margin: 0 0 30px 0;
}
.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  float: left;
  width: 100%;
}
#pst_categorycmsblock .owl-carousel .owl-wrapper-outer{
	margin-bottom:30px;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
  float: left;
}
.owl-carousel .owl-item .manu_image a {
  display: inline-block;
}
.owl-carousel .owl-item .manu_image a img {
  max-width: 100%;
}
.owl-carousel .owl-item:hover a img {
  border-color: #FFB400;
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  /* fix */
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  text-align: center;
}
.owl-page.active,.owl-page:hover{
    background-color:#FFB400;
    cursor: default;
}
.owl-page {
	background-color:#666666;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 12px;
    margin: 0 5px;
    width: 12px;
}
.owl-pagination{text-align:center;}
/* mouse grab icon */
.grabbing {
  cursor: url("../img/themeimage/grabbing.png") 8 8, move;
}
 
.customNavigation,.owl-buttons {
	z-index: 959;
	direction: ltr !important;
	clear: both;
	text-align: center;
	position: absolute;
    top: auto;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
}
/*.blog-container .customNavigation,.owl-buttons {top:-32px;}*/
.customNavigation .btn, .owl-buttons div {
    background: none;
    padding: 0;
    height: 25px;
    width: 25px;
    cursor: pointer;
    overflow: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-size: 0;
    margin: 0 5px;
    display: inline-block;
    vertical-align: top;
}
.customNavigation a.next, .owl-buttons .owl-next {
    background-image: url("../img/themeimage/pst-prod-next.svg");
    background-repeat: no-repeat;
    background-position:center;
	background-size:100%;
}
.customNavigation a.next:hover, .owl-buttons .owl-next:hover{
    background-image: url("../img/themeimage/pst-prod-next-hover.svg");    
    background-repeat: no-repeat;
    background-position:center;
	background-size:100%;	
}
.customNavigation a.prev, .owl-buttons .owl-prev {
    background-image: url("../img/themeimage/pst-prod-prev.svg");   
    background-repeat: no-repeat;
    background-position:center;
	background-size:100%;
}
.customNavigation a.prev:hover, .owl-buttons .owl-prev:hover{
    background-image: url("../img/themeimage/pst-prod-prev-hover.svg");   
    background-repeat: no-repeat;
    background-position:center;
	background-size:100%;
	
}
.brands .customNavigation{
	position:static;	
}
.brands .title-wrapper{display:none;}
.brands .products .product_list{padding:0 30px;}
.brands .product-carousel{margin:0;}
.brands .pstbrand_prev {
    left: 0;
    right: auto;
    position: absolute;
    top: 40%;
    z-index: 9;
}
 .brands .pstbrand_next {
    right: 0;
    left: auto;
    position: absolute;
    top: 40%;
    z-index: 9;
}


@media (max-width: 1024px) {
	.customNavigation a.prev,.owl-buttons .owl-prev{
		left:10px;
	}
	.customNavigation a.next,.owl-buttons .owl-next{
		right:10px;
	}		
	#main .images-container .js-qv-mask { margin:0px; }
}
#pstleftbanner img,
#pstrightbanner img{
	max-width: 100%;
}	
