.screenshots figcaption,
.screenshots figure,
.screenshots section
{
    display: block;
}
.screenshots {

}
.screenshots select
{
    font-family: 'Nunito', sans-serif;
    font-family: sans-serif;
}
.screenshots a
{
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
    webkit-font-smoothing: antialiased;
}
.screenshots a:focus
{
    outline: thin dotted;
    text-decoration: none;
}
.screenshots a:active,
.screenshots a:hover
{
    outline: 0;
    text-decoration: none;
}
.screenshots p
{
    margin: 1em 0;
}
.screenshots ul
{
    margin: 1em 0;
    padding: 0;
}
.screenshots img
{
    border: 0;
    ms-interpolation-mode: bicubic;
}
.screenshots a
{
    transition-duration: 300ms;
    transition-property: color, border-color, background-color;
    transition-timing-function: ease-in-out;
    webkit-transition-duration: 300ms;
    webkit-transition-property: color, border-color, background-color;
    webkit-transition-timing-function: ease-in-out;
    color: #73d0da;
}

.screenshots a:hover,
.screenshots a:focus
{
    color: #73d0da;
    text-decoration: none;
}
.screenshots a.logo,
.screenshots h1.logo
{
    color: #3f6184;
    font-family: 'Oswald', sans-serif;
    font-size: 44px;
}
.screenshots a.logo.white
{
    color: white;
}
.screenshots-intro
{
    background-color: #f6f7f9;
    padding: 170px 0 100px 0;
}
.screenshots-intro h1
{
    color: #24374b;
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 20px;
}
.screenshots-intro p
{
    color: #778899;
    margin-bottom: 25px;
}
.screenshots ul
{
    margin: 0;
    padding: 0;
    width: 100%;
}
.screenshots ul li
{
    background-color: transparent;
    float: left;
    list-style: none;
    min-height: 100%;
}
.screenshots figure
{
    overflow: hidden;
    position: relative;
}
.screenshots figure img
{
    height: 100%;
    transition: all 300ms ease-in-out;
    webkit-transition: all 300ms ease-in-out;
    width: 100%;
}
.screenshots figure:hover img,
.screenshots figure:focus img
{
    ms-transform: scale(1.1);
    transform: scale(1.1);
    webkit-transform: scale(1.1);
}
.screenshots figcaption
{
    font-size: 15px;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    transition: all 300ms ease-in-out;
    webkit-transition: all 300ms ease-in-out;
    width: 100%;
    opacity: 0;
}
.screenshots figure:hover figcaption,
.screenshots figure:focus figcaption
{
    opacity: 1;
}
.visible
{
    opacity: 1;
}
.screenshots figure.cs-hover figcaption
{
    opacity: 1;
}
.screenshots figcaption i
{
    font-size: 35px;
}
.screenshots figcaption div
 {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -31px;
    margin-left: -50%;
    width: 100%;
 }

.screenshots figcaption p
{
    font-weight: 400;
    margin-bottom: 0;
    text-transform: uppercase;
}
.screenshots figcaption .caption-content {
    transform: translate(0px, 15px);
    transition: all 300ms ease-in-out;
    webkit-transform: translate(0px, 15px);
    webkit-transition: all 300ms ease-in-out;
}
.screenshots figure:hover figcaption .caption-content,.screenshots figure:focus figcaption .caption-content
{
    ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    webkit-transform: translate(0px, 0px);
}

.screenshots i,
.screenshots .single-image{
    cursor : pointer
}

.galeriahover-image{
    position:relative;
}
.galeriahover-image > span{
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    display: block;
}

.galeriahover-box-message{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background-color:transparent;
}

.galeriahover-box-message span{
    display: table-cell;
    color: white;
    font-size: 15px;
    position: relative;
    vertical-align: middle;
    text-align: center;
}