.infinite-scroll-categories {
    position      : relative;
    text-align    : center;
    margin-bottom : 50px;
}

.infinite-scroll-categories:after {
    left              : 50%;
    width             : 43px;
    height            : 11px;
    bottom            : -30px;
    opacity           : 0;
    content           : '';
    position          : absolute;
    background        : url('../imgs/ajax-loader.gif') no-repeat;
    -webkit-transform : translateX(-50%);
    -moz-transform    : translateX(-50%);
    -ms-transform     : translateX(-50%);
    -o-transform      : translateX(-50%);
    transform         : translateX(-50%);

}

.infinite-scroll-categories.loading:after {
    opacity : 1;
}

.infinite-scroll-categories li {
    display            : inline-block;
    border             : 1px solid #0e5f72;
    border-right-width : 0;
}

.infinite-scroll-categories li:last-child {
    border-right-width : 1px;
}

.infinite-scroll-categories li .cat-btn {
    color              : #0e5f72;
    cursor             : pointer;
    display            : block;
    padding            : 9px 25px 4px;
    font-family        : NexaBold, sans-serif;
    text-transform     : uppercase;
    -webkit-transition : background-color .3s ease, color .3s ease;
    -moz-transition    : background-color .3s ease, color .3s ease;
    -ms-transition     : background-color .3s ease, color .3s ease;
    -o-transition      : background-color .3s ease, color .3s ease;
    transition         : background-color .3s ease, color .3s ease;
}

.infinite-scroll-categories li:hover .cat-btn {
    background-color : rgba(14, 95, 114, .4);
}

.infinite-scroll-categories li .cat-btn.active {
    color            : #fff;
    background-color : #0e5f72;
}

.infinite-scroll-grid {
    position : relative;
}

.infinite-scroll-grid.loading:after {
    left              : 50%;
    width             : 43px;
    height            : 11px;
    bottom            : -40px;
    opacity           : 0;
    content           : '';
    position          : absolute;
    background        : url('../imgs/ajax-loader.gif') no-repeat;
    -webkit-transform : translateX(-50%);
    -moz-transform    : translateX(-50%);
    -ms-transform     : translateX(-50%);
    -o-transform      : translateX(-50%);
    transform         : translateX(-50%);

    /*-webkit-transition : opacity 1s ease;*/
    /*-moz-transition    : opacity 1s ease;*/
    /*-ms-transition     : opacity 1s ease;*/
    /*-o-transition      : opacity 1s ease;*/
    /*transition         : opacity 1s ease;*/

}

/*
.infinite-scroll-grid .container {
    overflow           : hidden;
    -webkit-transition : max-height 1s ease;
    -moz-transition    : max-height 1s ease;
    -ms-transition     : max-height 1s ease;
    -o-transition      : max-height 1s ease;
    transition         : max-height 1s ease;
}
*/

.infinite-scroll-grid .container .no-items {
    color      : #0e5f72;
    text-align : center;
}

.infinite-scroll-grid.loading:after {
    opacity : 1;
}

.infinite-scroll-grid .isg-item {
    margin  : 0;
    padding : 0;
}

.infinite-scroll-grid .isg-item .image {
    width               : 100%;
    /*height: auto;*/
    padding-top         : 76%;
    background-size     : cover;
    background-position : 50% 50%;

}

.infinite-scroll-grid .isg-item .dark-background {
    top                : 0px;
    left               : 0px;
    width              : 100%;
    right              : 0px;
    height             : 100%;
    bottom             : 0px;
    cursor             : pointer;
    opacity            : 0;
    position           : absolute;
    text-align         : center;
    background-color   : rgba(0, 0, 0, 0.75);
    -webkit-transition : opacity .5s ease-in-out;
    -moz-transition    : opacity .5s ease-in-out;
    -ms-transition     : opacity .5s ease-in-out;
    -o-transition      : opacity .5s ease-in-out;
    transition         : opacity .5s ease-in-out;
}

.infinite-scroll-grid .isg-item:hover .dark-background {
    display            : block;
    opacity            : 1;
    -webkit-transition : opacity .5s ease-in-out;
    -moz-transition    : opacity .5s ease-in-out;
    -ms-transition     : opacity .5s ease-in-out;
    -o-transition      : opacity .5s ease-in-out;
    transition         : opacity .5s ease-in-out;
}

.infinite-scroll-grid .dark-background-inner {
    top       : 50%;
    position  : relative;
    transform : translateY(-50%);
}

.infinite-scroll-grid .title {
    margin         : 0;
    font-size      : 20px;
    color          : white;
    text-align     : center;
    text-transform : uppercase;
}

.infinite-scroll-grid .subtitle {
    color       : white;
    font-size   : 15px;
    text-align  : center;
    font-family : NexaBold;
    /*margin-bottom: 30px;*/
    line-height : 21px;
}

.infinite-scroll-grid .style-1 .dark-background .link {
    color          : #fcbd07;
    width          : 100%;
    text-align     : center;
    text-transform : uppercase;
    font-size      : 13px;
    margin         : 0 5px;
}

.infinite-scroll-grid .style-2 .link {
    left               : 0px;
    right              : 0px;
    color              : #0e5f72;
    bottom             : -42px;
    opacity            : 0;
    padding            : 10px 0px;
    z-index            : 10;
    position           : absolute;
    font-size          : 12px;
    text-align         : center;
    background         : #84acb5;
    transition         : bottom .5s ease, opacity .5s ease;
    -o-transition      : bottom .5s ease, opacity .5s ease;
    -moz-transition    : bottom .5s ease, opacity .5s ease;
    -webkit-transition : bottom .5s ease, opacity .5s ease;
}

.infinite-scroll-grid .style-2 .dark-background-inner.full-absolute {
    padding  : 4% 11.5%;
    overflow : hidden;
}

.infinite-scroll-grid .isg-item.style-2:hover .link {
    bottom  : 0;
    filter  : progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity : 1;
}

.infinite-scroll-grid .style-2 .description {
    color          : #fff;
    font-size      : 15px;
    text-align     : left;
    margin-top     : 1%;
    line-height    : 20px;
    font-family    : NexaLight, sans-serif;
    padding-bottom : 38px;
}