@charset "utf-8";
/* CSS Document */

/**
	Gridz Site Template
 	Copyright (c) 2013, Pophonic 

	Author: Pophonic
	Profile: themeforest.net/user/pophonic
	
**/

/* ===== Flip Hover Effect ===== */

.flip {
    position: relative;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    -o-perspective: 1000;
    perspective: 1000;
}

.flip .flip-front, .flip .flip-back {
    position: absolute;
    top: 0;
    left: 0;
}

.flip .flip-front {
    z-index: 5;
    line-height: 33px;
    font-weight:bold;
}

.flip .flip-back {
    z-index: 0;
}

.flip:hover .flip-front {
    z-index: 5;
}

.flip:hover .flip-back {
    z-index: 10;
}

.flip a {
	text-decoration: none;
}

/* ===== End ===== */


/* ===== Scale Hover Effect ===== */

.thumb-hover {
	position: relative;
	overflow: hidden;
}


.cover {
	width: 100%;
	height: 100%;
	position: absolute;
	opacity: 0;
	
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-ms-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}

.sidebar-cover {
	opacity: 0;
	
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
}

.cover:hover {
	opacity: 1;
}

.cover-background {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #1e1e1e;
	z-index: 0;
	opacity: 0.5;
}

.plus-hover {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
	background: url(../images/-2x/plus-hover.png) no-repeat center;
	background-size: 50px 50px;
}

.zoom {
	background: url(../images/-2x/zoom-hover.png) no-repeat center;
	background-size: 50px 50px;
}




@media (max-width:500px) {
.flip .flip-front {
    z-index: 5;
    line-height: 33px;
    font-weight:bold;
    font-size:19px;
}
}



/* ===== End ===== */