/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.mainImages .bx-wrapper {
  position: relative;
  margin-bottom:0;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.mainImages .bx-wrapper img {
  max-width: 100%;
  display: block;
}
.bxslider {
  margin: 0;
  padding: 0;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {
  /* fix other elements on the page moving (in Chrome) */
  -webkit-transform: translateZ(0);
}
.bx-viewport ul {margin:0;}
/** THEME
===================================*/
.mainImages .bx-wrapper {
  box-shadow:none;
  border:none;
  background: #fff;
}
.mainImages .bx-wrapper .bx-pager,
.mainImages .bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}
/* LOADER */
.mainImages .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 */

.mainImages .bx-item {
  height:77vh;
  min-height: 320px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.mainImages .bx-item .bx-info {
	position:static;
	left:0; top:0; bottom:0;
	z-index:100;
	width:320px; height:100%;
	padding:0;
	background-color:rgba(255,255,255,0.8);
	text-align:left;
	display:table;
	transition:all .15s ease; -webkit-transition:all .15s ease;
}
.mainImages .bx-item .bx-title {display:table-cell; vertical-align:middle; text-align:center; color:#000;}
.mainImages .bx-item .bx-title img {margin:-70px auto 0 auto;}
.mainImages .bx-item .bx-title h2 {font-size:100px; font-weight:500; margin:0; padding:0; line-height:1em;}
.mainImages .bx-item .bx-title h3 {font-size:60px; font-weight:500; margin:0; padding:0;  line-height:1em;}
.mainImages .bx-item .bx-title a {position:relative; width:auto; display:inline-block; margin-top:50px;}
.mainImages .bx-item .bx-title a.bx-button {width:220px; background-color:rgba(0,0,0,0.7); color:#fff; padding:7px 0; font-size:16px; border:1px solid rgba(0, 0, 0, 0.5); letter-spacing:-0.02em;}
.mainImages .bx-item .bx-title a.bx-button i {position:relative; margin-left:5px;}
.mainImages .bx-item .bx-title a.bx-button i::after {
	*position:absolute;
	display:inline-block;
	width:0;
	height:0;
	*margin-right:.255em;
	vertical-align:0em;
	content:"";
	border-top: .3em solid transparent;
	border-left:.3em solid;
	border-bottom: .3em solid transparent;

}

.mainImages .bx-item .bx-text {
	position:absolute; 
	left:0; bottom:0; z-index:101;
	width:320px; padding:20px; color: #fff; background-color: rgba(30,32,33,0.1); text-align:left;
}
.mainImages .bx-item .bx-text p {padding:0; margin:0; font-weight:500;  *word-break:keep-all; letter-spacing:-0.02em;}
.mainImages .bx-item .bx-text p.t1 {font-size:15px; color:#1d3154;}
.mainImages .bx-item .bx-text p.t2 {font-size:16px; color:#000000;}
.mainImages .bx-item .bx-text p.t3 {font-size:15px; color:#020202; font-weight:400;}

.mainImages .bx-controls {margin-right:15%; margin-left:15%;}
.mainImages .bx-controls .bx-pager {
	position:absolute; 
	right:0;
	bottom:20px;
	left:0;
	z-index:100;
	display:flex;
	justify-content:center;
	padding-left:0; 
	list-style: none;
}
.mainImages .bx-wrapper .bx-pager.bx-default-pager a {
	position:relative;
    flex: 0 1 auto;
    width:30px;
    height: 3px;
    margin-right:3px;
    margin-left:3px;
    text-indent:-999px;
    cursor:pointer;
    background-color: rgba(255,255,255,.5);
	display:block;
	outline:0;
}
.mainImages .bx-wrapper .bx-pager.bx-default-pager a:hover,
.mainImages .bx-wrapper .bx-pager.bx-default-pager a.active,
.mainImages .bx-wrapper .bx-pager.bx-default-pager a:focus {
	background-color: rgba(255,255,255,1);
}
.mainImages .bx-wrapper .bx-pager-item,
.mainImages .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}
.mainImages .bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */

.mainImages .bx-wrapper .bx-controls-direction a {}
.mainImages .bx-wrapper {position:relative;overflow:hidden;}
.mainImages .bx-wrapper .bx-prev, 
.mainImages .bx-wrapper .bx-next {
    position: absolute;
    top: 50%;
    color: transparent;
    text-indent: -9999px;
    width:45px;
    height: 100px;
    margin-top:-50px;
    z-index: 100;
    white-space: nowrap;
    overflow: hidden;
    background-repeat:no-repeat;
    background-position:50%; background-size:auto 30px; 
    opacity: 0.5;
    background-color: rgba(0,0,0,0.6);
	transition:border-color .15s ease-in-out,color .2s ease-in-out,background-color .15s ease-in-out;
}


.mainImages .bx-wrapper .bx-prev {left:0; background-image:url('images/bg_flex-prev.png'); background-position: 40% 50%;}
.mainImages .bx-wrapper .bx-next {right:0; background-image:url('images/bg_flex-next.png'); background-position: 60% 50%;}

.mainImages .bx-wrapper .bx-prev:hover,
.mainImages .bx-wrapper .bx-prev:focus {opacity:1;}

.mainImages .bx-wrapper .bx-next:hover,
.mainImages .bx-wrapper .bx-next:focus {opacity:1;}

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



/* AUTO CONTROLS (START / STOP) */
.mainImages .bx-wrapper .bx-controls-auto {text-align:center;}
.mainImages .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;
}
.mainImages .bx-wrapper .bx-controls-auto .bx-start:hover,
.mainImages .bx-wrapper .bx-controls-auto .bx-start.active,
.mainImages .bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}
.mainImages .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;
}
.mainImages .bx-wrapper .bx-controls-auto .bx-stop:hover,
.mainImages .bx-wrapper .bx-controls-auto .bx-stop.active,
.mainImages .bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.mainImages .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.mainImages .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}
/* IMAGE CAPTIONS */
.mainImages .bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
.mainImages .bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}
@media (max-width:1500px) {
	.mainImages .bx-item {height:72vh;}
	.mainImages .bx-item .bx-info {width:280px;}
	.mainImages .bx-item .bx-title img {margin:-40px auto 8px auto; width:180px;}
	.mainImages .bx-item .bx-title h2 {font-size:80px;}
	.mainImages .bx-item .bx-title h3 {font-size:50px;}
	.mainImages .bx-item .bx-title a {margin-top:50px;}
	.mainImages .bx-item .bx-title a.bx-button {width:170px;}

	.mainImages .bx-item .bx-text {width:280px; padding:20px 18px;}
	.mainImages .bx-item .bx-text p {padding:0; margin:0;}
	.mainImages .bx-item .bx-text p.t1 {font-size:15px;}
	.mainImages .bx-item .bx-text p.t2 {font-size:16px;}
	.mainImages .bx-item .bx-text p.t3 {font-size:14px;}
	.mainImages .bx-wrapper .bx-prev, .mainImages .bx-wrapper .bx-next {width:38px; height:70px; margin-top:-35px; background-size:auto 25px;} 
}
@media (max-width:1200px) {
	.mainImages .bx-item {height:67vh;}
	.mainImages .bx-item .bx-info {width:250px;}
	.mainImages .bx-item .bx-title img {width:160px;}
	.mainImages .bx-item .bx-title h2 {font-size:70px;}
	.mainImages .bx-item .bx-title h3 {font-size:43px;}
	.mainImages .bx-item .bx-title a.bx-button {width:150px; padding:6px 0; font-size:15px;}
	.mainImages .bx-item .bx-text {width:250px; padding:15px 10px;}
	.mainImages .bx-item .bx-text p.t1 {font-size:14px;}
	.mainImages .bx-item .bx-text p.t2 {font-size:15px;}
	.mainImages .bx-item .bx-text p.t3 {font-size:13px;}

}

@media (max-width:991px) {
	.mainImages .bx-item {height:62vh;}
	.mainImages .bx-item .bx-info {width:200px;}
	.mainImages .bx-item .bx-title img {margin:-50px auto 7px auto; width:130px;}
	.mainImages .bx-item .bx-title h2 {font-size:58px;}
	.mainImages .bx-item .bx-title h3 {font-size:36px;}
	.mainImages .bx-item .bx-title a {margin-top:40px;}
	.mainImages .bx-item .bx-title a.bx-button {width:130px; padding:5px 0; font-size:14px;}

	.mainImages .bx-item .bx-text {*background-color:rgba(30,32,33,0.5); width:200px; padding:10px;}
	.mainImages .bx-item .bx-text p.t1 {font-size:13px;}
	.mainImages .bx-item .bx-text p.t2 {font-size:14px;}
	.mainImages .bx-item .bx-text p.t3 {font-size:12px;}
	.mainImages .bx-wrapper .bx-prev, .mainImages .bx-wrapper .bx-next {width:35px; height:70px; margin-top:-35px; background-size:auto 22px;} 

}
@media (max-width:767px) {
	.mainImages .bx-item {height:450px;}
	.mainImages .bx-item .bx-info {width:100%; padding:0;    background-color: rgba(255,255,255,0.9); background-color:transparent;}
	.mainImages .bx-item .bx-title img {margin:0 auto 7px auto; width:115px;}
	.mainImages .bx-item .bx-title h2 {font-size:50px;}
	.mainImages .bx-item .bx-title h3 {font-size:30px;}
	.mainImages .bx-item .bx-title a.bx-button {display:none;}


	/*
	.mainImages .bx-item .bx-title img {margin:0; width:auto; height:50px; float:left; }
	.mainImages .bx-item .bx-title h2 {font-size:30px; float:left; display:inline-block; line-height:50px; vertical-align:top;}
	.mainImages .bx-item .bx-title h3 {font-size:26px; font-weight:500; float:left; display:inline-block;  line-height:50px; vertical-align:top;}
	.mainImages .bx-item .bx-title a {margin-top:30px;}
	.mainImages .bx-item .bx-title a.bx-button {padding:4px 20px; font-size:14px;}
	.mainImages .bx-item .bx-title a.bx-button i { margin-left:3px;}
	*/

	.mainImages .bx-item .bx-text {width:100%; padding:13px 10px; background-color:rgba(230,230,230,0.75); }
	.mainImages .bx-item .bx-text p {padding:0; margin:0;}

	.mainImages .bx-controls .bx-pager {display:none;}
} 

@media (max-width:560px) {
}