﻿h1, h2, h3, h4
{
    padding: 0px;
    margin: 0px;
}

.caption-style-2
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.caption-style-2 li
{
   float: left;
padding: 0px;
position: relative;
overflow: hidden;
width: 196px;
height: 195px;
margin: 10px;
border-radius: 4px;
border: 2px solid rgb(235, 235, 235);
box-shadow: rgb(60, 59, 59) 3px 6px 8px -3px;
}


.caption-style-2 li:hover .caption
{
    opacity: 1;
    transform: translateY(-100px);
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
}


.caption-style-2 img
{
    margin: 0px;
    padding: 0px;
    float: left;
    z-index: 4;
}


.caption-style-2 .caption
{
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 300px;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}
.caption-style-2 .blur
{
    background-color: rgba(0,0,0,0.7);
    height: 219px;
    width: 269px;
    z-index: 5;
    position: absolute;
    top: -45px;
}

.caption-style-2 .caption-text h1
{
    text-transform: uppercase;
    font-size: 18px;
}
.caption-style-2 .caption-text
{
   z-index: 10;
color: #fff;
position: absolute;
width: 269px;
height: 219px;
text-align: center;
top: -31px;
margin-left: -35px;
}

.caption-style-2 .caption-text p
{
    
    margin-top:-5px;
}
