.trans--grow{
  -webkit-transition: all 2s ease-in-out; /* For Safari 3.1 to 6.0 */
  transition: all 2s  ease-in-out;
  width : 0;
}
.grow{
  width: 100%;
}

.trans--grow2{
  -webkit-transition: all 2s ease-in-out; /* For Safari 3.1 to 6.0 */
  transition: all 2s  ease-in-out;
  width : 0;
}
.grow2{
    width: 100%;
}

.trans--grow3{
  -webkit-transition: all 2s ease-in-out; /* For Safari 3.1 to 6.0 */
  transition: all 2s  ease-in-out;
  width : 0;
}
.grow3{
    width: 100%;
}

.trans--grow4{
  -webkit-transition: all 2s ease-in-out; /* For Safari 3.1 to 6.0 */
  transition: all 2s  ease-in-out;
  width : 0;
}
.grow4{
    width: 100%;
}

.trans--grow5{
  -webkit-transition: all 2s ease-in-out; /* For Safari 3.1 to 6.0 */
  transition: all 2s  ease-in-out;
  width : 0;
}
.grow5{
    width: 100%;
}

.trans--grow6{
  -webkit-transition: all 2s ease-in-out; /* For Safari 3.1 to 6.0 */
  transition: all 2s  ease-in-out;
  width : 0;
}
.grow6{
    width: 100%;
}