@charset "UTF-8";
/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper{position:relative;margin-bottom: 0;zoom:1;-ms-touch-action:pan-y;touch-action:pan-y;padding:0;}
.bx-wrapper img{max-width:100%;display:block;}
.bxslider{margin:0;padding:0;}
ul.bxslider{list-style:none;}
.bx-viewport{-webkit-transform:translatez(0);}
/** THEME
===================================*/
.bx-wrapper{width: 100%;max-width: 2000px!important;}
.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 #ffffff;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-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin:0 5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus{background:#000;}
.bx-wrapper .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{vertical-align:bottom;zoom:1;display:inline;}
.bx-wrapper .bx-pager-item{font-size:0;line-height:0;}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev{left: -10px;background: url("../images/arrow01_left.svg") no-repeat top center;background-size: 100%;}
.bx-wrapper .bx-prev:hover,.bx-wrapper .bx-prev:focus{background-position:0 0;}
.bx-wrapper .bx-next{right: -10px;background: url("../images/arrow01_right.svg") no-repeat top center;background-size: 100%;}
.bx-wrapper .bx-next:hover,.bx-wrapper .bx-next:focus{background-position:0 0;}
.bx-wrapper .bx-controls-direction a{position:absolute;top: 60%;margin-top:-16px;outline:0;width: 35px;height: 35px;text-indent:-9999px;z-index: 9;transform: translate(0, -50%);}
.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: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;}



/* top_product */
.top_product .bx-wrapper{box-shadow:none;border:none;background:#000;margin-bottom:0;}
.top_product .bx-wrapper .bx-controls-direction a{top:50%;-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-webkit-transform:translate(-50%,0);transform:translate(-50%,0);z-index: 0;}
.top_product .bx-wrapper .bx-prev {background: url(../images/arrow01_left.svg) center center / 100% no-repeat;left: -3vw;}
.top_product .bx-wrapper .bx-next {background: url(../images/arrow01_right.svg) center center / 100% no-repeat;right: -10.5vw;}

@media screen and (min-width: 736px){

/* top_product */
.top_product .bx-wrapper .bx-prev {left: -30px;}
.top_product .bx-wrapper .bx-next {right: -64px;}


.bx-wrapper .bx-controls-direction a{width: 60px;height: 60px;}
.bx-wrapper .bx-prev{left: -20px;}
.bx-wrapper .bx-next{right: -20px;}



}