#banner{ z-index:50;  position:relative;  overflow:hidden; max-width:2000px; margin:auto; }
#banner:after{ position:absolute; top:70%; bottom:0; background-color:#eee; content:''; width:100%; z-index:-1; }
#hm-banner{
	position:relative; z-index:2;
}

#hm-banner .col-sm-4, #hm-banner .col-sm-8{ padding:0; } 

#styleslid{ margin-left:-12%; -moz-transition:all ease-in 0.7s; -webkit-transition:all ease-in 0.7s; -ms-transition:all ease-in 0.7s; transition:all ease-in 0.7s; }
.banertext{ position:absolute; width:100%; display:table; height:495px; }
.centertext{ display:table-cell; vertical-align:middle; width:100%; height:100%;  }
.textcol{ padding:30px 30px 30px 0px; z-index:55; background-color:rgba(255,255,255,0.8); }

.textcol p{ font-size:25px; color:#4b4b4d; font-family: 'Droid Sans', sans-serif; text-transform:uppercase; border:3px solid #4b4b4d; padding:20px;letter-spacing:2px;  }

.bx-wrapper {
	position: relative;
	*zoom: 1;
}

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

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 0px;
	width: 100%;
}

/* LOADER */

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

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	border:1px solid #ddd;
	padding:15px 10px; background-color:#eee;
	display: inline-block;
	*zoom: 1;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #4b4b4d;
	text-indent: -9999px;
	display: block;
	width: 12px;
	height: 12px;
	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 {
	background: #ED393E;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
	top:0;		
  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 {
	top:0;
  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: -50px;
  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;
}


/* Extra small devices (portrait phones, less than 576px) */
/*No media query since this is the default in Bootstrap*/
/*Small devices (landscape phones, 576px and up)*/
@media (max-width: 576px) { .banertext{ display:none;} }

/*Medium devices (tablets, 768px and up)*/
@media (max-width: 768px) { .banertext{ display:none;}  }

/*Large devices (desktops, 992px and up)*/
@media (max-width: 992px) {.banertext{ display:none;}  }

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { .banertext{ display:table;} }

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { .banertext{ display:table;} }