#wrapper_bu {
  position: relative;
  width: 100%;
  min-height:700px;
  /*background-color: #ddd*/
}

.txt_Center { /*margin: 50% 0% 0% 20%*/ margin:30px 15px; }

.txt_h1 { font-size: 1em }
.holder_bu_center .txt_h1{ font-size: 1em}
.holder_bu_awayL1 .txt_h1, .holder_bu_awayL2 .txt_h1, .holder_bu_awayR1 .txt_h1, .holder_bu_awayR2 .txt_h1{ font-size: .5em}

.holder_bu { cursor: pointer; padding:40px 15px; }

.holder_bu_awayL1 {
  position: absolute;
  top: 20%;
  left: 5%;
  width: 20%;
  height: 65%;
  background-color: #fff;
  -webkit-transition: width 1s, height .5s, top 1s, left 1s;
  -moz-transition: width 1s, height .5s, top 1s, left 1s;
  -o-transition: width 1s, height .5s, top 1s, left 1s;
  -ms-transition: width 1s, height .5s, top 1s, left 1s;
  transition: width 1s, height .5s, top 1s, left 1s
}

.holder_bu_awayL2 {
  position: absolute;
  top: 30%;
  left: 0%;
  width: 10%;
  height: 30%;
  background-color: rgba(0,0,50,0.5);
  -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
}

.holder_bu_center {
  position: absolute; z-index:1;
  top: 5%;
  left: 20%;
  width: 60%;
 /* height: 90%;*/
  background-color: #fff;
  -webkit-transition: width 1s, height .5s, top 1s, left 1s;
  -moz-transition: width 1s, height .5s, top 1s, left 1s;
  -o-transition: width 1s, height .5s, top 1s, left 1s;
  -ms-transition: width 1s, height .5s, top 1s, left 1s;
  transition: width 1s, height 1s, top .5s, left 1s
}

.holder_bu_awayR1 {
  position: absolute;
  top: 20%;
  left: 75%;
  width: 20%;
  height: 65%;
  background-color:#fff;
  -webkit-transition: width 1s, height .5s, top 1s, left 1s;
  -moz-transition: width 1s, height .5s, top 1s, left 1s;
  -o-transition: width 1s, height .5s, top 1s, left 1s;
  -ms-transition: width 1s, height .5s, top 1s, left 1s;
  transition: width 1s, height .5s, top 1s, left 1s
}

.holder_bu_awayR2 {
  position: absolute;
  top: 35%;
  left: 90%;
  width: 10%;
  height: 30%;
  background-color: rgba(0,0,50,0.5);
  -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
}