/**
 * author: Thierry Koblentz
 * Copyright 2011 - css-101.org 
 * http://www.css-101.org/articles/ken-burns_effect/css-transition.php
 */
#slideshow {
  position:relative;
  width:240px;
  height:160px;
  overflow:hidden;
  border:3px solid #fff;
  box-shadow:0px 1px 5px #fff;
  -o-box-shadow:0px 1px 5px #fff;
  -moz-box-shadow:0px 1px 5px #fff;
  -webkit-box-shadow:0px 1px 5px #fff;
  -pie-box-shadow:0px 1px 5px #fff;
  border-image: linear-gradient(left, #ffffff 0%, #000000 100%);  
  -o-border-image: -o-linear-gradient(left, #ffffff 0%, #000000 100%);
  -ms-border-image: -ms-linear-gradient(left, #ffffff 0%, #000000 100%);
  -moz-border-image: -moz-linear-gradient(left, #ffffff 0%, #000000 100%);  
  -khtml-border-image: -khtml-linear-gradient(left, #ffffff 0%, #000000 100%); 
  -webkit-border-image: -webkit-linear-gradient(left, #ffffff 0%, #000000 100%);  
  -pie-border-image: -webkit-linear-gradient(left, #ffffff 0%, #000000 100%);  
  behavior: url(PIE.htc);
}
#slideshow img {
  position:absolute;
  width:360px;
  height:240px;
  top:50%;
  left:50%;
  margin-left:-180px;
  margin-top:-120px;
  opacity:0;
  -webkit-transition-property: opacity, -webkit-transform;
  -webkit-transition-duration: 3s, 8s;
  -moz-transition-property: opacity, -moz-transform;
  -moz-transition-duration: 3s, 8s;
  -pie-transition-property: opacity, -moz-transform;
  -pie-transition-duration: 3s, 8s;
  -o-transition-property: opacity, -o-transform;
  -o-transition-duration: 3s, 8s;
  transition-property: opacity, transform;
  transition-duration: 3s, 8s;
   behavior: url(PIE.htc);
}
#slideshow img  {
  -webkit-transform-origin: bottom left;
  -moz-transform-origin: bottom left;
  -pie-transform-origin: bottom left;
  -o-transform-origin: bottom left;
  transform-origin: bottom left;
  behavior: url(PIE.htc);
}
#slideshow :nth-child(2n+1) {
  -webkit-transform-origin: top right;
  -moz-transform-origin: top right;
  -pie-transform-origin: top right;
  -o-transform-origin: top right;
  transform-origin: top right;
   behavior: url(PIE.htc);
}
#slideshow :nth-child(3n+1) {
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -pie-transform-origin: top left;
  -o-transform-origin: top left;
  transform-origin: top left;
   behavior: url(pie/PIE.htc);
}
#slideshow :nth-child(4n+1) {
  -webkit-transform-origin: bottom right;
  -moz-transform-origin: bottom right;
  -pie-transform-origin: bottom right;
  -o-transform-origin: bottom right;
  transform-origin: bottom right;
   behavior: url(PIE.htc);
}
#slideshow .fx:first-child + img ~ img {
	z-index:-1;
}
#slideshow .fx {
  -webkit-transform: scale(1.2) translate(30px);
  -moz-transform: scale(1.2) translate(30px);
  -pie-transform: scale(1.2) translate(30px);
  -o-transform: scale(1.2) translate(30px);
  transform: scale(1.2) translate(30px);
  opacity:1;
   behavior: url(PIE.htc);
}
/*-------------------------------*/
			/**
 * author: Thierry Koblentz
 * Copyright 2011 - css-101.org 
 * http://www.css-101.org/articles/ken-burns_effect/css-transition.php
 */
