.grid {
    border: 1px solid #cccccc;
    list-style: none;
    background: #ffffff;
    box-sizing: border-box;
    -moz-box-sizing : border-box;
    -webkit-transition: all 0.6s ease-out; 
    transition: all 0.6s ease-out; 
}
.grid-img {
    width: 100%;
    vertical-align: middle;
    -webkit-transition: opacity 0.6s ease-out;  
    transition: opacity 0.6s ease-out;
    background-color: #fff;
    opacity: 0; 
    visibility: hidden;
}
 
.grid-img.img-loaded{
    visibility: visible;
    opacity: 1;
}

.project-thumbnail {
    position:relative;
    overflow:hidden;
}
/* 
.project-caption {
    position:absolute;
    top:0%;
    right:0;
    background:rgba(199,199,204,0.5);
    width:100%;
    height:100%;
    padding:2%;
    text-align:center;
    color:#fff !important;
    z-index:2;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.project-thumbnail:hover .project-caption {
    top:0%;
}*/
.project-caption-bkgrd{
    position:absolute;
    top:0%;
    right:0;
    background:rgba(100,100,100,0.5);
    width:100%;
    height:100%;
    padding:2%;
}
.project-caption {
    position: absolute;
    bottom: 0px;
    padding: 2%;
    text-align: left;
    color: #fff !important;
    z-index: 3;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
}
/*#slides_control > div{
  height: 200px;
}

#slides_control img{
  margin:auto;
  width: 400px;
}

#slides_control {
  position:absolute;
  width: 400px;
  left:50%;
  top:20px;
 margin-left:-200px;
}*/