/* Custom Stylesheet */
.photos {margin: auto;  }

.photos img {
    position: absolute;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    padding: 5px 5px 5px 5px;
    background: #ffffff;
    border:  0px ;
    width: 600px;
}

.photos img:nth-of-type(1) {
    left: 20px;
    top: 230px;	
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
     box-shadow: 30px 30px 25px #000000;
}
 
.photos img:nth-of-type(2) {
    left: 118px;
    top: 230px;	
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
     box-shadow: 30px 30px 25px #000000;
}
 
.photos img:nth-of-type(3) {
    left: 218px;
    top: 230px;	
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
     box-shadow: 30px 30px 25px #000000;
}
 
.photos img:nth-of-type(4) {
    left: 318px;
    top: 230px;	
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
     box-shadow: 30px 30px 25px #000000;
}
 
.photos img:nth-of-type(5) {
    left: 418px;
    top: 230px;	
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
     box-shadow: 30px 30px 25px #000000;
}

.photos img:nth-of-type(6) {
    left: 518px;
    top: 230px;	
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
     box-shadow: 30px 30px 25px #000000;
}

.photos img:nth-of-type(7) {
    left: 618px;
    top: 230px;	
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
     box-shadow: 30px 30px 25px #000000;
   //clip: rect(0px,520px,500px,0px);
}

.photos img:hover {
    -webkit-transform: rotate(-0.5deg) scale(1.05);
    -moz-transform: rotate(-0.5deg) scale(1.05);
    -o-transform: rotate(-0.5deg) scale(1.05);
    transform: rotate(-0.5deg) scale(1.05);
    z-index: 10;
}

.photos img {
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}