#this {
  position:relative;
  width:240px;
  height:160px;
  overflow:hidden;
  border:3px solid #fff;
  border:3px solid #fff;
  box-shadow:0px 1px 5px #fff;
  -o-box-shadow:0px 1px 5px #fff;
  -moz-box-shadow:0px 1px 5px #fff;
  -webkit-box-shadow:0px 1px 5px #fff;
  border-image: linear-gradient(left, #ffffff 0%, #000000 100%);  
  -o-border-image: -o-linear-gradient(left, #ffffff 0%, #000000 100%);
  -ms-border-image: -ms-linear-gradient(left, #ffffff 0%, #000000 100%);
  -moz-border-image: -moz-linear-gradient(left, #ffffff 0%, #000000 100%);  
  -khtml-border-image: -khtml-linear-gradient(left, #ffffff 0%, #000000 100%); 
  -webkit-border-image: -webkit-linear-gradient(left, #ffffff 0%, #000000 100%);  
}
#this img {
  position:absolute;
  width:360px;
  height:240px;
  top:50%;
  left:50%;
  margin-left:-180px;
  margin-top:-120px;
  opacity:0;
  -webkit-transition-property: opacity, -webkit-transform;
  -webkit-transition-duration: 3s, 8s;
  -moz-transition-property: opacity, -moz-transform;
  -moz-transition-duration: 3s, 8s;
  -o-transition-property: opacity, -o-transform;
  -o-transition-duration: 3s, 8s;
  transition-property: opacity, transform;
  transition-duration: 3s, 8s;
}
#this img  {
  -webkit-transform-origin: bottom left;
  -moz-transform-origin: bottom left;
  -o-transform-origin: bottom left;
  transform-origin: bottom left;
}
#this :nth-child(2n+1) {
  -webkit-transform-origin: top right;
  -moz-transform-origin: top right;
  -o-transform-origin: top right;
  transform-origin: top right;
}
#this :nth-child(3n+1) {
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -o-transform-origin: top left;
  transform-origin: top left;
}
#this :nth-child(4n+1) {
  -webkit-transform-origin: bottom right;
  -moz-transform-origin: bottom right;
  -o-transform-origin: bottom right;
  transform-origin: bottom right;
}
#this .fx:first-child + img ~ img {
	z-index:-1;
}
#this .fxy {
  -webkit-transform: scale(1.2) translate(30px);
  -moz-transform: scale(1.2) translate(30px);
  -o-transform: scale(1.2) translate(30px);
  transform: scale(1.2) translate(30px);
  opacity:1;
}
/*-------------------------------*/
			/**
 * author: Thierry Koblentz
 * Copyright 2011 - css-101.org 
 * http://www.css-101.org/articles/ken-burns_effect/css-transition.php
 */
#commercial {
  position:relative;
  width:240px;
  height:160px;
  overflow:hidden;
  border:3px solid #fff;
  border:3px solid #fff;
  box-shadow:0px 1px 5px #fff;
  -o-box-shadow:0px 1px 5px #fff;
  -moz-box-shadow:0px 1px 5px #fff;
  -webkit-box-shadow:0px 1px 5px #fff;
  border-image: linear-gradient(left, #ffffff 0%, #000000 100%);  
  -o-border-image: -o-linear-gradient(left, #ffffff 0%, #000000 100%);
  -ms-border-image: -ms-linear-gradient(left, #ffffff 0%, #000000 100%);
  -moz-border-image: -moz-linear-gradient(left, #ffffff 0%, #000000 100%);  
  -khtml-border-image: -khtml-linear-gradient(left, #ffffff 0%, #000000 100%); 
  -webkit-border-image: -webkit-linear-gradient(left, #ffffff 0%, #000000 100%);  
}
#commercial img {
  position:absolute;
  width:360px;
  height:240px;
  top:50%;
  left:50%;
  margin-left:-180px;
  margin-top:-120px;
  opacity:0;
  -webkit-transition-property: opacity, -webkit-transform;
  -webkit-transition-duration: 3s, 8s;
  -moz-transition-property: opacity, -moz-transform;
  -moz-transition-duration: 3s, 8s;
  -o-transition-property: opacity, -o-transform;
  -o-transition-duration: 3s, 8s;
  transition-property: opacity, transform;
  transition-duration: 3s, 8s;
}
#commercial img  {
  -webkit-transform-origin: bottom left;
  -moz-transform-origin: bottom left;
  -o-transform-origin: bottom left;
  transform-origin: bottom left;
}
#commercial :nth-child(2n+1) {
  -webkit-transform-origin: top right;
  -moz-transform-origin: top right;
  -o-transform-origin: top right;
  transform-origin: top right;
}
#commercial :nth-child(3n+1) {
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -o-transform-origin: top left;
  transform-origin: top left;
}
#commercial :nth-child(4n+1) {
  -webkit-transform-origin: bottom right;
  -moz-transform-origin: bottom right;
  -o-transform-origin: bottom right;
  transform-origin: bottom right;
}
#commercial .fx:first-child + img ~ img {
	z-index:-1;
}
#commercial .fxyz {
  -webkit-transform: scale(1.2) translate(30px);
  -moz-transform: scale(1.2) translate(30px);
  -o-transform: scale(1.2) translate(30px);
  transform: scale(1.2) translate(30px);
  opacity:1;
}
/*-------------------------------*/
			/**
 * author: Thierry Koblentz
 * Copyright 2011 - css-101.org 
 * http://www.css-101.org/articles/ken-burns_effect/css-transition.php
 */
