@charset "utf-8";
/* CSS Document */
#wrapper_bu {
  width: 570px;
  height: 200px;
  position:relative;
  margin:0 auto;
  overflow:hidden;
}
#wrapper_bu  img{max-width:100%; height:100%;}
.holder_bu { cursor: pointer }

.holder_bu_awayL1 {
  position: absolute;
  top: calc(50% - 56px);
  left: 88px;
  width: 100px;
  height: 100px;
  -webkit-transition: width 1s, height 1s, top 1s, left 1s;
  -moz-transition: width 1s, height 1s, top 1s, left 1s;
  -o-transition: width 1s, height 1s, top 1s, left 1s;
  -ms-transition: width 1s, height 1s, top 1s, left 1s;
  transition: width 1s, height 1s, top 1s, left 1s;
  border:6px solid #2a2829; border-radius:50%;
  overflow:hidden;
  z-index:1;
}

.holder_bu_awayL2 {
  position: absolute;
  top: calc(50% - 43px);
  left: 0%;
  width: 75px;
  height: 75px;
   -webkit-transition: width 1s, height 1s, top 1s, left 1s;
  -moz-transition: width 1s, height 1s, top 1s, left 1s;
  -o-transition: width 1s, height 1s, top 1s, left 1s;
  -ms-transition: width 1s, height 1s, top 1s, left 1s;
  transition: width 1s, height 1s, top 1s, left 1s;
  border:6px solid #2a2829; border-radius:50%;
    overflow:hidden;
	z-index:0;
}

.holder_bu_center {
  position: absolute;
  top: calc(50% - 83px);
  left: calc(50% - 75px);
  width: 150px;
  height: 150px;
  -webkit-transition: width 1s, height 1s, top 1s, left 1s;
  -moz-transition: width 1s, height 1s, top 1s, left 1s;
  -o-transition: width 1s, height 1s, top 1s, left 1s;
  -ms-transition: width 1s, height 1s, top 1s, left 1s;
  transition: width 1s, height 1s, top 1s, left 1s;
  border:6px solid #2a2829; border-radius:50%;
    overflow:hidden;
	  z-index:10;
}

.holder_bu_awayR1 {
  position: absolute;
  top: calc(50% - 56px);
  left: calc(100% - 190px);
  width: 100px;
  height: 100px;
  -webkit-transition: width 1s, height 1s, top 1s, left 1s;
  -moz-transition: width 1s, height 1s, top 1s, left 1s;
  -o-transition: width 1s, height 1s, top 1s, left 1s;
  -ms-transition: width 1s, height 1s, top 1s, left 1s;
  transition: width 1s, height 1s, top 1s, left 1s;
  border:6px solid #2a2829; border-radius:50%;
    overflow:hidden;
	  z-index:1;
}

.holder_bu_awayR2 {
  position: absolute;
  top: calc(50% - 43px);
  left: calc(100% - 75px);
  width: 75px;
  height: 75px;
  -webkit-transition: width 1s, height 1s, top 1s, left 1s;
  -moz-transition: width 1s, height 1s, top 1s, left 1s;
  -o-transition: width 1s, height 1s, top 1s, left 1s;
  -ms-transition: width 1s, height 1s, top 1s, left 1s;
  transition: width 1s, height 1s, top 1s, left 1s;
  border:6px solid #2a2829; border-radius:50%;
    overflow:hidden;
	  z-index:0;
}
.carousel > div{ width:34px; height:34px;cursor:pointer;}
.left_arrow{ left:0;position:absolute; top:calc(50% - 17px + 1em);}
.carousel_left{background:url(../images/carousel_left.png) no-repeat;}
.carousel_left:hover{background-color:rgba(255,255,255,0.5);}
.right_arrow{right:0;position:absolute; top:calc(50% - 17px + 1em);}
.carousel_right:hover{background-color:rgba(255,255,255,0.5);}
.carousel_right{background:url(../images/carousel_right.png) no-repeat;}
@media(max-width:650px){
.holder_bu_awayR2,  .holder_bu_awayL2{display:none;}

}
@media(max-width:560px){
.holder_bu_awayR2, .holder_bu_awayR1, .holder_bu_awayL2, .holder_bu_awayL1 {display:none;}
#wrapper_bu{width:auto;}
}