/* GENERAL GRID STYLE */
.cbp-ig-grid {
	height:100%;
	list-style: none;
	padding:80px 0 0 0;
	margin:0;
	position:absolute;
	width:100%;
}


/* CLEAR FLOATS */
.cbp-ig-grid:before,
.cbp-ig-grid:after {
	content: " ";
	display: table;
}

.cbp-ig-grid:after {
	clear: both;
}


/* GRID ITEM */
.cbp-ig-grid li {
	border:0.25em solid #010101;
	border-left:0;
	border-top:0;
	float: left;
	height: 50%;
	text-align: center;
	width: 25%;
}

/* BACKGROUND IMAGES FOR BOXES */
.cbp-ig-grid li:nth-child(1) {
	background:url(../images/Teresa_Tile_1.jpg) no-repeat center center;
	-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;background-size:cover;
}

.cbp-ig-grid li:nth-child(2) {
	background:url(../images/Teresa_Tile_2.jpg) no-repeat center center;
	-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;background-size:cover;
}

.cbp-ig-grid li:nth-child(3) {
	background:url(../images/Teresa_Tile_3.jpg) no-repeat center center;
	-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;background-size:cover;
}

.cbp-ig-grid li:nth-child(4) {
	background:url(../images/Teresa_Tile_4.jpg) no-repeat center center;
	-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;background-size:cover;
}

.cbp-ig-grid li:nth-child(5) {
	background:url(../images/Teresa_Tile_5.jpg) no-repeat center center;
	-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;background-size:cover;
}

.cbp-ig-grid li:nth-child(6) {
	background:url(../images/Teresa_Tile_6.jpg) no-repeat center center;
	-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;background-size:cover;
}

.cbp-ig-grid li:nth-child(7) {
	background:url(../images/Teresa_Tile_7.jpg) no-repeat center center;
	-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;background-size:cover;
}

.cbp-ig-grid li:nth-child(8) {
	background:url(../images/Teresa_Tile_8.jpg) no-repeat center center;
	-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;background-size:cover;
}

.cbp-ig-grid li:nth-child(9) {
	background:url(../images/bkg_teresa_contact.jpg) no-repeat center center;
	-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;background-size:cover;
}




/* BORDER STYLES */
.cbp-ig-grid li:nth-child(4),
.cbp-ig-grid li:nth-child(8),
.cbp-ig-grid li:nth-child(9) {
	border-right:0;
}

.cbp-ig-grid li:nth-child(-n+4) {
	border-top:0.25em solid #010101;
}
.cbp-ig-grid li:nth-child(9) {
	border-bottom:0;
	width:100%;
}


/* TEXT STYLE */
.cbp-ig-grid li > a {
	color: #fff;
	cursor:pointer;
	display: block;
	height: 100%;
	font-family:"Lato",sans-serif;
	text-align:center;
	width:100.1%;

	-webkit-transition:	background 0.2s;
	-moz-transition:	background 0.2s;
	transition:			background 0.2s;
}


/* TITLE TEXT */
.cbp-ig-grid .cbp-ig-title {
	font-size: 1em;
	font-weight:500;
	letter-spacing:0.1em;
	margin: 0 auto 0.35em auto;
	padding:95px 0 0.25em 0;
	position: relative;
	text-align:center;
	text-transform:uppercase;

	-webkit-transition:	-webkit-transform 0.2s;
	-moz-transition:	-moz-transform 0.2s;
	transition:			transform 0.2s;
}

/* LINE STYLE */
.cbp-ig-grid .cbp-ig-line {
	border-bottom:1px solid #fff;
	height:1px;
	margin: 0 auto 0.75em auto;
	opacity:0;
	position: relative;
	width:80%;

	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}

.cbp-ig-grid .cbp-ig-category {
	opacity:0;
	margin: 0 auto 0 auto;
	padding:0;
	position: relative;
	text-transform:lowercase;

	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}

/* HOVER STYLES */
.cbp-ig-grid li > a:hover {
	background: #010101;
	opacity:0.98;
}

.cbp-ig-grid li > a:hover .cbp-ig-title,
.cbp-ig-grid li > a:hover .cbp-ig-line,
.cbp-ig-grid li > a:hover .cbp-ig-category {
	color: #fff;
	opacity:1;
}

.cbp-ig-grid li > a:hover .cbp-ig-title {
	-webkit-transform:	translateY(-20px);
	-moz-transform:		translateY(-20px);
	-ms-transform:		translateY(-20px);
	transform:			translateY(-20px);
}

.cbp-ig-grid li > a:hover .cbp-ig-category {

	-webkit-transform:	translateY(20px);
	-moz-transform:		translateY(20px);
	-ms-transform:		translateY(20px);
	transform:			translateY(20px);
}