#construction {
  position:relative;
  width:240px;
  height:160px;
  overflow:hidden;
  border:3px solid #fff;
  border:3px solid #fff;
  box-shadow:0px 1px 5px #fff;
  -o-box-shadow:0px 1px 5px #fff;
  -moz-box-shadow:0px 1px 5px #fff;
  -webkit-box-shadow:0px 1px 5px #fff;
  border-image: linear-gradient(left, #ffffff 0%, #000000 100%);  
  -o-border-image: -o-linear-gradient(left, #ffffff 0%, #000000 100%);
  -ms-border-image: -ms-linear-gradient(left, #ffffff 0%, #000000 100%);
  -moz-border-image: -moz-linear-gradient(left, #ffffff 0%, #000000 100%);  
  -khtml-border-image: -khtml-linear-gradient(left, #ffffff 0%, #000000 100%); 
  -webkit-border-image: -webkit-linear-gradient(left, #ffffff 0%, #000000 100%);  
}
#construction img {
  position:absolute;
  width:360px;
  height:240px;
  top:50%;
  left:50%;
  margin-left:-180px;
  margin-top:-120px;
  opacity:0;
  -webkit-transition-property: opacity, -webkit-transform;
  -webkit-transition-duration: 3s, 8s;
  -moz-transition-property: opacity, -moz-transform;
  -moz-transition-duration: 3s, 8s;
  -o-transition-property: opacity, -o-transform;
  -o-transition-duration: 3s, 8s;
  transition-property: opacity, transform;
  transition-duration: 3s, 8s;
}
#construction img  {
  -webkit-transform-origin: bottom left;
  -moz-transform-origin: bottom left;
  -o-transform-origin: bottom left;
  transform-origin: bottom left;
}
#construction :nth-child(2n+1) {
  -webkit-transform-origin: top right;
  -moz-transform-origin: top right;
  -o-transform-origin: top right;
  transform-origin: top right;
}
#construction :nth-child(3n+1) {
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -o-transform-origin: top left;
  transform-origin: top left;
}
#construction :nth-child(4n+1) {
  -webkit-transform-origin: bottom right;
  -moz-transform-origin: bottom right;
  -o-transform-origin: bottom right;
  transform-origin: bottom right;
}
#construction .fx:first-child + img ~ img {
	z-index:-1;
}
#construction .fxyza {
  -webkit-transform: scale(1.2) translate(30px);
  -moz-transform: scale(1.2) translate(30px);
  -o-transform: scale(1.2) translate(30px);
  transform: scale(1.2) translate(30px);
  opacity:1;
}
/*-------------------------------*/
			/**
 * author: Thierry Koblentz
 * Copyright 2011 - css-101.org 
 * http://www.css-101.org/articles/ken-burns_effect/css-transition.php
 */
 #hotels {
  position:relative;
  width:240px;
  height:160px;
  overflow:hidden;
  border:3px solid #fff;
  border:3px solid #fff;
  box-shadow:0px 1px 5px #fff;
  -o-box-shadow:0px 1px 5px #fff;
  -moz-box-shadow:0px 1px 5px #fff;
  -webkit-box-shadow:0px 1px 5px #fff;
  border-image: linear-gradient(left, #ffffff 0%, #000000 100%);  
  -o-border-image: -o-linear-gradient(left, #ffffff 0%, #000000 100%);
  -ms-border-image: -ms-linear-gradient(left, #ffffff 0%, #000000 100%);
  -moz-border-image: -moz-linear-gradient(left, #ffffff 0%, #000000 100%);  
  -khtml-border-image: -khtml-linear-gradient(left, #ffffff 0%, #000000 100%); 
  -webkit-border-image: -webkit-linear-gradient(left, #ffffff 0%, #000000 100%);  
}
#hotels img {
  position:absolute;
  width:360px;
  height:240px;
  top:50%;
  left:50%;
  margin-left:-180px;
  margin-top:-120px;
  opacity:0;
  -webkit-transition-property: opacity, -webkit-transform;
  -webkit-transition-duration: 3s, 8s;
  -moz-transition-property: opacity, -moz-transform;
  -moz-transition-duration: 3s, 8s;
  -o-transition-property: opacity, -o-transform;
  -o-transition-duration: 3s, 8s;
  transition-property: opacity, transform;
  transition-duration: 3s, 8s;
}
#hotels img  {
  -webkit-transform-origin: bottom left;
  -moz-transform-origin: bottom left;
  -o-transform-origin: bottom left;
  transform-origin: bottom left;
}
#hotels :nth-child(2n+1) {
  -webkit-transform-origin: top right;
  -moz-transform-origin: top right;
  -o-transform-origin: top right;
  transform-origin: top right;
}
#hotels :nth-child(3n+1) {
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -o-transform-origin: top left;
  transform-origin: top left;
}
#hotels :nth-child(4n+1) {
  -webkit-transform-origin: bottom right;
  -moz-transform-origin: bottom right;
  -o-transform-origin: bottom right;
  transform-origin: bottom right;
}
#hotels .fx:first-child + img ~ img {
	z-index:-1;
}
#hotels .fxyzab {
  -webkit-transform: scale(1.2) translate(30px);
  -moz-transform: scale(1.2) translate(30px);
  -o-transform: scale(1.2) translate(30px);
  transform: scale(1.2) translate(30px);
  opacity:1;
}
/*-------------------------------*/
			/**
 * author: Thierry Koblentz
 * Copyright 2011 - css-101.org 
 * http://www.css-101.org/articles/ken-burns_effect/css-transition.php
 */
