/*
Design by zahirul
*/
/*slider*/
	  /* Bare minimum styles */
	  .slider {
		  -ms-touch-action: pan-y; /* Prevent default touch actions on Windows 8. Only required for IE10 */
		  overflow: auto; /* Not required but recommended for accessibility when JavaScript is turned off */
		  position: relative;
		  touch-action: pan-y; /* Prevent default touch actions on Windows 8. Supported in IE11+ */
	  }
	  
	  /* AnySlider can be styled to your liking. This is just example styles */
	  .slider {
		  float:left;
		  height:218px;
		  width: 285px;
	  }
	  .slider_banner {
		  float:left;
		  height:450px;/*690px; */
		  width: 455px;
	  }
	  
	  /* The arrows can of course also be styled to your liking. This is just example styles */
	  .as-prev-arrow,
	  .as-next-arrow {
		  background: url(../templat_img/arrows.png) no-repeat;
		  cursor: pointer;
		  filter: alpha(opacity=0);
		  height: 40px;
		  opacity: 0;
		  overflow: hidden;
		  position: absolute;
		  text-indent: 100%;
		  top: 95px;
		  white-space: nowrap;
		  width: 40px;
		  z-index: 1;
	  }
	  
	  .as-prev-arrow {
		  left: 0;
	  }
	  
	  .as-next-arrow {
		  background-position: -40px 0;
		  right: 0;
	  }
	  
	  .slider:hover .as-prev-arrow,
	  .slider:hover .as-next-arrow {
		  filter: alpha(opacity=1);
		  opacity: 1;
	  }
	  
	  /* The same rules for styling apply here. Style to your liking */
	  .as-nav {
		  float:right;
		  bottom: -10px;
		  left: 50%;
		  margin-top:7px;
		  margin-right:285px;
		  text-align: right;
		  width: 74px;
		  z-index: 1;
	  }
	  
	  .as-nav a {
		  background: url(../templat_img/bullets.png) no-repeat;
		  height: 16px;
		  display: inline-block;
		  margin: 0 1px;
		  overflow: hidden;
		  text-indent: 100%;
		  white-space: nowrap;
		  width: 16px;
	  }
	  
	  .as-active,
	  .as-nav a:hover {
		  background-position: 0 -16px !important;
	  }
	  
.banner_box2{
	float:left;
	width:295px;
	height:180px;
}