@charset "UTF-8";
/** 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{
   xposition: absolute;
   xbottom: -30px;
   width: 100%;
}
/* PAGER */

.bx-wrapper .bx-pager{
   text-align: center;
   font-size: .85em;
   font-family: Arial;
   font-weight: bold;
   color: #666;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item{
   display: inline-block;
   *zoom: 1;
   *display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a{
   background: rgba(255,255,255,0.40);
   text-indent: -9999px;
   display: block;
   width: 11px;
   height: 11px;
   border-radius: 11px;
   margin: 0 9px;
   outline: 0;
   position : relative;
   bottom : -20px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active{
   background: #fff;
}
/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev{
   left : 20px;
   background-image : url(../img/index/arrow-slide-left.png);
   background-repeat : no-repeat;
   background-attachment : scroll;
   background-position : 0px 0px;
   background-size : auto auto;
   background-origin : padding-box;
   background-clip : border-box;
}
.bx-wrapper .bx-next{
   right : 20px;
   background-image : url(../img/index/arrow-slide-right.png);
   background-repeat : no-repeat;
   background-attachment : scroll;
   background-position : 0px 0px;
   background-size : auto auto;
   background-origin : padding-box;
   background-clip : border-box;
   position : relative;
}
.bx-wrapper .bx-prev:hover{
   }
.bx-wrapper .bx-next:hover{
   }
.bx-wrapper .bx-controls-direction a{
   position: absolute;
   top: 50%;
   margin-top: -20px;
   outline: 0;
   width : 20px;
   height : 50px;
   text-indent: -9999px;
   z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled{
   display: block;
}
/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto{
   text-align: left;
}
.bx-wrapper .bx-controls-auto .bx-start{
   display: block;
   background: url(img/common/icon-play.svg) no-repeat;
   text-indent: -9999px;
   width: 8px;
   height: 12px;
   outline: 0;
   margin: 0 15px 0 0;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
   opacity: 0.3;
}
.bx-wrapper .bx-controls-auto .bx-stop{
   display: block;
   background: url(img/common/icon-stop.svg) no-repeat;
   text-indent: -9999px;
   width: 9px;
   height: 10px;
   outline: 0;
   margin: 0;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
   opacity: 0.3;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{
   text-align: left;
   width: auto;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{
   right: 0;
   width: 50px;
}
/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption{
   position: absolute;
   bottom: 0;
   left: 0;
   background: rgba(20,110,120,0.75);
   width: 100%;
}
.bx-pager{
   display: block;
   position: absolute;
   bottom: 50px;
   text-align: left;
   left: 0;
   height: 10px;
   width: 400px !important;
   padding: 16px 0 16px 20px;
   xbackground: rgba(0,0,0,0.2);
}