/* Default tags and Bootstrap classes */


.masonry-keyline{
padding-top: 35px;
	
	}
	.keyline-bottom{
padding-bottom: 25px;
	
	}
	
	

.lead { padding: 40px 0; }
.img-portfolio{
	margin: 0 0 0px;
	border: 1px solid #000000;}

.grow-wrapper {
    display: inline-block; /* change the default display type to inline-block */
    overflow: hidden;
	background:#000000;      /* hide the overflow */
}

.wrapper {
    display: inline-block; /* change the default display type to inline-block */
    overflow: hidden;
	background:#FFFFFF;      /* hide the overflow */
}

.item__overlay {
	position: absolute;
  	left: 0;
	margin-bottom: -10%;
	padding: 0 10px;
	color: #FFFFFF;
	z-index: 100;
  }
  
  .icon__overlay {
	position: absolute;
  	top: 10px;
  	right: 5px;
	margin-bottom: -10%;
	padding: 0 10px;
	line-height: 175%;
	z-index: 100;
	font-size: 16px;
  }
  
  
  
  
  
 .black {
  color: #000000;
  }
  .masonrytext {
	padding: 0 10px;
	text-align:left;
	top: 50px;  
  }
  .label-index {
  background-color: #ffffff;
  color: #000000;
}
.label-index:hover {
  color: #000000;
}
  

.darken:hover {
	opacity: .65;
	-moz-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s;
}



.grow {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
}
.grow:hover {
    
	-webkit-transform:scale(1.1); /* Safari and Chrome */
    -moz-transform:scale(1.1); /* Firefox */
    -ms-transform:scale(1.1); /* IE 9 */
    -o-transform:scale(1.1); /* Opera */
     transform:scale(1.1);
}



/* Grid */

#posts { margin: 30px auto 0; }
.post {
	margin: 0 0 15px;
	text-align: center;
	width: 100%;
}
.post img { padding: 0 15px; width: 100%; }

#grid.container .post img { padding: 0; }

.index-panel-body{
	padding: 15px;
	min-height: 100px;
	}
.index-panel-padding{
	padding-top: 8px;
	}


/* Medium devices */

@media (max-width: 767px) {
	.grow-wrapper {
    max-height: 200px;
}
	
}

@media (min-width: 768px) {
	#grid > #posts .post { width: 335px; }
	#grid > #posts .post.cs2 { width: 100%; }
	.post img { padding: 0; }
	.slider-header {
  padding-bottom: 15px;
  border-bottom: 3px solid #FFFFFF;
}
.grow-wrapper {
    max-height: 240px;
}
}
	



/* Medium devices */

@media (min-width: 992px) {
	.index-panel{
	max-height: 90%;
	}
	.index-panel-padding{
	padding-top: 0px;
	}
	.index-panel-body{
	padding: 5px;
	min-height: 120px;
	}
	#grid > #posts .post { width: 445px; }
	#grid > #posts .post.cs2 { width: 100%; }
	.grow-wrapper {
    max-height: 300px;
}
}




/* Large devices */

@media (min-width: 1200px) {
.grow-wrapper {
    max-height:none}
	.index-panel-body{
	min-height: 178px;
	}
	#grid > #posts .post { width: 346px; }
	#grid > #posts .post.cs2 { width: 742px; }
}



@media (min-width: 1300px) {
	#grid {
		left: -50px;
		padding-left: 50px;
		padding-right: 50px;
		position: relative;
    	}
	#grid.container {
		left: auto;
		padding-left: 15px;
		padding-right: 15px;
	}
}