.image-listing{
    margin-bottom:30px
}
@media (min-width:620px){
    .image-listing{
        display:-webkit-box;
        display:-webkit-flex;
        display:-moz-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-direction:normal;
        -webkit-box-orient:horizontal;
        -webkit-flex-direction:row;
        -moz-flex-direction:row;
        -ms-flex-direction:row;
        flex-direction:row;
        -webkit-flex-wrap:wrap;
        -moz-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        -webkit-box-pack:start;
        -ms-flex-pack:start;
        -webkit-justify-content:flex-start;
        -moz-justify-content:flex-start;
        justify-content:flex-start;
        -webkit-box-align:stretch;
        -ms-flex-align:stretch;
        -webkit-align-items:stretch;
        -moz-align-items:stretch;
        align-items:stretch;
        -webkit-align-content:stretch;
        -moz-align-content:stretch;
        -ms-flex-line-pack:stretch;
        align-content:stretch;
        margin:0 -7.5px
    }
}
@media (min-width:850px){
    .image-listing{
        margin:0 -15px
    }
}
.image-listing-link{
    display:block;
    background:#343434;
    border-radius:3px;
    color:#fff;
    overflow:hidden;
    margin-bottom:15px;
    padding:15px;
    position:relative
}
@media (min-width:620px){
    .image-listing-link{
        -webkit-flex-basis:calc(50% - 30px);
        -moz-flex-basis:calc(50% - 30px);
        -ms-flex-preferred-size:calc(50% - 30px);
        flex-basis:calc(50% - 30px);
        -webkit-align-content:flex-end;
        -moz-align-content:flex-end;
        -ms-flex-line-pack:end;
        align-content:flex-end;
        margin:0 7.5px 15px;
        min-height:275px
    }
}
@media (min-width:850px){
    .image-listing-link{
        -webkit-flex-basis:calc(33% - 30px);
        -moz-flex-basis:calc(33% - 30px);
        -ms-flex-preferred-size:calc(33% - 30px);
        flex-basis:calc(33% - 30px);
        margin:0 15px 30px
    }
}
.image-listing-link:hover,.image-listing-link:focus{
    background:#0ca8d8;
    color:#fff
}
.image-listing-link:hover .image-listing-text:after,.image-listing-link:focus .image-listing-text:after{
    opacity:1;
    top:50%
}
.image-listing-link:hover .image-listing-image-fake,.image-listing-link:focus .image-listing-image-fake{
    opacity:0.8
}
.image-listing-link:hover .image-listing-image:after,.image-listing-link:focus .image-listing-image:after{
    opacity:1;
    top:50%
}
.image-listing-link:hover .image-listing-text:after,.image-listing-link:focus .image-listing-text:after{
    color:#FFBA08;
    top:-56px
}
@media (min-width:850px){
    .image-listing-link:hover .image-listing-text:after,.image-listing-link:focus .image-listing-text:after{
        top:-86px
    }
}
@media (min-width:620px){
    .image-listing-link--text{
        bottom:0;
        left:0;
        padding-top:108px;
        right:0;
        top:0
    }
}
@media (min-width:850px){
    .image-listing-link--text{
        padding-top:162px
    }
}
.image-listing-image,.image-listing-text{
    display:block;
    margin:-15px -15px 0;
    position:relative
}
.image-listing-image:after,.image-listing-text:after{
    -webkit-transition:color 0.2s,opacity 0.2s,top 0.2s;
    -o-transition:color 0.2s,opacity 0.2s,top 0.2s;
    transition:color 0.2s,opacity 0.2s,top 0.2s;
    color:#fff;
    font-size:108px;
    left:50%;
    line-height:32px;
    opacity:0.5;
    position:absolute;
    z-index:2;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    top:52%
}
.image-listing-image{
    background:#fff;
    height:200px;
    overflow:hidden
}
.image-listing-image-fake{
    background-position:center;
    background-repeat:no-repeat;
    background-size:contain;
    display:block;
    height:100%;
    width:215px;
	margin: 0 auto;
}
.image-listing-text{
    margin:0
}
.image-listing-text:after{
    left:45px;
    top:-41px
}
@media (max-width:619px){
    .image-listing-text:after{
        content:none
    }
}
@media (min-width:850px){
    .image-listing-text:after{
        top:-66px
    }
}
.image-listing-title{
    display:block;
    font-size:23px;
    font-weight:bold;
    line-height:1;
    margin:30px 0 10px;
	color:#fff !important;
}
@media (min-width:620px){
    .image-listing-title{
        font-size:27px
    }
}
@media (min-width:850px){
    .image-listing-title{
        font-size:27px
    }
}
.image-listing-title--text{
    margin-top:15px
}
.image-listing-intro{
    display:block;
    line-height:1.4;
    margin-bottom:10px;
	color:#fff !important;
	font-size:14px !important;
}
.image-listing-intro--text{
    font-size:18px
}
@media (min-width:850px){
    .image-listing-intro--text{
        font-size:23px
    }
}
.image-listing-introduction{
    max-width:750px
}
.image-listing--quarters .image-listing-link{
    flex-basis:calc(25% - 30px);
    margin:0 15px 30px;
	border: 1px solid #e8e8e8;
}
@media (max-width:1030px){
    .image-listing--quarters .image-listing-link{
        flex-basis:calc(50% - 30px)
    }
}
@media (max-width:850px){
    .image-listing--quarters .image-listing-link{
        flex-basis:100%;
        margin:30px 0
    }
}