/**
 * 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
===================================*/

.bx-wrapper { position: relative; margin: 0 auto; padding: 0;  *zoom: 1;
}
.bx-wrapper img { max-width: 100%;  vertical-align:middle;}

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

.bx-wrapper ul{/*overflow:hidden; */margin:0; list-style:none;}
.bx-wrapper .bx-viewport { }
.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(images/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: #f4f4f4; border:1px solid #c2c2c5; font-size:0px; display: block; width: 12px; height: 12px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
  -webkit-box-shadow: inset -2px 2px 4px 0px #b4b5b8; box-shadow: inset -2px 2px 4px 0px #b4b5b8;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active { background: #d7d8dc; border-color:#b7b8bc; }
/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev { left: 10px;  }
.bx-wrapper .bx-next { right: 10px;}
.bx-wrapper .bx-prev:hover { background-position: 0 0; }
.bx-wrapper .bx-next:hover { background-position: -43px 0; }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; font-size:0px; 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; 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; 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; }


#home ul{margin:0; list-style:none; padding:0; }
#home .bx-wrapper img { max-width: none;}
#home .bx-wrapper .img-responsive { max-width: 100%;}
#home .bx-controls{ position:absolute; bottom:0; left:50%; margin:0px 0 100px -150px; z-index:999; width:300px;}
#home .bx-controls .bx-pager{width:100%; text-align:center;}

#home .bxslider-top li{-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#home .slide-1{ background:url(../images/slide-1-bg.jpg) no-repeat 50% 50%;}
#home .slide-2{ background:url(../images/slide-2-bg.jpg) no-repeat 50% 50%;}
#home .slide-3{ background:url(../images/slide-3-bg.jpg) no-repeat 50% 50%;}
#home .slide-4{ background:url(../images/slide-4-bg.jpg) no-repeat 50% 50%;}
#home .slide-5{ background:url(../images/slide-5-bg.jpg) no-repeat 50% 50%;}



.modal-dialog .bx-controls-direction a{background:url(images/controls.png) no-repeat; width:26px; height:52px;}
.modal-dialog .bx-wrapper .bx-prev { left:-10px; background-position:0 0  }
.modal-dialog .bx-wrapper .bx-next { right: -10px; background-position:-34px 0}
.modal-dialog .bx-wrapper .bx-prev:hover { background-position: 0 0; }
.modal-dialog .bx-wrapper .bx-next:hover { background-position: -34px 0; }

#gallery .bx-controls-direction a{  background:url(images/ico-carousel-control.png) no-repeat; width:16px; height:52px; margin-top:-26px}
#gallery .bx-wrapper .bx-prev { left:-15px; background-position:0 50%  }
#gallery .bx-wrapper .bx-next { right: -15px; background-position:-34px 50%}
#gallery .bx-wrapper .bx-prev:hover { background-position: 0 50%; }
#gallery .bx-wrapper .bx-next:hover { background-position: -34px 50%; }

.related-product .bx-controls-direction a{  background:url(images/ico-carousel-control-big.png) no-repeat; width:16px; height:52px; margin-top:-26px}
.related-product .bx-wrapper .bx-prev { left:-25px; background-position:0 50%  }
.related-product .bx-wrapper .bx-next { right: -25px; background-position:-34px 50%}
.related-product .bx-wrapper .bx-prev:hover { background-position: 0 50%; }
.related-product .bx-wrapper .bx-next:hover { background-position: -34px 50%; }


#gi .bx-controls-direction a{  background:url(images/ico-carousel-control-gallery.png) no-repeat; width:12px; height:20px; margin-top:-10px}
#gi .bx-wrapper .bx-prev { left:-25px; background-position:0 0  }
#gi .bx-wrapper .bx-next { right: -25px; background-position:100% 50%}
#gi .bx-wrapper .bx-prev:hover { background-position: 0 50%; }
#gi .bx-wrapper .bx-next:hover { background-position: 100% 50%; }


