@font-face {
  font-family: '700';
  src: url('../webfont/700.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
       url('../webfont/700.svg') format('svg');
}
/* Image item Style */
#wrapper .item {
/*	border: 5px solid #fff;
	cursor: pointer;
	height: 100%;
	float: left;
	margin: 5px;
*/	position: relative;
	overflow: hidden;
/*	width: 100%;
		-webkit-item-shadow: 1px 1px 1px 1px #ccc;
		-moz-item-shadow: 1px 1px 1px 1px #ccc;
		item-shadow: 1px 1px 1px 1px #ccc;*/
}
#wrapper .item img {
/*	position: absolute;
	left: 0;*/
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;	
		transition: all 300ms ease-out;
}

/* Caption Common Style */
#wrapper .item .caption {
	 font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	/* font-family: '200', "Georgia", serif; */
	font-size: 14px;
	text-transform: uppercase;
font-weight: 100;
	letter-spacing: 1px;
	background-color: rgba(0,0,0,0.2);
	position: absolute;
	color: #fff;
	z-index: 100;
	-webkit-transition: all 110ms ease-out;
	-moz-transition: all 110ms ease-out;
	-o-transition: all 110ms ease-out;
	-ms-transition: all 110ms ease-out;	
	transition: all 110ms ease-out;
	
}




/** Caption 2: Full Width & Height **/
#wrapper .item .full-caption {
	width: 100%;
	height: 100%;	
/*	top: -100%;
	left: 5%;*/
	bottom: 0;
	left: 0;
	opacity: 0;
	text-align: left;
	/*padding: 15px;*/
}


#wrapper .item .full-caption h3 {
font-weight: 500;
font-size: 14px;
text-transform: uppercase;
position: relative;
text-align: center;
left: 50%;
top: 50%;
-webkit-transform: translateX(-50%)  translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
margin: auto auto;
}

/** Slide Caption :hover Behaviour **/
#wrapper .item:hover .full-caption {
/*	-moz-transform: translateY(100%);
	-o-transform: translateY(100%);
	-webkit-transform: translateY(100%);
	transform: translateY(116%);*/
	opacity: 1;
	    

	    /* outline: 6px solid rgba(0, 0, 0, .8); */
    

	    /* outline-offset: 3px; */
	
	/* transform: translateX(117%); */
}

/*#wrapper .item:hover img#image-4 {
	-moz-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	opacity: 1;
}*/