/*
* Project: Matrix Update
* Author: IDH-media
* Comments:Template File
* Template Club
*
*/


.club_gallery_group{ margin-top:50px; }


/* Club Gallery */
.club_gallery_image {
  text-align: center;
  margin: 0px auto;
  display: inline-block;
  width: calc(100%/3.3);
  height: calc(100%/5);
  min-height:50px; min-width:50px;
  background: url('../img/720.png') center center no-repeat;
  background-size:30%;
  border: 2px solid transparent;
  border-radius: 3px;
  margin: 4px;
  box-shadow: 0px 0px 5px #000;
  -webkit-transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;
  -webkit-animation: club_activate 1s linear forwards 2s 1;
  -moz-animation: club_activate 1s linear forwards 2s 1;
  animation: club_activate 1s linear forwards 2s 1;
}


@-webkit-keyframes club_activate {
    from { border-color:transparent; }
    to { border-color:rgba(255,255,255,.7); width: calc(100%/3.3); height: calc(100%/5); }
}

@-moz-keyframes club_activate {
    from { border-color:transparent; }
    to { border-color:rgba(255,255,255,.7); width: calc(100%/3.3); height: calc(100%/5); }
}

@keyframes club_activate {
    from { border-color:transparent; }
    to { border-color:rgba(255,255,255,.7); width: calc(100%/3.3); height: calc(100%/5); }
}


@media (max-width:450px){
  .club_gallery_image:nth-child(n+6){ display:none; }
}



/* 3D Appereance Effekt */

.club_gallery_group:nth-child(1) img { -webkit-transform: rotateY(20deg) scale(1.02); -moz-transform: rotateY(20deg) scale(1.02); transform: rotateY(20deg) scale(1.02); }
.club_gallery_group:nth-child(2) img { -webkit-transform: rotateX(12deg) scale(1.0); -moz-transform: rotateX(12deg) scale(1.0); transform: rotateX(12deg) scale(1.0); }
.club_gallery_group:nth-child(3) img { -webkit-transform: rotateY(-20deg) scale(1.02); -moz-transform: rotateY(-20deg) scale(1.02); transform: rotateY(-20deg) scale(1.02);}


.club_gallery_group { perspective: 1000px; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective-origin: center; }
.club_gallery_group img { outline: 3px solid transparent; margin-top: 20px; }