/*
Zerotheme.com | Free Html5 Responsive Templates
Zerogrid - A Single Grid System for Responsive Design
Author: Kimmy
Version : 3.0
Author URI: http://www.zerotheme.com/
*/
/* -------------------------------------------- */



/* ---------------------------------------------------------------------------- */
/* -------------------------------Item-Effect---------------------------------- */
/* ---------------------------------------------------------------------------- */
.item-container {
	position: relative;
	overflow: hidden;
	display: inline-block;
	text-align: center;
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 100%;
}

	.item-container img {
		display: block;
		width: 100%;
		height: auto;
		-webkit-transition: all .5s ease; /* Safari and Chrome */
		-moz-transition: all .5s ease; /* Firefox */
		-ms-transition: all .5s ease; /* IE 9 */
		-o-transition: all .5s ease; /* Opera */
		transition: all .5s ease;
		overflow: hidden;
	}

	.item-container .item-caption {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 10;
		background: none;
		width: 100%;
		height: 100%;
		-webkit-transition: all .5s ease; /* Safari and Chrome */
		-moz-transition: all .5s ease; /* Firefox */
		-ms-transition: all .5s ease; /* IE 9 */
		-o-transition: all .5s ease; /* Opera */
		transition: all .5s ease;
	}

.item-caption-inner {
	display: table;
	width: 100%;
	height: 100%;
}

.item-caption-inner1 {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
}

.item-container .item-caption h3, .item-container .item-caption span {
	display: block;
	text-align: center;
	text-transform: uppercase;
	color: #444;
	display: none;
}

.item-container .item-caption h3 {
	font-size: 23px;
	letter-spacing: 2px;
	margin-bottom: 12px;
}

.item-container .item-caption span {
	font-style: italic;
	font-size: 12px;
}

.item-container:hover .item-caption {
	background: rgba(255, 255, 255, 0.75);
}

	.item-container:hover .item-caption h3, .item-container:hover .item-caption span {
		display: block;
	}




/* ------------------Grid System--------------- */
.zerogrid {
	width: 100%;
	position: relative;
}

	.zerogrid:after {
		content: "\0020";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	.zerogrid .f-right {
		float: right !important;
	}

	.zerogrid .f-left {
		float: left !important;
	}

	.zerogrid .row {
	}

		.zerogrid .row:before, .row:after {
			content: '\0020';
			display: block;
			overflow: hidden;
			visibility: hidden;
			width: 0;
			height: 0;
		}

		.zerogrid .row:after {
			clear: both;
		}

	.zerogrid .row {
		zoom: 1;
	}

	/*.zerogrid .wrap-col{margin:10px;}*/

	.zerogrid .col-1-2, .zerogrid .col-1-3, .zerogrid .col-2-3, .zerogrid .col-1-4, .zerogrid .col-2-4, .zerogrid .col-3-4, .zerogrid .col-1-5, .zerogrid .col-2-5, .zerogrid .col-3-5, .zerogrid .col-4-5, .zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6 {
		float: left; /*display: inline-block;*/
	}

	.zerogrid .col-full {
		width: 100%;
	}

	.zerogrid .col-1-2, .zerogrid .col-1-2-fixed {
		width: 50%;
	}

	.zerogrid .offset-1-2 {
		margin-left: 50%;
	}

	.zerogrid .col-1-3, .zerogrid .col-1-3-fixed {
		width: 33.33%;
	}

	.zerogrid .col-2-3, .zerogrid .col-2-3-fixed {
		width: 66.66%;
	}

	.zerogrid .offset-1-3 {
		margin-left: 33.33%;
	}

	.zerogrid .offset-2-3 {
		margin-left: 66.66%;
	}

	.zerogrid .col-1-4, .zerogrid .col-1-4-fixed {
		width: 25%;
	}

	.zerogrid .col-2-4, .zerogrid .col-2-4-fixed {
		width: 50%;
	}

	.zerogrid .col-3-4, .zerogrid .col-3-4-fixed {
		width: 75%;
	}

	.zerogrid .offset-1-4 {
		margin-left: 25%;
	}

	.zerogrid .offset-2-4 {
		margin-left: 50%;
	}

	.zerogrid .offset-3-4 {
		margin-left: 75%;
	}

	.zerogrid .col-1-5, .zerogrid .col-1-5-fixed {
		width: 20%;
	}

	.zerogrid .col-2-5, .zerogrid .col-2-5-fixed {
		width: 40%;
	}

	.zerogrid .col-3-5, .zerogrid .col-3-5-fixed {
		width: 60%;
	}

	.zerogrid .col-4-5, .zerogrid .col-4-5-fixed {
		width: 80%;
	}

	.zerogrid .offset-1-5 {
		margin-left: 20%;
	}

	.zerogrid .offset-2-5 {
		margin-left: 40%;
	}

	.zerogrid .offset-3-5 {
		margin-left: 60%;
	}

	.zerogrid .offset-4-5 {
		margin-left: 80%;
	}

	.zerogrid .col-1-6, .zerogrid .col-1-6-fixed {
		width: 16.66%;
	}

	.zerogrid .col-2-6, .zerogrid .col-2-6-fixed {
		width: 33.33%;
	}

	.zerogrid .col-3-6, .zerogrid .col-3-6-fixed {
		width: 50%;
	}

	.zerogrid .col-4-6, .zerogrid .col-4-6-fixed {
		width: 66.66%;
	}

	.zerogrid .col-5-6, .zerogrid .col-5-6-fixed {
		width: 83.33%;
	}

	.zerogrid .offset-1-6 {
		margin-left: 16.66%;
	}

	.zerogrid .offset-2-6 {
		margin-left: 33.33%;
	}

	.zerogrid .offset-3-6 {
		margin-left: 50%;
	}

	.zerogrid .offset-4-6 {
		margin-left: 66.66%;
	}

	.zerogrid .offset-5-6 {
		margin-left: 83.33%;
	}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
	.zerogrid { /*width:960px;*/
	}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	/*.zerogrid{width:768px;}*/
}

@media only screen and (max-width: 767px) {
	.zerogrid, .zerogrid .col-1-2, .zerogrid .col-1-3, .zerogrid .col-2-3, .zerogrid .col-1-4, .zerogrid .col-2-4, .zerogrid .col-3-4, .zerogrid .col-1-5, .zerogrid .col-2-5, .zerogrid .col-3-5, .zerogrid .col-4-5, .zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6 {
		width: 100%;
	}

		.zerogrid .offset-1-2, .zerogrid .offset-1-3, .zerogrid .offset-2-3, .zerogrid .offset-1-4, .zerogrid .offset-2-4, .zerogrid .offset-3-4, .zerogrid .offset-1-5, .zerogrid .offset-2-5, .zerogrid .offset-3-5, .zerogrid .offset-4-5, .zerogrid .offset-1-6, .zerogrid .offset-2-6, .zerogrid .offset-3-6, .zerogrid .offset-4-6, .zerogrid .offset-5-6 {
			margin-left: 0;
		}
}