/*------------------------------------------------------------------------------

	ThemeJoy bxSlider Style 1 (bx1) CSS

	Author: 	Laird Smith
	Author URI: 	http://themejoy.com

	DO NOT EDIT THIS FILE

	To Make CSS Modifications:

		* Use the (Custom CSS & JavaScript) Theme Option.
		* Or:
			1. Activate the child theme for this theme.
			2. Modify the child themes (custom.css) file.

------------------------------------------------------------------------------*/

	/********** Reset & Layout **********/

.bx1 .bx-wrapper {
	position: relative;
	margin: 0 auto;
	margin-bottom: 49px;
	}

.bx1 .bx-wrapper ul {
	margin: 0;
	}

.bx1 .bx-wrapper img {
	max-width: 100%;
	display: block;
	}

	/********** Theme **********/

.bx1 .bx-wrapper .bx-pager,
.bx1 .bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -44px;
	left: 27px;
	width: 100%;
	}

	/********** Loader **********/

.bx1 .bx-wrapper .bx-loading {
	min-height: 50px;
	background: url('../images/spinner.gif') center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 400;
	}

	/********** Pager **********/

.bx1 .bx-wrapper .bx-pager .bx-pager-item,
.bx1 .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	}

.bx1 .bx-wrapper .bx-pager.bx-default-pager a {
	background: #f5f5f5;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	border: 2px solid #999;
	border-radius: 7px;
	}

.bx1 .bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx1 .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #87FCA7;
	}

	/********** Direction Controls (Next / Prev) **********/

.bx1 .bx-wrapper .bx-prev {
	left: 10px;
	background: url('../images/bxslider/controls.png') no-repeat 0 0px;
	opacity:0.0;
	filter:alpha(opacity=0);
	}

.bx1 .bx-wrapper .bx-next {
	right: 10px;
	background: url('../images/bxslider/controls.png') no-repeat -43px 0px;
	opacity:0.0;
	filter:alpha(opacity=0);
	}

.bx1 .bx-wrapper:hover .bx-prev,
.bx1 .bx-wrapper:hover .bx-next {
	opacity:0.3;
	filter:alpha(opacity=30);
	}

.bx1 .bx-wrapper .bx-prev:hover,
.bx1 .bx-wrapper .bx-next:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	}

.bx1 .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 400;
	}

.bx1 .bx-wrapper .bx-controls-direction a.disabled {
	display: none;
	}

	/********** Auto Controls (Start / Stop) **********/

.bx1 .bx-wrapper .bx-controls-auto {
	text-align: center;
	}

.bx1 .bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url('../images/bxslider/controls.png') -86px -11px no-repeat;
	margin: 0 3px;
	}

.bx1 .bx-wrapper .bx-controls-auto .bx-start:hover,
.bx1 .bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
	}

.bx1 .bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url('../images/bxslider/controls.png') -86px -44px no-repeat;
	margin: 0 3px;
	}

.bx1 .bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx1 .bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
	}

	/********** Pager With Auto-Controls Hybrid Layout **********/

.bx1 .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
	}

.bx1 .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
	}

	/********** Image Captions **********/

.bx1 .bx-wrapper .bx-caption {
	background: #302e2e;
	background: rgba(48, 48, 46, 0.60);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	}

.bx1 .bx-wrapper .bx-caption span {
	display: block;
	font-size: 17px;
	font-weight: bold;
	color: #fff;
	padding: 10px;
	}