#wrapper_bu {
  position: absolute;
  /*top: 600px;*/
  width: 100%;
  height: 500px;
}
@media(min-width:3600px ){
  #wrapper_bu{height:800px}
  .main , footer{top:760px!important;}
}
@media(max-width:850px){
  #wrapper_bu{height:400px}
  .active-desc h4{font-size:14px}
}
@media(max-width: 650px){
  .active-desc h4{font-size:11px}
}

.txt_Center { margin: 50% 0% 0% 20% }

.txt_h1 { font-size: 2em }

.holder_bu { cursor: pointer;overflow: hidden }
.holder_bu img{
  width: 100%;
  height: auto;
  object-fit: cover;
}
.holder_bu_awayL1 {
  position: absolute;
  top: 28%;
  left: 12%;
  width: 16%;
  height: 24%;
  /*background-color: rgba(0,0,50,0.7);*/
  -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;
  z-index: 9;
}

.holder_bu_awayL2 {
  position: absolute;
  top: 30.25%;
  left: 0%;
  width: 13%;
  height: 19.5%;
  /*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;
  z-index: 8;
}

.holder_bu_center {
  position: absolute;
  top: 5%;
  left: 28%;
  width: 44%;
  height: 66%;
  /*background-color: #37c;*/
  -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;
  cursor: default;
  z-index: 10;
}

.holder_bu_awayR1 {
  position: absolute;
  top: 28%;
  left: 72%;
  width: 16%;
  height: 24%;
  /*background-color: rgba(0,0,50,0.7);*/
  -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;
  z-index: 9;
}

.holder_bu_awayR2 {
  position: absolute;
  top: 30.25%;
  left: 87%;
  width: 13%;
  height: 19.5%;
  /*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;
  z-index:8;
}