.gridder {
    margin: 0px auto !important;
    text-align:center !important;
    padding: 0px !important;
    list-style-type: none !important;
}

.gridder-list {
    display: inline-block !important;
    vertical-align: top !important;
    position: relative !important;
    cursor: pointer !important;
    width: 375px !important;
    max-width:90% !important;
}

.gridder-list:nth-child(n) {
    margin-bottom: 1% !important;
    margin-right: 1% !important;
}

.gridder-list:nth-of-type(3n) {
    margin-right: 0 !important;
    margin-bottom: 0 !important;
}

.gridder-list .image {
    background-color: #EEE !important;
    background-size: cover !important;
    background-position: center !important;
    height: 240px !important;
    display:flex;
    justify-content: center !important;
    align-items: center !important;
    transition: all .3s ease-in-out!important;
    border-bottom: 6px solid #2ab969!important;
    box-shadow: 0 8px 8px -4px rgba(0,0,0,.3)!important;
    border-radius: 3px!important;
}

.gridder-list:nth-of-type(odd) .image {
    border-color: #12bac5 !important;
}

.gridder-list .overlay {
    position: relative !important;
    display: flex !important;
    flex-flow: column nowrap !important;
    text-align: center !important;
    background-color: #12bac5 !important;
    padding: 10px !important;
    color: #FFF !important;
}

.gridder-list .overlay .title {
    font-weight: 800 !important;
}

.gridder-list .overlay .description {
    font-weight: 300 !important;
}

.gridder-content {
    display: none !important;
}

.gridder-show {
    display: block !important;
    float: left !important;
    width: 100% !important;
    position: relative !important;
    padding: 0px !important;
    margin-bottom: 20px !important;
    -webkit-box-shadow: inset 0px 0px 20px 5px rgb(0 0 0 / 16%) !important;
    -moz-box-shadow: inset 0px 0px 20px 5px rgba(0,0,0,0.16) !important;
    box-shadow: inset 0px 0px 20px 5px rgb(0 0 0 / 16%) !important;
}

.gridder-navigation {
    z-index: 1 !important;
    position: absolute !important;
    top: 0px !important;
    left: 0px !important;
    padding: 0px !important;
    text-align: center !important;
}

.gridder-navigation a {
    background: #FFF !important;
    display: inline-block !important;
    padding: 15px !important;
    color: #000 !important;
    text-decoration: none !important;
    font-size: 24px !important;
    margin-right: 0px !important;
    transition: all .3s ease-in-out !important;
}

.gridder-navigation a.disabled {
    opacity: 0 !important;
    cursor:default !important;
}

.gridder-expanded-content {
    animation-name: fadeIn !important;
    animation-duration: .3s !important;
    animation-fill-mode: both !important;
    padding-top:60px !important;
    padding-bottom:20px !important;
    background-size: cover !important;
    min-height: 400px !important;
}

.gridder-show .description {
    /*position: absolute !important;*/
    /*top: 60px !important;*/
    /*left: 0px !important;*/
    /*right: 0px !important;*/
    text-align: center !important;
    font-family: Arial, serif !important;
    font-weight: 300 !important;
    font-size: 16px !important;
    width: 100% !important;
    line-height: 170% !important;
    color: #FFF !important;
}

.gridder-show .description h2 {
    display: inline-block !important;
    background: #2AB969 !important;
    color: #FFF !important;
    padding: 0.25em !important;
    margin-bottom: 1em !important;
    font-size: 3em;
    font-weight: 700 !important;
    font-family: 'Montserrat', sans-serif !important;
}

.gridder-show .description h3 {
    display: inline-block !important;
    background: #000 !important;
    color: #FFF !important;
    padding: 5px !important;
    font-size: 20px !important;
    margin-bottom: 5px !important;
    font-weight: 300 !important;
    font-family: 'Open Sans', sans-serif !important;
}

.gridder.hasSelectedItem .gridder-list {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50) !important;
    opacity: 0.5 !important;
}

.gridder.hasSelectedItem .gridder-list.selectedItem {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100) !important;
    opacity: 100 !important;
}