/*<meta />*/

/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */

/** RESET AND LAYOUT
===================================*/

.mc-wrapper
{
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	padding-top: 30px;
	zoom: 1;
	clear: both;
}

/** THEME
===================================*/

.mc-wrapper .mc-viewport
{
	box-sizing: content-box;
	z-index: 0;
}

.mc-wrapper .mc-controls
{
	z-index: 1;
}

.mc-wrapper .mc-pager,
.mc-wrapper .mc-controls-auto
{
	position: absolute;
	bottom: -30px;
	width: 100%;
}

.mc-wrapper img,
.mc-wrapper object,
.mc-wrapper table
{
	max-width: 100%;
	word-wrap: break-word;
	table-layout: fixed;
}

div.MCSlide
{
	word-wrap: break-word;
	visibility: hidden;
	-webkit-margin-collapse: separate;
}

/* LOADER */

.mc-wrapper .mc-loading
{
	min-height: 50px;
	background-repeat: no-repeat;
	background-color: #fff;
	background-position: center center;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: auto;
	background-image: url('images/madcap-slider-loader.gif');
}

/* PAGER */

.mc-wrapper .mc-pager
{
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.mc-wrapper .mc-pager .mc-pager-item,
.mc-wrapper .mc-controls-auto .mc-controls-auto-item
{
	display: inline-block;
	zoom: 1;
}

.mc-wrapper .mc-pager.mc-default-pager a
{
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
}

.mc-wrapper .mc-pager.mc-default-pager a:hover,
.mc-wrapper .mc-pager.mc-default-pager a.active
{
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.mc-wrapper .mc-prev
{
	/*left: 10px;*/
	background-repeat: no-repeat;
	background-position: 0 -32px;
	background-image: url('images/madcap-slider-controls.png');
}

.mc-wrapper .mc-next
{
	/*right: 10px;*/
	background-repeat: no-repeat;
	background-position: -43px -32px;
	background-image: url('images/madcap-slider-controls.png');
}

.mc-wrapper .mc-prev:hover
{
	background-position: 0 0;
}

.mc-wrapper .mc-next:hover
{
	background-position: -43px 0;
}

.mc-wrapper .mc-controls-direction a
{
	position: absolute;
	top: 50%;
	margin-top: -16px;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: auto;
	cursor: pointer;
}

.mc-wrapper .mc-controls-direction a.disabled
{
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.mc-wrapper .mc-controls-auto
{
	text-align: center;
}

.mc-wrapper .mc-controls-auto .mc-start
{
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	background-image: url('images/madcap-slider-controls.png');
	background-repeat: no-repeat;
	background-position: -86px -11px;
	margin: 0 3px;
	cursor: pointer;
}

.mc-wrapper .mc-controls-auto .mc-start:hover,
.mc-wrapper .mc-controls-auto .mc-start.active
{
	background-position: -86px 0;
}

.mc-wrapper .mc-controls-auto .mc-stop
{
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	background-image: url('images/madcap-slider-controls.png');
	background-repeat: no-repeat;
	background-position: -86px -44px;
	margin: 0 3px;
	cursor: pointer;
}

.mc-wrapper .mc-controls-auto .mc-stop:hover,
.mc-wrapper .mc-controls-auto .mc-stop.active
{
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.mc-wrapper .mc-controls.mc-has-controls-auto.mc-has-pager .mc-pager
{
	text-align: left;
	width: 100%;
}

.mc-wrapper .mc-controls.mc-has-controls-auto.mc-has-pager .mc-controls-auto
{
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.mc-wrapper .mc-caption
{
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.mc-wrapper .mc-caption div
{
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

/* SLIDE THUMBNAILS */

.mc-thumbnail
{
	text-align: center;
	padding-top: 30px;
}

.mc-thumbnail a img
{
	cursor: pointer;
	margin: 0 3px;
	padding: 0;
	width: 176px;
	border: none 0px #ffffff;
	border-bottom: solid 3px #ffffff;
}

.mc-thumbnail a:hover img,
.mc-thumbnail a.active img
{
	border: solid 0px #5280DD;
}

div.VideoAndTextSlide	/*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.VideoAndTextSlide::before
{
	content: ' ';
	display: table;
}

div.VideoAndTextSlide::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.VideoAndTextSlide > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.VideoAndTextSlide > div:nth-child(1)
{
	width: 50%;
	margin-left: 0%;
}

div.VideoAndTextSlide > div:nth-child(2)
{
	width: 50%;
	margin-left: 0%;
}

.mc-thumbnail a.active img
{
	border: none 0px #ffffff;
	border-bottom-length: 10px;
	border-bottom: solid 3px #4d9d37;
}

.mc-thumbnail a:hover img
{
	border: none 0px #ffffff;
	border-bottom: solid 3px #4d9d37;
}

@media only screen and (max-width: 991px)
{
	div.VideoAndTextSlide > div:nth-child(1)
	{
		width: 50%;
		margin-left: 0%;
	}

	div.VideoAndTextSlide > div:nth-child(2)
	{
		width: 50%;
		margin-left: 0%;
	}
}

@media only screen and (max-width: 767px)
{
	div.VideoAndTextSlide > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.VideoAndTextSlide > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
	}
}

