/* GRIDDER CSS */
.gridder {
	width: 100%;
	margin: 0 auto;
	font-size: 0;
}
.gridder-list {
	display: inline-block;
*display: inline;
	white-space-collapsing: discard;
	zoom: 1;
	width: 16.66%;
	background: #f3f3f3;
	cursor: pointer;
	position: relative;
}
.gridder-list .gridder-thumb {
	display: block;
}
.gridder-list .gridder-thumb .overlay {
	position: absolute;
	font-family: 'Bitter', Georgia, Times, serif;
	clear: both;
	line-height: 1.25;
	text-transform: uppercase;
	color:#fff;
	z-index: 1;
	text-align: center;
	left: 0px;
	bottom: 0px;
	font-weight: normal;
	display: none;
	width: 100%;
	padding: 10px;
	font-size:16px;
	font-size:1rem;
	opacity: 0;
}
.gridder-list .gridder-thumb:hover .overlay {
	display:block;
}
.gridder-list .gridder-thumb .overlay span {
	font-weight: 11px;
	display: block;
}
.gridder-list img {
	width: 100%;
}
.gridder-list:hover .overlay {
	opacity: 0.8;
}
.gridder-list.first {
	margin-left: 0px;
}
.gridder-list.imactive {
}
.gridder-list.imactive:after {
	content: "";
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 14px 12px 14px;
	border-color: transparent transparent #fff transparent;
	display: block;
	position: absolute;
	bottom: 0px;
	left: 40%;
	z-index:3;
}
.gridder-image, .gridder-content {
	display: none;
}
.gridder-show {
	text-align: center;
	position: relative;
	float: left;
	padding: 0px;
	color: #000;
	overflow: hidden;
	font-size: 0;
	width: 100%;
	padding:40px;
	padding: 2.5rem;
}
.gridder-show .image {
	display: none;
}
.gridder-show .content {
	width: 100%;
	text-align: left;
	margin-right: 50px;
}
.gridder-show .content img {
	width: 160px;
	float: left;
	margin-right: 20px;
}
.gridder-show .content p {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	color: #4c3929;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}
.gridder-show .padding {
	display: none;
}
.gridder-show:after {
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
}
.gridder-img:hover {
	opacity: 0.8;
}
.gridder-float {
	float: left;
}
.gridder-close {
	opacity: 1;
	cursor: pointer;
	position: absolute;
	top: 15px;
	right: 15px;
	background: url("../images/close.png") no-repeat center center;
	width: 13px;
	height: 13px;
	margin:12px;
	margin:.75rem;
}
.gridder-close:hover {
	opacity: 1;
}
.gridder-nav {
	font-size:12px;
	font-size:.75rem;
}
.gridder-nav.prev {
	opacity: 0.7;
	cursor: pointer;
	position: absolute;
	top: 50px;
	left: 10px;
	background: url("../images/prev.png") no-repeat center center;
	width: 40px;
	height: 99px;
	display:none;
}
.gridder-nav.next {
	opacity: 0.7;
	cursor: pointer;
	position: absolute;
	top: 50px;
	right: 10px;
	background: url("../images/next.png") no-repeat center center;
	width: 40px;
	height: 99px;
	display:none;
}
.gridder-prev:hover {
	opacity: 1;
}

/* Media Queries
*********************************************/
/* Retina */
/* Landscape phones and down */
/* Landscape phone to portrait tablet */
/* Portrait tablet to landscape and desktop */
/* Large desktop */