#sante {
  position:relative;
  width:240px;
  height:160px;
  overflow:hidden;
  border:3px solid #fff;
  border:3px solid #fff;
  box-shadow:0px 1px 5px #fff;
  -o-box-shadow:0px 1px 5px #fff;
  -moz-box-shadow:0px 1px 5px #fff;
  -webkit-box-shadow:0px 1px 5px #fff;
  border-image: linear-gradient(left, #ffffff 0%, #000000 100%);  
  -o-border-image: -o-linear-gradient(left, #ffffff 0%, #000000 100%);
  -ms-border-image: -ms-linear-gradient(left, #ffffff 0%, #000000 100%);
  -moz-border-image: -moz-linear-gradient(left, #ffffff 0%, #000000 100%);  
  -khtml-border-image: -khtml-linear-gradient(left, #ffffff 0%, #000000 100%); 
  -webkit-border-image: -webkit-linear-gradient(left, #ffffff 0%, #000000 100%);  
}
#sante img {
  position:absolute;
  width:360px;
  height:240px;
  top:50%;
  left:50%;
  margin-left:-180px;
  margin-top:-120px;
  opacity:0;
  -webkit-transition-property: opacity, -webkit-transform;
  -webkit-transition-duration: 3s, 8s;
  -moz-transition-property: opacity, -moz-transform;
  -moz-transition-duration: 3s, 8s;
  -o-transition-property: opacity, -o-transform;
  -o-transition-duration: 3s, 8s;
  transition-property: opacity, transform;
  transition-duration: 3s, 8s;
}
#sante img  {
  -webkit-transform-origin: bottom left;
  -moz-transform-origin: bottom left;
  -o-transform-origin: bottom left;
  transform-origin: bottom left;
}
#sante :nth-child(2n+1) {
  -webkit-transform-origin: top right;
  -moz-transform-origin: top right;
  -o-transform-origin: top right;
  transform-origin: top right;
}
#sante :nth-child(3n+1) {
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -o-transform-origin: top left;
  transform-origin: top left;
}
#sante :nth-child(4n+1) {
  -webkit-transform-origin: bottom right;
  -moz-transform-origin: bottom right;
  -o-transform-origin: bottom right;
  transform-origin: bottom right;
}
#sante .fx:first-child + img ~ img {
	z-index:-1;
}
#sante .fxyzabc {
  -webkit-transform: scale(1.2) translate(30px);
  -moz-transform: scale(1.2) translate(30px);
  -o-transform: scale(1.2) translate(30px);
  transform: scale(1.2) translate(30px);
  opacity:1;
}
/*-------------------------------*/
			/**
 * author: Thierry Koblentz
 * Copyright 2011 - css-101.org 
 * http://www.css-101.org/articles/ken-burns_effect/css-transition.php
 */
