/** RESET AND LAYOUT
===================================*/
.bx-wrapper { position: relative; margin: 0 auto 60px; padding: 0;  *zoom: 1;
 background: transparent;}
.bx-wrapper img, .bx-wrapper div > img  { max-width: 100%; display: block; width: 100%;}
/** THEME
===================================*/

.bx-wrapper .bx-viewport { border: 0; /* left: -5px; */ /* background: #fff; */ /*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: -30px; width: 100%; }
/* LOADER */

.bx-wrapper .bx-loading { min-height: 50px; background: url(../img/bx-loader.gif) 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 { display: inline-block;  *zoom: 1;
 *display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; 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: #000; }
/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev { left: 20%; background: url(../img/icon.png) no-repeat -500px 0; }
.bx-wrapper .bx-next { right: 20%; background: url(../img/icon.png) no-repeat -550px 0; }
.bx-wrapper .bx-prev:hover { background-position: -500px -50px; }
.bx-wrapper .bx-next:hover { background-position: -550px -50px; }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -20px; outline: 0; width: 40px; height: 40px; text-indent: -9999px; z-index: 7; /* background-color: rgba(0,0,0,0.6); */ opacity: 0;}
.bx-wrapper .bx-controls-direction a.disabled { display: none; }
/* AUTO CONTROLS (START / STOP) */

.bx-wrapper:hover .bx-controls-direction a {opacity: 1;}
.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(../img/icon.png) -86px -11px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; }
.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(../img/icon.png) -86px -44px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { 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\9; 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; }

.article-slider { position:relative}
.article-slider .bx-wrapper{ margin:0 0 20px 0} 
.article-slider .bx-wrapper .bx-controls-direction a{opacity: 1;}
.articleimg-slider > li { border:1px solid #ddd;}
.article-slider .bx-controls {   bottom: -50px;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 99;}
.article-slider .bx-wrapper .bx-controls-direction a.bx-prev { background:url("../img/icon.png") no-repeat -350px -500px; width:8px; height:15px; left:11px; top:11px;}
.article-slider .bx-wrapper .bx-controls-direction a.bx-next { background:url("../img/icon.png") no-repeat -400px -500px; width:8px; height:15px; right:11px; top:11px;}
#bx-pager { border:1px solid #ddd; padding:0 30px; clear:both;height:50px}
#bx-pager  > a { display:inline-block; float:left;}
#bx-pager  > a img {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    
    vertical-align: middle;
}

#bx-pager  > a img:hover, #bx-pager  > a.active img { border:1px solid #ddd;
    -webkit-transform:scale(1.2); /* Safari and Chrome */
    -moz-transform:scale(1.2); /* Firefox */
    -ms-transform:scale(1.2); /* IE 9 */
    -o-transform:scale(1.2); /* Opera */
    transform:scale(1.2);
}
.articleimg-slider .img-footer-nav { border:0; margin:0; border-top:10px solid #000;   position: relative;
    z-index: 99999;}