#main
{
	min-height: 700px;
}
figure {
        margin: 0;
        padding: 0;
        position: relative;
        display: block;
        cursor: pointer;
        overflow: hidden;
       
    }
     
    figure:hover figcaption {
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        filter: alpha(opacity=100);
        opacity: 1;
        top: 0;
    }
     
    figcaption {
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        filter: alpha(opacity=0);
        opacity: 0;
        height: 100%;
        width: 100%;
        background: rgba(0,0,0,.20);
        color: #fff;
        -webkit-transition: all .9s ease;
        -moz-transition: all .9s ease;
        -o-transition: all .9s ease;
        -ms-transition: all .9s ease;
        transition: all .9s ease;
        -webkit-transition-delay: .5s;
        -moz-transition-delay: .5s;
        -o-transition-delay: .5s;
        -ms-transition-delay: .5s;
        transition-delay: .1s;
    }
     
    figure img {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        -ms-transition: all .5s;
        transition: all .5s;
        -webkit-transition-delay: .1s;
        -moz-transition-delay: .1s;
        -o-transition-delay: .1s;
        -ms-transition-delay: .1s;
        transition-delay: .1s;
    }
     
    figure:hover img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
     
    figcaption h3 {
        font-family: 'Lato';
        font-weight: 400;
        color: #f3b204;
        padding: 10px 20px;
        margin-bottom: 0;
        position: relative;
        righ: 100%;
        margin-top: 37px;
        font-size: 30px;
    }
     
    figcaption p {
        font-family: 'Lato';
        padding: 10px 20px;
        margin-bottom: 0;
        margin-top: 20px;
        position: relative;
        left: 100%;
        font-size: 13px;
    }
     
    figure:hover h3,figure:hover p {
        left: 0;
    }
     
    figcaption a {
        color: #fff;
        padding: 4px 10px;
        text-decoration: none;
    }
     
    figcaption a:hover {
        color: #4f5856;
        background: #fff;
    }
	a.the_btn_pre {
  font-size: 15px !important;
  padding: 8px 19px;
  text-decoration: none !important;
  border-radius: 3px 3px 3px 3px !important;
  cursor: pointer;
  font-weight: bold;
  text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
  box-shadow: rgba(0, 0, 0, 0.498039) 0px 1px 3px 0px;
  background-color: #0088cc !important;
  color: #FFFFFF !important;
  border: 1px solid #0088cc !important;
}
a.the_btn_pre:hover {
  background-color: #0099e6 !important;
}
ul.pagination li span {
    margin: 5px;
}