#residences {
  position:relative;
  width:240px;
  height:160px;
  overflow:hidden;
  border:3px solid #fff;
  border:3px solid #fff;
  box-shadow:0px 1px 5px #fff;
  -o-box-shadow:0px 1px 5px #fff;
  -moz-box-shadow:0px 1px 5px #fff;
  -webkit-box-shadow:0px 1px 5px #fff;
  border-image: linear-gradient(left, #ffffff 0%, #000000 100%);  
  -o-border-image: -o-linear-gradient(left, #ffffff 0%, #000000 100%);
  -ms-border-image: -ms-linear-gradient(left, #ffffff 0%, #000000 100%);
  -moz-border-image: -moz-linear-gradient(left, #ffffff 0%, #000000 100%);  
  -khtml-border-image: -khtml-linear-gradient(left, #ffffff 0%, #000000 100%); 
  -webkit-border-image: -webkit-linear-gradient(left, #ffffff 0%, #000000 100%);  
}
#residences img {
  position:absolute;
  width:360px;
  height:240px;
  top:50%;
  left:50%;
  margin-left:-180px;
  margin-top:-120px;
  opacity:0;
  -webkit-transition-property: opacity, -webkit-transform;
  -webkit-transition-duration: 3s, 8s;
  -moz-transition-property: opacity, -moz-transform;
  -moz-transition-duration: 3s, 8s;
  -o-transition-property: opacity, -o-transform;
  -o-transition-duration: 3s, 8s;
  transition-property: opacity, transform;
  transition-duration: 3s, 8s;
}
#residences img  {
  -webkit-transform-origin: bottom left;
  -moz-transform-origin: bottom left;
  -o-transform-origin: bottom left;
  transform-origin: bottom left;
}
#residences :nth-child(2n+1) {
  -webkit-transform-origin: top right;
  -moz-transform-origin: top right;
  -o-transform-origin: top right;
  transform-origin: top right;
}
#residences :nth-child(3n+1) {
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -o-transform-origin: top left;
  transform-origin: top left;
}
#residences :nth-child(4n+1) {
  -webkit-transform-origin: bottom right;
  -moz-transform-origin: bottom right;
  -o-transform-origin: bottom right;
  transform-origin: bottom right;
}
#residences .fx:first-child + img ~ img {
	z-index:-1;
}
#residences .fxyzabcd {
  -webkit-transform: scale(1.2) translate(30px);
  -moz-transform: scale(1.2) translate(30px);
  -o-transform: scale(1.2) translate(30px);
  transform: scale(1.2) translate(30px);
  opacity:1;
}
/*-------------------------------*/
			/**
 * author: Thierry Koblentz
 * Copyright 2011 - css-101.org 
 * http://www.css-101.org/articles/ken-burns_effect/css-transition.php
 */
 #salles {
  position:relative;
  width:240px;
  height:160px;
  overflow:hidden;
  border:3px solid #fff;
  border:3px solid #fff;
  box-shadow:0px 1px 5px #fff;
  -o-box-shadow:0px 1px 5px #fff;
  -moz-box-shadow:0px 1px 5px #fff;
  -webkit-box-shadow:0px 1px 5px #fff;
  border-image: linear-gradient(left, #ffffff 0%, #000000 100%);  
  -o-border-image: -o-linear-gradient(left, #ffffff 0%, #000000 100%);
  -ms-border-image: -ms-linear-gradient(left, #ffffff 0%, #000000 100%);
  -moz-border-image: -moz-linear-gradient(left, #ffffff 0%, #000000 100%);  
  -khtml-border-image: -khtml-linear-gradient(left, #ffffff 0%, #000000 100%); 
  -webkit-border-image: -webkit-linear-gradient(left, #ffffff 0%, #000000 100%);  
}
#salles img {
  position:absolute;
  width:360px;
  height:240px;
  top:50%;
  left:50%;
  margin-left:-180px;
  margin-top:-120px;
  opacity:0;
  -webkit-transition-property: opacity, -webkit-transform;
  -webkit-transition-duration: 3s, 8s;
  -moz-transition-property: opacity, -moz-transform;
  -moz-transition-duration: 3s, 8s;
  -o-transition-property: opacity, -o-transform;
  -o-transition-duration: 3s, 8s;
  transition-property: opacity, transform;
  transition-duration: 3s, 8s;
}
#salles img  {
  -webkit-transform-origin: bottom left;
  -moz-transform-origin: bottom left;
  -o-transform-origin: bottom left;
  transform-origin: bottom left;
}
#salles :nth-child(2n+1) {
  -webkit-transform-origin: top right;
  -moz-transform-origin: top right;
  -o-transform-origin: top right;
  transform-origin: top right;
}
#salles :nth-child(3n+1) {
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -o-transform-origin: top left;
  transform-origin: top left;
}
#salles :nth-child(4n+1) {
  -webkit-transform-origin: bottom right;
  -moz-transform-origin: bottom right;
  -o-transform-origin: bottom right;
  transform-origin: bottom right;
}
#salles .fx:first-child + img ~ img {
	z-index:-1;
}
#salles .fxyzabcde {
  -webkit-transform: scale(1.2) translate(30px);
  -moz-transform: scale(1.2) translate(30px);
  -o-transform: scale(1.2) translate(30px);
  transform: scale(1.2) translate(30px);
  opacity:1;
}
/*-------------------------------*/
			/**
 * author: Thierry Koblentz
 * Copyright 2011 - css-101.org 
 * http://www.css-101.org/articles/ken-burns_effect/css-transition.php
 */
 #personal {
  position:relative;
  width:240px;
  height:160px;
  overflow:hidden;
  border:3px solid #fff;
  border:3px solid #fff;
  box-shadow:0px 1px 5px #fff;
  -o-box-shadow:0px 1px 5px #fff;
  -moz-box-shadow:0px 1px 5px #fff;
  -webkit-box-shadow:0px 1px 5px #fff;
  border-image: linear-gradient(left, #ffffff 0%, #000000 100%);  
  -o-border-image: -o-linear-gradient(left, #ffffff 0%, #000000 100%);
  -ms-border-image: -ms-linear-gradient(left, #ffffff 0%, #000000 100%);
  -moz-border-image: -moz-linear-gradient(left, #ffffff 0%, #000000 100%);  
  -khtml-border-image: -khtml-linear-gradient(left, #ffffff 0%, #000000 100%); 
  -webkit-border-image: -webkit-linear-gradient(left, #ffffff 0%, #000000 100%);  
}
#personal img {
  position:absolute;
  width:360px;
  height:240px;
  top:50%;
  left:50%;
  margin-left:-180px;
  margin-top:-120px;
  opacity:0;
  -webkit-transition-property: opacity, -webkit-transform;
  -webkit-transition-duration: 3s, 8s;
  -moz-transition-property: opacity, -moz-transform;
  -moz-transition-duration: 3s, 8s;
  -o-transition-property: opacity, -o-transform;
  -o-transition-duration: 3s, 8s;
  transition-property: opacity, transform;
  transition-duration: 3s, 8s;
}
#personal img  {
  -webkit-transform-origin: bottom left;
  -moz-transform-origin: bottom left;
  -o-transform-origin: bottom left;
  transform-origin: bottom left;
}
#personal :nth-child(2n+1) {
  -webkit-transform-origin: top right;
  -moz-transform-origin: top right;
  -o-transform-origin: top right;
  transform-origin: top right;
}
#personal :nth-child(3n+1) {
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -o-transform-origin: top left;
  transform-origin: top left;
}
#personal :nth-child(4n+1) {
  -webkit-transform-origin: bottom right;
  -moz-transform-origin: bottom right;
  -o-transform-origin: bottom right;
  transform-origin: bottom right;
}
#personal .fx:first-child + img ~ img {
	z-index:-1;
}
#personal .fxyzabcdef {
  -webkit-transform: scale(1.3) translate(30px);
  -moz-transform: scale(1.3) translate(30px);
  -o-transform: scale(1.3) translate(30px);
  transform: scale(1.3) translate(30px);
  opacity:1;
}