.screenshotsImage figcaption,
.screenshotsImage figure,
.screenshotsImage section
{
    display: block;
}
.screenshotsImage select
{
    font-family: 'Nunito', sans-serif;
    font-family: sans-serif;
}
.screenshotsImage a
{
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
    webkit-font-smoothing: antialiased;
}
.screenshotsImage a:focus
{
    outline: thin dotted;
    text-decoration: none;
}
.screenshotsImage a:active,
.screenshotsImage a:hover
{
    outline: 0;
    text-decoration: none;
}
.screenshotsImage .selected-icon p
{
    margin: 10px;
}
.screenshotsImage .selected-image p
{
    margin: 0;
}
.screenshotsImage ul
{
    margin: 1em 0;
    padding: 0;
}
.screenshotsImage img
{
    border: 0;
    ms-interpolation-mode: bicubic;
}
.screenshotsImage 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;
}

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

.screenshotsImage figcaption div.selected-img
{
    position: absolute;
    left: 50%;
    margin-left: -50%;
    width: 100%;
}

.screenshotsImage figcaption p
{
    font-weight: 400;
    margin-bottom: 0;
    text-transform: uppercase;
}
.screenshotsImage 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;
}
.screenshotsImage figure:hover figcaption .caption-content,.screenshotsImage figure:focus figcaption .caption-content
{
    ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    webkit-transform: translate(0px, 0px);
}

.screenshotsImage i,
.screenshotsImage figcaption img,
.screenshotsImage figcaption a,
.screenshotsImage .single-image{
    cursor : pointer
}

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

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

.imagemhover-box-message span{
    display: table-cell;
    color: white;
    font-size: 15px;
    position: relative;
    vertical-align: middle;
    text-align: center;
}
.imagehover-all-icons-i i:hover{
    color: #5BC0DE;
    cursor: pointer;
}
.imagehover-all-icons-i i.active{
    color: rgb(222, 91, 91);
}