.developer{ display: block; width: 100%; height: 50px; max-width: 150px; margin: 0 auto;}
.developer a{ position:relative; display:block; width:150px; height:50px;}
.info-developer, .icon-developer{ position:absolute;}
.info-developer{
    left:0;
    display:block; 
    width:125px;
    height:50px;
    background: #000 url(../images/bg_developer.png) top left no-repeat;
    -webkit-border-radius: 25px 0 0 0;
    -moz-border-radius: 25px 0 0 0;
    border-radius: 25px 0 0 0;
    z-index:1;
}
.icon-developer{ right:0; z-index:7;}
/* 3d tramsform classes */
/* entire container, keeps perspective */
.flip-container {
  position: relative;
  perspective: 1000;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -o-perspective: 1000;
}
.flip-container a:hover,
.flip-container a p {
  text-decoration: none;
}
.flipper {
  position: absolute;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-origin: center center;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -o-transform-origin: center center;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.front,
.back {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  opacity: 1;
  filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.back {
  opacity: 0;
  filter: alpha(opacity=0);
}
.flip-container,
.front,
.back {
  width: 50px;
  height: 50px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}
/* flip the pane when hovered */
.flip-container:hover .flipper,
.flip-container .activeLink .flipper {
  transform: rotateY(-180deg);
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
}
.flip-container:hover .front,
.flip-container .activeLink .front {
  opacity: 0;
  filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.flip-container:hover .back,
.flip-container .activeLink .back {
  opacity: 1;
  filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.front {
  background: url(../images/quecrearte_front.png) center top no-repeat;
}
.back {
  background: url(../images/quecrearte_back.png) center top no-repeat;
  text-align: center;
  transform: rotateY(-180deg);
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
}
.flip-container:hover .back,
.flip-container.active .back {
  opacity: 1;
  filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
/* end 3d tramsform classes */
/* end splash */