/**
* Grid GK5 - CSS style
* @Copyright (C) 2013 Gavick.com
* @ All rights reserved
* @ Released under GNU/GPL License : http://www.gnu.org/copyleft/gpl.html
* @version $Revision: GK5 1.0 $
**/

.gkGridGK5 {
	overflow: hidden;	
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

@-moz-document url-prefix() {
	.gkGridGK5 {
		-webkit-transform: translate3d(0, 0, 0) scale(1.00001);
		-moz-transform: translate3d(0, 0, 0) scale(1.00001);
		-ms-transform: translate3d(0, 0, 0) scale(1.00001);
		-o-transform: translate3d(0, 0, 0) scale(1.00001);
		transform: translate3d(0, 0, 0) scale(1.00001);
	}
}

.gkGridGK5Wrap {
	background: url('loader.gif') no-repeat center center;
	-webkit-perspective: 1200;
	-moz-perspective: 1200;
	-ms-perspective: 1200;
	perspective: 1200;
	position: relative;
}

.gkGridGK5Wrap.active {
	background-image: none!important;
}

.gkGridGK5Wrap > img {
	display: block;
	height: auto;
	width: 100%;
}

.gkGridGK5Wrap > .gkGridElement {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	opacity: 0; filter: alpha(opacity=0);
	overflow: hidden;
	position: absolute;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-ms-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-timing-function: cubic-bezier(.31,.77,.46,.92) ;
	-moz-transition-timing-function: cubic-bezier(.31,.77,.46,.92) ;
	-ms-transition-timing-function: cubic-bezier(.31,.77,.46,.92) ;
	-o-transition-timing-function: cubic-bezier(.31,.77,.46,.92) ;
	transition-timing-function: cubic-bezier(.31,.77,.46,.92) ;
	z-index: 1;
}

.gkGridGK5Wrap > .gkGridElement.active {
	opacity: 1; filter: alpha(opacity=100);
	-webkit-transform: scale(1.003)!important;
	-moz-transform: scale(1.003)!important;
	-ms-transform: scale(1.003)!important;
	-o-transform: scale(1.003)!important;
	transform: scale(1.003)!important;
}
/* Animation types */
.gkGridGK5[data-type="scale"] .gkGridElement {
	-webkit-transform: scale(0.75);
	-moz-transform: scale(0.75);
	-ms-transform: scale(0.75);
	-o-transform: scale(0.75);
	transform: scale(0.75);
}
.gkGridGK5[data-type="scale"] .gkGridElement.active {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}


.gkGridGK5[data-type="scale-x"] .gkGridElement {
	-webkit-transform: scaleX(0.75);
	-moz-transform: scaleX(0.75);
	-ms-transform: scaleX(0.75);
	-o-transform: scaleX(0.75);
	transform: scaleX(0.75);
}
.gkGridGK5[data-type="scale-x"] .gkGridElement.active {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
}


.gkGridGK5[data-type="scale-y"] .gkGridElement {
	-webkit-transform: scaleY(0.75);
	-moz-transform: scaleY(0.75);
	-ms-transform: scaleY(0.75);
	-o-transform: scaleY(0.75);
	transform: scaleY(0.75);
}
.gkGridGK5[data-type="scale-y"] .gkGridElement.active {
	-webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	transform: scaleY(1);
}


.gkGridGK5[data-type="rotate"] .gkGridElement {
	margin-top: 10%;
	-webkit-transform: rotateZ(25deg);
	-moz-transform: rotateZ(25deg);
	-ms-transform: rotateZ(25deg);
	-o-transform: rotateZ(25deg);
	transform: rotateZ(25deg);
}
.gkGridGK5[data-type="rotate"] .gkGridElement.active {
	margin-top: 0%;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
}


.gkGridGK5[data-type="rotate3d"] .gkGridElement {
	-webkit-transform: rotateY(45deg);
	-moz-transform: rotateY(45deg);
	-ms-transform: rotateY(45deg);
	-o-transform: rotateY(45deg);
	transform: rotateY(45deg);
}
.gkGridGK5[data-type="rotate3d"] .gkGridElement.active {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	transform: rotateY(0deg);
}


.gkGridGK5[data-type="bottom"] .gkGridElement {
	margin-top: 20%;
}
.gkGridGK5[data-type="bottom"] .gkGridElement.active {
	margin-top: 0%;
}


.gkGridGK5[data-type="top"] .gkGridElement {
	margin-top: -20%;
}
.gkGridGK5[data-type="top"] .gkGridElement.active {
	margin-top: 0%;
}


.gkGridGK5[data-type="left"] .gkGridElement {
	margin-left: -20%;
}
.gkGridGK5[data-type="left"] .gkGridElement.active {
	margin-left: 0%;
}


.gkGridGK5[data-type="right"] .gkGridElement {
	margin-left: 20%;
}
.gkGridGK5[data-type="right"] .gkGridElement.active {
	margin-left: 0%;
}


.gkGridGK5[data-type="bottom-scale"] .gkGridElement {
	margin-top: 20%;
	-webkit-transform: scale(0.75);
	-moz-transform: scale(0.75);
	-ms-transform: scale(0.75);
	-o-transform: scale(0.75);
	transform: scale(0.75);
}
.gkGridGK5[data-type="bottom-scale"] .gkGridElement.active {
	margin-top: 0%;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}


.gkGridGK5[data-type="top-scale"] .gkGridElement {
	margin-top: -20%;
	-webkit-transform: scale(0.75);
	-moz-transform: scale(0.75);
	-ms-transform: scale(0.75);
	-o-transform: scale(0.75);
	transform: scale(0.75);
}
.gkGridGK5[data-type="top-scale"] .gkGridElement.active {
	margin-top: 0%;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}


.gkGridGK5[data-type="left-scale"] .gkGridElement {
	margin-left: -20%;
	-webkit-transform: scale(0.75);
	-moz-transform: scale(0.75);
	-ms-transform: scale(0.75);
	-o-transform: scale(0.75);
	transform: scale(0.75);
}
.gkGridGK5[data-type="left-scale"] .gkGridElement.active {
	margin-left: 0%;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}


.gkGridGK5[data-type="right-scale"] .gkGridElement {
	margin-left: 20%;
	-webkit-transform: scale(0.75);
	-moz-transform: scale(0.75);
	-ms-transform: scale(0.75);
	-o-transform: scale(0.75);
	transform: scale(0.75);
}
.gkGridGK5[data-type="right-scale"] .gkGridElement.active {
	margin-left: 0%;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}


/* Animation speeds */
.gkGridGK5[data-speed="normal"] .gkGridElement {
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-ms-transition-duration: .5s;
	-o-transition-duration: .5s;
	transition-duration: .5s;
}

.gkGridGK5[data-speed="fast"] .gkGridElement {
	-webkit-transition-duration: .25s;
	-moz-transition-duration: .25s;
	-ms-transition-duration: .25s;
	-o-transition-duration: .25s;
	transition-duration: .25s;
}

.gkGridGK5[data-speed="slow"] .gkGridElement {
	-webkit-transition-duration: .75s;
	-moz-transition-duration: .75s;
	-ms-transition-duration: .75s;
	-o-transition-duration: .75s;
	transition-duration: .75s;
}

/*
 * Additional styles for modules inside the GK Grid
 */
 
/* Coming soon */