.add{
  width:200px;height:200px;position:relative;
  margin:5em auto;text-align:center
}
.add i{
  width:40%;height:100%;position:absolute;
  left:30%;top:0;margin:0 0 0;cursor:pointer
}
.add i.b{
  width:100%;height:40%;
  left:0;top:30%;margin:0 0
}
.add .v{
  height:40%;position:relative;top:30%;cursor:pointer
}
.add div>svg{
  position:absolute;width:20%;left:40%;top:-65%;fill:#fff
}
.add h4{
  position:relative;color:#fff;text-transform:uppercase;
  font:1.15em/1 'intro_regular',Arial,Helvetica,sans-serif;
  letter-spacing:.081em
}
.add form{
  opacity:0;position:absolute;overflow:hidden
}
.add form input,.add form button{
  border:2px solid #fff;background:none;
  text-transform:uppercase;color:#fff;
  font:.67em 'intro_regular',Arial,Helvetica,sans-serif;
  letter-spacing:.052em;height:50%;
  box-sizing:border-box;top:25%;left:-100%;position:absolute;
  width:67%;margin:0 5%;padding:0 10px;
}
.add form button{
  width:21%;right:-100%;left:auto;background:#fff;border:0;
  cursor:pointer;color:#000
}
.add form button *{cursor:pointer}
.add form button svg{
  width:18px;height:95%;float:right
}
.add form button:hover{
  width:23%
}
.add.do i.q{
  height:0%;top:50%
}
.add.do i.b{
  width:180%;left:-40%
}
.add.do .v{
  cursor:default
}
.add.do h4{
  opacity:0
}
.add.do form.do{
  opacity:1;width:180%;left:-40%;
  height:100%
}
.add.do form.do input.do{
  left:0
}
.add.do form.do button.do{
  right:0
}

.add.photo i{
  background:#fa786b
}