@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;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.75s;
    -moz-transition: 0.75s;
    -o-transition: 0.75s;
    transition: 0.75s;
	
}

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

.flip .flip-back {
    z-index: 0;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    transform: rotateY(-180deg);

}



.flip:hover .flip-front {
    z-index: 5;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.flip:hover .flip-back {
    z-index: 10;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.flip a {
	text-decoration: none;
}

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


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

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

.thumb-hover figure {
	transition:All 1s ease-in-out;
	-webkit-transition:All 1s ease-in-out;
	-moz-transition:All 1s ease-in-out;
	-o-transition:All 1s ease-in-out;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
}

.thumb-hover figure:hover {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
}

.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: #1a1a1a;
	z-index: 0;
	opacity: 0.5;
}

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

.zoom {
	background: url(../images/zoom-hover.png) no-repeat center;
}

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


.flip-back .flipbackheading.title-back,
.flip-back .title-back {
	/*font-family: 'chalkdustregular' !important;*/
	font-family:'Open Sans Condensed',sans-serif !important;
	color: #fff !important;
    font-size: 20px;
    font-weight: bold;
	}
.chbord {
	font-family: 'chalkdustregular' !important;
	/*font-family:'Open Sans Condensed' !important;*/
	font-size: 12px;
	font-weight: 400;
	letter-spacing: .5px;
	}
	
.chbordbk {	
	font-family:'Open Sans Condensed' !important;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: .5px;
	}

.chalkfont{
	font-family: 'chalkdustregular' !important;
	font-size: 30px;
	font-weight: bold;
	}
	
.redboxArea {
	display:block;
	margin-bottom: 5px;
	text-align:center;
	}
	.redboxArea .flip {
		height: 70px;
		margin-top: 7px;
		}
	.redboxArea .flip-front {
		width: 100%;
		margin:0 auto;
		padding: 8px 20px; 
		
		left: 0; right: 0;
		top: 0;
		
		background:#991a24;
		border: #fff solid 1px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		}
		
		.redboxArea .flip-front-body h1 {
			font-family: 'chalkdustregular';
			font-size: 25px; 
			font-weight: 400;
			color:#fff;
			
			margin-bottom: 5px;
			margin-top: 0px;
			}
		.redboxArea .flip-front-body a {
			font-family:'Open Sans Condensed',sans-serif;
			font-size: 15px;
			font-weight: 600;
			color:#fff;
			}
	
	
	.redboxArea .flip-back {
		width: 100%;
		height: auto;
		
		padding: 0;
		margin: 0 auto;
		
		left: 0; right: 0;
		top: 0;
		text-align:center;
		
		background:#991a24;
		border: #fff solid 2px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		}
		.redboxArea .flipbody { 
			width: auto;
			height: auto;
			
			padding: 8px 15px;
			
			border:none;
			background: none;
			}
		
		.redboxListing {
			display: block;
			list-style-type: none;
			padding: 0;
			margin: 0;
			}
			.redboxListing li {
				float: left;
				width: auto !important;
				
				list-style-type: none;
				padding: 0;
				margin: 0;
				margin-top: 0 !important;
				
				font-family:'Open Sans Condensed',sans-serif;
				font-size: 18px;
				font-weight: 600;
				color:#fff;
				}
				.redboxListing li h1 {
					margin-top: 8px;
					font-size: 16px;
					vertical-align: middle;
					font-weight: bold;
					}
				

		.redboxListing li.styleredbox {
			width: 16% !important;
			}
		.divider-white {
			width: 2px;
			height: 30px;
			margin-top: 5px;
			margin-right: 40px;
			background:#fff;
			}
		.redboxArea .buy_btn2 {
			margin-top: 7px;
			cursor: pointer;
			}