/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  margin-bottom: 60px;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bx-wrapper img {
  max-width: 100%;
  display: block;
}
.bxslider {
  margin: 0;
  padding: 0;
  /*fix flickering when used background-image instead of <img> (on Chrome)*/
  -webkit-perspective: 1000;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {
  /* fix other elements on the page moving (in Chrome) */
  -webkit-transform: translateZ(0);
}
/** THEME
===================================*/
.bx-wrapper {
 /*
  -moz-box-shadow: 0 0 5px #ccc;
  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
  border: 5px solid #fff;
  background: #fff;
*/
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url('images/bx_loader.gif') center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
  display:none;
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url('images/controls.png') no-repeat 0 -32px;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
.bx-wrapper .bx-next {
  right: 10px;
  background: url('images/controls.png') no-repeat -43px -32px;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url('images/controls.png') -86px -11px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url('images/controls.png') -86px -44px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}





/* Customize CSS  */
       
	.bxslider li{}
	/*
	.bxslider li:after{content:''; position:relative; display:block; padding-bottom:56.25%; overflow:hidden;}
	.bxslider li img{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:100%; max-width:100%; max-height:100%;}
	*/
	
	.slide-pic{position:relative; display:block; margin:0 auto; width:100%; height:0; padding-bottom:75%; overflow:hidden;}
	
	.slide-pic_cover{display:none; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:100%; height:100%; background:rgba(0,0,0,0.1); z-index:5;}
	.slide-pic_cover img{display:block; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:60px; height:60px; z-index:7;}
	
	.slide-img{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; max-width:100%; height:100%; z-index:3;}
	
	.slide-pic:hover .slide-pic_cover{display:block;}
	
	
	
	
	
	
	

	/*
	.bx-wrapper .bx-prev {left:0;}
	.bx-wrapper .bx-next {right:0;}
	
	.bx-wrapper .bx-controls-direction a{z-index:1000;}

	#bx-pager a:hover,
	#bx-pager a.active {
	}
	*/

	.bx-pager{margin:20px auto;}

/*
	.bx-pager .thumb-cont{position:relative; display:inline-block; margin:0 auto 10px auto; width:100%;}
	.bx-pager .thumb-cont .thumb-pic{position:relative; display:inline-block; margin:0 auto; width:100%; height:0; padding-bottom:100%; background:#fff; overflow:hidden;}
	.bx-pager .thumb-cont .thumb-pic .thumb-img{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; max-width:100%; max-height:100%;}
	.bx-pager .thumb-cont .thumb-h4{display:block; marign:0 auto; padding:4px 4px; width:100%; font-size:13px; color:#000; line-height:14px; height:22px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-weight:normal;}
	.bx-pager .thumb-cont .thumb-p{display:block; marign:0 auto; padding:2px 4px; width:100%; font-size:12px; color:#000; line-height:12px; height:20px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
*/

	.bx-pager .thumb-cont{position:relative; display:inline-block; margin:0 1% 10px 1%; padding:4px 4px 8px 4px; width:48%; border-radius:6px; background:#fff;}
	.bx-pager .thumb-cont .thumb-pic{position:relative; display:inline-block; margin:0 auto; width:100%; height:0; padding-bottom:75%; background:#fff; overflow:hidden;}
	.bx-pager .thumb-cont .thumb-pic .thumb-img{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; max-width:100%; max-height:100%;}
	.bx-pager .thumb-cont .thumb-h4{display:block; marign:0 auto; padding:4px 4px; width:100%; font-size:13px; color:#000; line-height:14px; height:22px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-weight:normal;}
	
	.bx-pager .thumb-cont .thumb-p{display:block; margin:0 auto; padding:4px 4px; width:100%; font-size:12px; color:#000; height:30px; line-height:22px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:center; vertical-align:middle;}

	.bx-pager a.thumb-cont{
		border:#fff 1px solid;
	}

	.bx-pager a.thumb-cont:hover,
	.bx-pager a.thumb-cont.active {
		border:#ccc 1px solid;
		box-shadow:#ccc 1px 1px 3px;
	}



	.pp-showcase{position:relative; margin:0 auto; width:100%; font-size:0; display:flex; flex-wrap:wrap; overflow:hidden;}

	.pps-top{display:block; margin:10px 2%; width:96%;}
	.pps-bottom{display:block; margin:0 auto 0 auto; padding:10px; width:100%;}

	.pps-left{display:inline-block; margin:0 auto; padding:1%; width:64%;}
	.pps-right{display:inline-block; margin:0 auto; padding:1%; width:36%;}
	
	
	.pps-title{
		display:block; margin:0 auto 4px auto; padding:10px; width:100%; font-size:22px;
		color:#000;		
	}


	.pps-slide-h3{
		display:block;
		margin:0 auto 4px auto;
		width:100%;
		font-size:0;
		border:#ccc 1px solid;
		background:#ededed;
		color:#000;
		text-align:center;
	}

	.pps-slide-h3 span{display:inline-block; padding:2px 4px; margin:auto 20px auto 0; color:#000; font-size:18px; font-weight:normal; text-align:center;}
	.pps-slide-h3 span:nth-of-type(1){font-weight:bold;}



	.pps-slide-h3-1{
		display:block; margin:0 auto 4px auto; width:100%; font-size:0;
		border-radius:28px;
		background:#ededed;
		border:#ccc 1px solid;
		color:#000;
		text-align:center;
	}

	.pps-slide-h3-1 span{display:inline-block; padding:2px 4px; margin:auto 20px auto 0; color:#e74773; font-size:18px; font-weight:normal; text-align:center;}
	.pps-slide-h3-1 span:nth-of-type(1){font-weight:bold;}





	.pps-slide-p{display:block; margin:0 auto 4px auto; padding:10px; width:100%; text-align:center; font-size:0;}
	.pps-slide-p span{display:inline-block; padding:2px 4px; margin:auto 20px auto 0; color:#000; font-size:15px; text-align:center;}



	.pps-s-blk{position:relative; display:inline-block; margin:10px 1% 10px 1%; padding:4px 4px 8px 4px; width:18%; border-radius:6px; background:#fff; border:#fff 1px solid;}
	.pps-s-blk .pps-s-pic{position:relative; display:inline-block; margin:0 auto; width:100%; height:0; padding-bottom:75%; background:#fff; overflow:hidden;}
	.pps-s-blk .pps-s-pic img{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; max-width:100%; max-height:100%;}
	.pps-s-blk h4{display:block; marign:0 auto; padding:4px 4px; width:100%; font-size:13px; color:#000; line-height:14px; height:22px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-weight:normal;}
	
	.pps-s-blk p{display:block; marign:0 auto; padding:4px 4px; width:100%; font-size:14px; color:#000; height:30px; line-height:22px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:center; vertical-align:middle;}



	.pps-s-blk:hover{border:#ccc 1px solid; box-shadow:#ccc 1px 1px 3px;}





	@media screen and (max-width:1024px){
	
	.bx-pager{margin:10px auto 20px auto;}
		
	.pps-left{display:block; margin:4px 2%; width:96%;}
	.pps-right{display:block; margin:4px 2% auto; width:96%;}

	.pps-slide-h3{}
	.pps-slide-p{text-align:left;}



	
	.bx-pager .thumb-cont{margin:0 1% 10px 1%; width:31.3%;}

	.pps-s-blk{margin:10px 1% 10px 1%; width:31.3%;}
	

	}

	@media screen and (max-width:768px){
		
	.bx-pager .thumb-cont{}

	/*
	.pps-slide-h3 span{padding:2px 2px; margin:auto 4px auto 0; font-size:17px; text-align:left;}
	.pps-slide-p span{padding:2px 2px; margin:auto 8px auto 0; font-size:14px; text-align:left;}
	*/



	.bx-pager .thumb-cont{margin:0 1% 10px 1%; width:48%;}
	.pps-s-blk{margin:10px 1% 10px 1%; width:48%;}



		
	}

	@media screen and (max-width:480px){
		
	.bx-pager .thumb-cont{}
		
	}