*{
  margin:0;
}
.workspace{

  width: 100%;
 height: 125vh;
}
.wallimage{
  position:absolute;
  width: 100%;
  height: 127%;
  z-index:;
 

}
.wallimage img{
  width:100%;
  height: 100%;
}

.pinbtn{
  width: 3.5%;
  height: 7%;
  position: absolute;
  margin-left: 5%;
  margin-top: 47%;
  border-radius: 10px;

  z-index: 2;
}
.stack{
  width: 100%;
z-index: ;
}
.stack img {
  width: 90%;
  margin:5%;
  position: absolute;
z-index: ;
  
}

.shadow{
  width: 100%;
z-index:1;

}
.shadow img {
  width: 90%;
  margin:5%;
  position: absolute;
z-index:1 ;
  
}
.vid1{

position: absolute;
left: 28%;
top: 88%;
z-index: 2;
}


.vid2{

  position: absolute;
left: 35%;
top: 16%;
    -webkit-transform: rotate(170deg);
    -moz-transform: rotate(170deg);
    -ms-transform: rotate(170deg);
    -o-transform: rotate(170deg);
    transform: rotate(170deg);
    z-index: 2;
 }

 .vid3{

  position: absolute;
  left:61%;
  top: 88%;
  z-index: 2;
 }

.vid4{
  position: absolute;
  left: 54%;
  top: 65%;
  z-index: 2;
}

.vid5{
  position: absolute;
  left: 36%;
  top: 42%;
  z-index: 2;
}

.vid6{
  position: absolute;
  left: 70%;
  top: 45%;
      -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg);

  z-index: 2;
}
.testpat1{
  width: 100%;
  height:100%;
  position: absolute;
  bottom:-185%;
  transition:all 0s ;
z-index: 1;

}
.testpat1_outer{
  width: 16.7%;
  height:20.7%;
  position: absolute;
margin-left: 13%;
margin-top: 45.1%;

z-index: 1;

}


.testpat1_outer:hover .testpat1 {
bottom:0;
z-index: -6;
}
.testpat1 img{
  width: 100%;
}
.testpat2{
  width: 100%;
  height:100%;
  position: absolute;
  bottom:-200%;
  transition:all 0s ;
z-index: 1;

}
.testpat2_outer{
  width: 16.7%;
  height:20.7%;
  position: absolute;
margin-left: 46%;
margin-top: 45.1%;

z-index: 1;

}
.testpat2 img{
  width: 100%;
}

.testpat2_outer:hover .testpat2 {
bottom:0;
z-index: -6;
}
.testpat3{
  width: 100%;
  height:100%;
  position: absolute;
  bottom:-300%;
  transition:all 0s ;
z-index: 1;

}
.testpat3_outer{
  width: 16.5%;
  height:20.5%;
  position: absolute;
margin-left: 22.7%;
margin-top: 34.2%;

z-index: 1;

}
.testpat3 img{
  width: 100%;
}

.testpat3_outer:hover .testpat3 {
bottom:0;
z-index: -6;
}

.testpat4{
  width: 100%;
  height:100%;
  position: absolute;
  bottom:-255%;
  transition:all 0s ;
  z-index: 1;

}

.testpat4_outer{
  width: 16.5%;
  height:20.5%;
  position: absolute;
margin-left: 77%;
margin-top: 38%;

z-index: 1;

}
.testpat4 img{
  width: 100%;
}

.testpat4_outer:hover .testpat4 {
bottom:0;
z-index: -6;
}

.testpat5{
  width: 100%;
  height:100%;
  position: absolute;
  bottom:-720%;
  transition:all 0s ;
  z-index: 1;

}

.testpat5_outer{
  width: 16.5%;
  height:20.5%;
  position: absolute;
margin-left: 21.2%;
margin-top: 19.75%;

z-index: 1;
 -webkit-transform: rotate(310.7deg);
    -moz-transform: rotate(310.7deg);
    -ms-transform: rotate(310.7deg);
    -o-transform: rotate(310.7deg);
    transform: rotate(310.7deg);
}
.testpat5 img{
  width: 100%;
}

.testpat5_outer:hover .testpat5 {
bottom:0;
z-index: -6;
}


.testpat6{
  width: 100%;
  height:100%;
  position: absolute;
  bottom:-528%;
  transition:all 0s ;
z-index: 1;

}

.testpat6_outer{
  width: 16.7%;
  height:20.7%;
  position: absolute;
margin-left: 52.4%;
margin-top: 15.2%;

z-index: 1;
 -webkit-transform: rotate(22.5deg);
    -moz-transform: rotate(22.5deg);
    -ms-transform: rotate(22.5deg);
    -o-transform: rotate(22.5deg);
    transform: rotate(22.5deg);

}


.testpat6_outer:hover .testpat6 {
bottom:0;
z-index: -6;
}
.testpat6 img{
  width: 100%;
}

.testpat7{
  width: 100%;
  height:100%;
  position: absolute;
  bottom:-290%;
  transition:all 0s ;
z-index: 1;

}
.testpat7_outer{
  width: 16.6%;
  height:20.6%;
  position: absolute;
margin-left:38.9%;
margin-top: 34.5%;

z-index: 1;

}


.testpat7_outer:hover .testpat7 {
bottom:0;
z-index: -6;
}
.testpat7 img{
  width: 100%;
}

.radio{

  position: absolute;
  left: 55%;
  top: 58%;
  z-index: 2;
}

.footer{
  width: 100%;
  height:32vh;
  z-index: 200;
  position: absolute;
}
.footer img{
  width: 100%;
}

.fb{
  position: absolute;
  margin-left: 48%;
  top: 20%;
  width: 5%;
}


.tw{
  position: absolute;
  margin-left: 15%;
  top: 20%;
    width: 5%;
}


.in{
  position: absolute;
  margin-left: 77%;
  top: 20%;
  width: 5%;
}
