/**
 * CMSXL and Application User Interface Soft Touch Buttons.
 * Copyright (c) 2023 Anthony Albit. All rights reserved.
 *
 * For more information, please contact:
 * Email: anthony.albit@wayovermedia.com
 * Website: https://cmsxl.com
 */

.thumbnails {
    margin: 0 -10px;
    font-size: 0;
    /*text-align: center;*/
}
@media (max-width: 1600px) {
}
@media (max-width: 768px) {
    .thumbnails.masonry {
    }
}
@media (max-width: 576px) {
}

/* Thumbnail Containers */
.thumbnail-holder {
    display: inline-block;
    position: relative;
    margin: 0 10px 20px 10px;
    height: auto;
    vertical-align: top;
    overflow: hidden;
}
/* landscape */
.thumbnail-holder.landscape {
    width: calc(25% - 20px);
}
.thumbnail-holder.landscape:after {
    content: '';
    display: block;
    padding-top: 75%;
}
.thumbnail-holder.landscape.half {
    width: calc(50% - 20px);
}
/* portrait */
.thumbnail-holder.portrait {
    width: calc(16.6666666666% - 20px);
}
.thumbnail-holder.portrait:after {
    content: '';
    display: block;
    padding-top: 160%;
}
.thumbnail-holder.portrait.model {
    width: calc(25% - 20px);
}
/* masonry */
.thumbnail-holder.masonry {
    margin: 0 10px 20px 10px;
    width: calc(20% - 20px);
}
.thumbnail-holder.masonry.wide:after {
    content: '';
    display: block;
    padding-top: 75%;
}
.thumbnail-holder.masonry.tall:after {
    content: '';
    display: block;
    padding-top: 156%;
}
@media (max-width: 1800px) {
    /* landscape */
    /* portrait */
    /* masonry */
}
@media (max-width: 1366px) {
    /* landscape */
    /* portrait */
    /* masonry */
    .thumbnail-holder.masonry {
        width: calc(25% - 20px);
    }
}
@media (max-width: 1200px) {
    /* landscape */
    .thumbnail-holder.landscape {
        width: calc(33.3333333333% - 20px);
    }

    /* portrait */
    .thumbnail-holder.portrait {
        width: calc(25% - 20px);
    }
    .thumbnail-holder.portrait.model {
        width: calc(33.3333333333% - 20px);
    }

    /* masonry */
    .thumbnail-holder.masonry {
        width: calc(33.3333333333% - 20px);
    }
}
@media (max-width: 992px) {
    /* landscape */
    .thumbnail-holder.landscape {
        width: calc(50% - 20px);
    }
    /* portrait */
    .thumbnail-holder.portrait {
        width: calc(33.3333333333% - 20px);
    }
    .thumbnail-holder.portrait.model {
        width: calc(50% - 20px);
    }
    /* masonry */

}
@media (max-width: 768px) {
    .thumbnail-holder {
        /*margin: 0 0 10px 0;*/
    }
    /* landscape */
    /* portrait */
    .thumbnail-holder.portrait {
        width: calc(33.3333333333% - 20px);
    }
    /* masonry */
}
@media (max-width: 767px) {
    /* masonry */
    .thumbnail-holder.masonry {
        margin: 0 10px 10px 10px;
        width: calc(50% - 20px);
    }
}
@media (max-width: 576px) {
    .thumbnail-holder.landscape,
    .thumbnail-holder.landscape.half,
    .thumbnail-holder.portrait,
    .thumbnail-holder.portrait.model {
        width: calc(50% - 20px);
    }
    .thumbnail-holder.portrait {
        width: calc(50% - 20px);
    }
    .thumbnail-holder.masonry {
        margin: 0 2px 4px 2px;
        width: calc(50% - 4px);
    }
}

.thumbnail-content,
.thumbnail-image,
.thumbnail-overlay {
    position: absolute !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.thumbnail-content {
    background: url('/assets/images/thumbnail-loader.gif') center 40px no-repeat rgba(255, 255, 255, .2);
    background-size: 41px 41px;
}
.thumbnail-image {
    z-index: +1;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    transition: all ease-in-out .2s;
    opacity: 0;
}
.thumbnail-format {
    position: absolute !important;
    z-index: +1;
    top: 10px;
    left: 10px;
}
.thumbnail-overlay {
    z-index: +2;
    background: rgba(0, 0, 0, .3);
    transition: opacity ease-in-out .1s;
    opacity: 0;
}
.thumbnail-overlay figure {
    position: absolute !important;
    top: -20px;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 44px;
    height: 44px;
    transition: all ease-in-out .3s;
    opacity: 0;
}
.thumbnail-overlay figure path {
    fill: #febaff;
}
/* hovers */
.thumbnail-holder:hover .thumbnail-image {
    top: -10%;
}
.thumbnail-holder:hover .thumbnail-overlay {
    opacity: 1;
}
.thumbnail-holder:hover .thumbnail-overlay figure {
    top: 0;
    opacity: 1;
}


/* STYLE - 01 (DEFAULT) */
.thumbnail-image.s01 {
    bottom: 44px;
}
.thumbnail-overlay.s01 figure {
    bottom: 44px;
}
.thumbnail-info-01 {
    position: absolute !important;
    z-index: +3;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 5px 10px;
    width: auto;
    height: 44px;
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 13px;
    color: #242424;
    text-align: left;
    background: #fcc450;
    overflow: hidden;
    transition: bottom 0.3s ease-in-out;
}
.thumbnail-info-01-stats {
    position: absolute !important;
    top: 8px;
    right: 30px;
    left: 32px;
    margin: auto;
    height: 13px;
    line-height: 13px;
}
.thumbnail-info-01-stats span {
    float: right;
}
.thumbnail-info-01-icons {
    position: absolute !important;
    top: 7px;
    right: 10px;
    left: 10px;
    margin: auto;
    height: 16px;
}
.thumbnail-info-01-icons figure {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
}
.thumbnail-info-01-icons figure path {
    fill: #242424;
}
.thumbnail-info-01-icons figure.r {
    right: 0;
    left: auto;
}
.thumbnail-info-01-text {
    position: absolute !important;
    right: 10px;
    bottom: 5px;
    left: 10px;
    min-height: 13px;
    line-height: 13px;
    white-space: nowrap;
    overflow: hidden;
}


/* STYLE - 02 (MORE INFO) */
.thumbnail-image.s02 {
    bottom: 44px;
}
.thumbnail-overlay.s02 figure {
    bottom: 44px;
}
.thumbnail-info-02 {
    position: absolute !important;
    z-index: +3;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 5px 7px;
    min-height: 44px;
    font-family: 'Roboto Condensed', sans-serif !important;
    color: #242424;
    text-align: left;
    background: #fcc450;
    border: 1px solid #fcc450;
    border-top: 0;
    transition: bottom 0.3s ease-in-out;
}
.thumbnail-info-02-title {
    margin-bottom: 5px;
    min-height: 13px;
    line-height: 13px;
    font-size: 13px;
}
.thumbnail-info-02-data {
    position: absolute !important;
    right: 5px;
    bottom: 5px;
    line-height: 12px;
    font-size: 12px;
    color: #242424;
}
.thumbnail-info-02-data span {
    margin: auto 5px auto 15px;
}
.thumbnail-info-02-data figure {
    position: absolute !important;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 12px;
    height: 12px;
}
.thumbnail-info-02-data figure path {
    fill: #242424;
}

.thumbnail-info-02-stars {
    color: #242424;
}
.thumbnail-info-02-stars figure {
    margin-right: 2px;
    width: 14px;
    height: 14px;
}
.thumbnail-info-02-stars figure path {
    fill: #242424;
}
.thumbnail-info-02-stars figure.off {
    opacity: .2;
}


/* STYLE - 03 (MEGA STARS) */
.thumbnail-image.s03 {
    bottom: 30px;
}
.thumbnail-overlay.s03 figure {
    bottom: 30px;
}
.thumbnail-info-03 {
    position: absolute !important;
    z-index: +3;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    height: 30px;
    font-family: 'Roboto Condensed', sans-serif !important;
    color: #242424;
    text-align: center;
    background: #fcc450;
    overflow: hidden;
    transition: bottom 0.3s ease-in-out;
}
.thumbnail-info-03-caption {
    position: absolute !important;
    z-index: +3;
    right: 0;
    bottom: 30px;
    left: 0;
    padding: 5px 10px;
    min-height: 13px;
    line-height: 13px;
    font-size: 13px;
    color: #242424;
    background: rgba(0, 0, 0, .6);
}
.thumbnail-info-03-stars {
    position: absolute !important;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 20px;
    text-align: center;
}
.thumbnail-info-03-stars figure {
    margin: 0 2px;
    width: 20px;
    height: 20px;
}
.thumbnail-info-03-stars figure path {
    fill: #242424;
}
.thumbnail-info-03-stars figure.off {
    opacity: .2;
}


/* STYLE - 04 (NO BARS) */
.thumbnail-image.s04 {
    bottom: 0;
}
.thumbnail-overlay.s04 figure {
    bottom: 0;
}
.thumbnail-overlay.s04 figure path {
    fill: #febaff;
}
.thumbnail-info-04 {
    position: absolute !important;
    z-index: +3;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    font-family: 'Roboto Condensed', sans-serif !important;
    color: #242424;
    text-align: center;
    overflow: hidden;
    transition: bottom 0.3s ease-in-out;
}
.thumbnail-info-04-caption,
.thumbnail-info-04-time,
.thumbnail-info-04-date {
    position: absolute !important;
    z-index: +3;
    right: 10px;
    bottom: 10px;
    left: 10px;
    padding: 5px 10px;
    min-height: 13px;
    line-height: 13px;
    font-size: 13px;
    color: #e753ff;
    background: rgba(0, 0, 0, .6);
}
.thumbnail-info-04-time,
.thumbnail-info-04-date {
    top: 10px;
    right: auto;
    bottom: auto;
    left: 10px;
}
.thumbnail-info-04-time {
    top: 40px;
}
.thumbnail-info-04-time span,
.thumbnail-info-04-date span {
    margin-left: 27px;
    height: 16px;
    line-height: 16px;
}
.thumbnail-info-04-time figure,
.thumbnail-info-04-date figure {
    position: absolute !important;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 16px;
    height: 16px;
}
.thumbnail-info-04-time figure path,
.thumbnail-info-04-date figure path {
    fill: #e753ff;
}

.thumbnail-info-04-stars {
    position: absolute !important;
    top: 10px;
    right: 10px;
    margin: auto;
    width: 40px;
    height: 40px;
    text-align: center;
    background: rgba(0, 0, 0, .6);
}
.thumbnail-info-04-stars figure {
    position: absolute !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 26px;
    height: 26px;

}
.thumbnail-info-04-stars figure path {
    fill: #e753ff;
}
.thumbnail-info-04-stars figure.off {
    opacity: .4;
}
.thumbnail-info-04-stars span {
    display: block;
    position: absolute !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    height: 14px;
    line-height: 17px;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
}


/* STYLE - 05 (NO CAPTION) */
.thumbnail-image.s05 {
    bottom: 0;
}
.thumbnail-overlay.s05 figure {
    bottom: 0;
}
.thumbnail-overlay.s05 figure path {
    fill: #febaff;
}
.thumbnail-info-05 {
    position: absolute !important;
    z-index: +3;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    font-family: 'Roboto Condensed', sans-serif !important;
    color: #e753ff;
    text-align: center;
    overflow: hidden;
    transition: bottom 0.3s ease-in-out;
}
.thumbnail-info-05-time,
.thumbnail-info-05-date {
    position: absolute !important;
    z-index: +3;
    right: 10px;
    bottom: 10px;
    left: 10px;
    padding: 5px 10px;
    font-size: 13px;
    color: #e753ff;
    background: rgba(0, 0, 0, .6);
}
.thumbnail-info-05-time {
    right: auto;
    bottom: 10px;
    left: 10px;
}
.thumbnail-info-05-date {
    right: 10px;
    bottom: 10px;
    left: auto;
}
.thumbnail-info-05-time span,
.thumbnail-info-05-date span {
    margin-left: 27px;
    height: 20px;
    line-height: 20px;
}
.thumbnail-info-05-time figure,
.thumbnail-info-05-date figure {
    position: absolute !important;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 20px;
    height: 20px;
}
.thumbnail-info-05-time figure path,
.thumbnail-info-05-date figure path {
    fill: #e753ff;
}

.thumbnail-info-05-stars {
    position: absolute !important;
    top: 10px;
    left: 10px;
    margin: auto;
    padding: 4px 5px;
    width: 24px;
    text-align: center;
    background: rgba(0, 0, 0, .5);
}
.thumbnail-info-05-stars figure {
    margin-bottom: 5px;
    width: 14px;
    height: 14px;
}
.thumbnail-info-05-stars figure path {
    fill: #e753ff;
}
.thumbnail-info-05-stars figure.off {
    opacity: .4;
}


/*!* CSS ТУМБОЧКИ *!*/
/*.thumbnails {*/
/*    margin: 0 -15px;*/
/*    text-align: center;*/
/*}*/

/*!* Thumbnail Containers *!*/
/*.thumbnail-holder {*/
/*    display: inline-block;*/
/*    position: relative;*/
/*    margin: 0 15px 30px 15px;*/
/*    height: auto;*/
/*    overflow: hidden;*/
/*}*/

/*.thumbnail-holder {*/
/*    width: calc(16.666666666% - 30px);*/
/*}*/
/*.thumbnail-holder.l {*/
/*    width: calc(25% - 30px);*/
/*}*/
/*.thumbnail-holder.half {*/
/*    width: calc(50% - 30px);*/
/*}*/
/*.thumbnail-holder:after {*/
/*    content: '';*/
/*    display: block;*/
/*    padding-top: 75%;*/
/*}*/
/*.thumbnail-holder.p:after {*/
/*    content: '';*/
/*    display: block;*/
/*    padding-top: 140%;*/
/*}*/
/*@media (max-width: 1399px) {*/
/*    .thumbnail-holder {*/
/*        width: calc(25.3333333333% - 30px);*/
/*    }*/
/*    .thumbnail-holder.l:nth-last-child(2),*/
/*    .thumbnail-holder.l:nth-last-child(1) {*/
/*        !*display: none;*!*/
/*    }*/
/*    .thumbnail-holder.portrait.model:nth-last-child(2),*/
/*    .thumbnail-holder.portrait.model:nth-last-child(1) {*/
/*        !*display: none;*!*/
/*    }*/
/*}*/
/*@media (max-width: 991px) {*/
/*    .thumbnail-holder {*/
/*        width: calc(50% - 30px);*/
/*    }*/
/*}*/
/*@media (max-width: 768px) {*/
/*    .thumbnails {*/
/*        margin: 0 -5px;*/
/*    }*/
/*    .thumbnail-holder {*/
/*        margin: 5px;*/
/*    }*/
/*    .thumbnail-holder {*/
/*        width: calc(50% - 10px);*/
/*    }*/
/*}*/
/*@media (max-width: 576px) {*/
/*    .thumbnail-holder {*/
/*        width: calc(100% - 10px);*/
/*    }*/
/*    .thumbnail-holder.p {*/
/*        width: calc(50% - 10px);*/
/*    }*/
/*}*/

/*!* landscape *!*/
/*.thumbnail-holder.landscape {*/
/*    width: calc(25% - 20px);*/
/*}*/
/*.thumbnail-holder.landscape:after {*/
/*    content: '';*/
/*    display: block;*/
/*    padding-top: 75%;*/
/*}*/
/*.thumbnail-holder.landscape.half {*/
/*    width: calc(50% - 20px);*/
/*}*/
/*!* portrait *!*/
/*.thumbnail-holder.portrait {*/
/*    width: calc(16.6666666666% - 20px);*/
/*}*/
/*.thumbnail-holder.portrait:after {*/
/*    content: '';*/
/*    display: block;*/
/*    padding-top: 160%;*/
/*}*/
/*.thumbnail-holder.portrait.model {*/
/*    width: calc(25% - 20px);*/
/*}*/
/*@media (max-width: 1399px) {*/
/*    !* landscape *!*/
/*    .thumbnail-holder.landscape {*/
/*        width: calc(33.3333333333% - 30px);*/
/*    }*/
/*    .thumbnail-holder.landscape:nth-last-child(2),*/
/*    .thumbnail-holder.landscape:nth-last-child(1) {*/
/*        !*display: none;*!*/
/*    }*/
/*    !* portrait *!*/
/*    .thumbnail-holder.portrait {*/
/*        width: calc(25% - 30px);*/
/*    }*/
/*    .thumbnail-holder.portrait.model {*/
/*        width: calc(33.3333333333% - 30px);*/
/*    }*/
/*    .thumbnail-holder.portrait.model:nth-last-child(2),*/
/*    .thumbnail-holder.portrait.model:nth-last-child(1) {*/
/*        !*display: none;*!*/
/*    }*/
/*}*/
/*@media (max-width: 1200px) {*/

/*}*/
/*@media (max-width: 991px) {*/
/*    !* landscape *!*/
/*    .thumbnail-holder.landscape {*/
/*        width: calc(50% - 30px);*/
/*    }*/
/*    !* portrait *!*/
/*    .thumbnail-holder.portrait {*/
/*        width: calc(33.3333333333% - 30px);*/
/*    }*/
/*    .thumbnail-holder.portrait.model {*/
/*        width: calc(50% - 30px);*/
/*    }*/
/*}*/
/*@media (max-width: 768px) {*/
/*    .thumbnails {*/
/*        margin: 0 -5px;*/
/*    }*/
/*    .thumbnail-holder {*/
/*        margin: 5px;*/
/*    }*/
/*    !* landscape *!*/
/*    .thumbnail-holder.landscape {*/
/*        width: calc(50% - 10px);*/
/*    }*/
/*    !* portrait *!*/
/*    .thumbnail-holder.portrait {*/
/*        width: calc(33.3333333333% - 10px);*/
/*    }*/
/*}*/
/*@media (max-width: 576px) {*/
/*    .thumbnail-holder.landscape,*/
/*    .thumbnail-holder.landscape.half,*/
/*    .thumbnail-holder.portrait.model {*/
/*        width: calc(100% - 10px);*/
/*    }*/
/*    .thumbnail-holder.portrait {*/
/*        width: calc(50% - 10px);*/
/*    }*/
/*}*/

/*.thumbnail-content,*/
/*.thumbnail-image,*/
/*.thumbnail-overlay {*/
/*    position: absolute !important;*/
/*    top: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*}*/
/*.thumbnail-content {*/
/*    background: url('/assets/images/thumbnail-loader.gif') center 40px no-repeat rgba(255, 255, 255, .2);*/
/*    background-size: 41px 41px;*/
/*}*/
/*.thumbnail-image {*/
/*    z-index: +1;*/
/*    background-repeat: no-repeat;*/
/*    background-position: center center;*/
/*    background-size: cover;*/
/*    transition: all ease-in-out .2s;*/
/*    opacity: 0;*/
/*}*/
/*.thumbnail-format {*/
/*    position: absolute;*/
/*    z-index: +1;*/
/*    top: 10px;*/
/*    left: 10px;*/
/*}*/
/*.thumbnail-overlay {*/
/*    z-index: +2;*/
/*    background: rgba(0, 0, 0, .3);*/
/*    transition: opacity ease-in-out .1s;*/
/*    opacity: 0;*/
/*}*/
/*.thumbnail-overlay figure {*/
/*    position: absolute;*/
/*    top: -20px;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    margin: auto;*/
/*    width: 44px;*/
/*    height: 44px;*/
/*    transition: all ease-in-out .3s;*/
/*    opacity: 0;*/
/*}*/
/*.thumbnail-overlay figure path {*/
/*    fill: #f89400;*/
/*}*/
/*!* hovers *!*/
/*.thumbnail-holder:hover .thumbnail-image {*/
/*    top: -10%;*/
/*}*/
/*.thumbnail-holder:hover .thumbnail-overlay {*/
/*    opacity: 1;*/
/*}*/
/*.thumbnail-holder:hover .thumbnail-overlay figure {*/
/*    top: 0;*/
/*    opacity: 1;*/
/*}*/


/*!* STYLE - 01 (DEFAULT) *!*/
/*.thumbnail-image.s01 {*/
/*    bottom: 44px;*/
/*}*/
/*.thumbnail-overlay.s01 figure {*/
/*    bottom: 44px;*/
/*}*/
/*.thumbnail-info-01 {*/
/*    position: absolute !important;*/
/*    z-index: +3;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    padding: 5px 10px;*/
/*    width: auto;*/
/*    height: 44px;*/
/*    font-size: 13px;*/
/*    color: #242424;*/
/*    text-align: left;*/
/*    background: #f89400;*/
/*    overflow: hidden;*/
/*    transition: bottom 0.3s ease-in-out;*/
/*}*/
/*.thumbnail-info-01-stats {*/
/*    position: absolute;*/
/*    top: 8px;*/
/*    right: 30px;*/
/*    left: 32px;*/
/*    margin: auto;*/
/*    height: 13px;*/
/*    line-height: 13px;*/
/*}*/
/*.thumbnail-info-01-stats span {*/
/*    float: right;*/
/*}*/
/*.thumbnail-info-01-icons {*/
/*    position: absolute;*/
/*    top: 7px;*/
/*    right: 10px;*/
/*    left: 10px;*/
/*    margin: auto;*/
/*    height: 16px;*/
/*}*/
/*.thumbnail-info-01-icons figure {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 16px;*/
/*    height: 16px;*/
/*}*/
/*.thumbnail-info-01-icons figure path {*/
/*    fill: #242424;*/
/*}*/
/*.thumbnail-info-01-icons figure.r {*/
/*    right: 0;*/
/*    left: auto;*/
/*}*/
/*.thumbnail-info-01-text {*/
/*    position: absolute;*/
/*    right: 10px;*/
/*    bottom: 5px;*/
/*    left: 10px;*/
/*    white-space: nowrap;*/
/*    overflow: hidden;*/
/*}*/


/*!* STYLE - 02 (MORE INFO) *!*/
/*.thumbnail-image.s02 {*/
/*    bottom: 44px;*/
/*}*/
/*.thumbnail-overlay.s02 figure {*/
/*    bottom: 44px;*/
/*}*/
/*.thumbnail-info-02 {*/
/*    position: absolute !important;*/
/*    z-index: +3;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    padding: 5px 7px;*/
/*    min-height: 44px;*/
/*    color: #242424;*/
/*    text-align: left;*/
/*    background: #f89400;*/
/*    border: 1px solid #f89400;*/
/*    border-top: 0;*/
/*    transition: bottom 0.3s ease-in-out;*/
/*}*/
/*.thumbnail-info-02-title {*/
/*    margin-bottom: 5px;*/
/*    line-height: 13px;*/
/*    font-size: 13px;*/
/*}*/
/*.thumbnail-info-02-data {*/
/*    position: absolute;*/
/*    right: 5px;*/
/*    bottom: 5px;*/
/*    line-height: 12px;*/
/*    font-size: 12px;*/
/*    color: rgba(36, 36, 36, .8);*/
/*}*/
/*.thumbnail-info-02-data span {*/
/*    margin: auto 5px auto 15px;*/
/*}*/
/*.thumbnail-info-02-data figure {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    margin: auto;*/
/*    width: 12px;*/
/*    height: 12px;*/
/*}*/
/*.thumbnail-info-02-data figure path {*/
/*    fill: #242424;*/
/*}*/

/*.thumbnail-info-02-stars {*/
/*    !*float: right;*!*/
/*    color: #242424;*/
/*}*/
/*.thumbnail-info-02-stars figure {*/
/*    margin-right: 2px;*/
/*    width: 14px;*/
/*    height: 14px;*/
/*}*/
/*.thumbnail-info-02-stars figure path {*/
/*    fill: #242424;*/
/*}*/
/*.thumbnail-info-02-stars figure.off {*/
/*    opacity: .2;*/
/*}*/


/*!* STYLE - 03 (MEGA STARS) *!*/
/*.thumbnail-image.s03 {*/
/*    bottom: 30px;*/
/*}*/
/*.thumbnail-overlay.s03 figure {*/
/*    bottom: 30px;*/
/*}*/
/*.thumbnail-info-03 {*/
/*    position: absolute !important;*/
/*    z-index: +3;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    width: auto;*/
/*    height: 30px;*/
/*    color: #242424;*/
/*    text-align: center;*/
/*    background: #f89400;*/
/*    overflow: hidden;*/
/*    transition: bottom 0.3s ease-in-out;*/
/*}*/
/*.thumbnail-info-03-caption {*/
/*    position: absolute;*/
/*    z-index: +3;*/
/*    right: 0;*/
/*    bottom: 30px;*/
/*    left: 0;*/
/*    padding: 5px 10px;*/
/*    font-size: 13px;*/
/*    color: #f89400;*/
/*    background: rgba(0, 0, 0, .5);*/
/*}*/
/*.thumbnail-info-03-stars {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    margin: auto;*/
/*    width: 100%;*/
/*    height: 20px;*/
/*    text-align: center;*/
/*}*/
/*.thumbnail-info-03-stars figure {*/
/*    margin: 0 2px;*/
/*    width: 20px;*/
/*    height: 20px;*/
/*}*/
/*.thumbnail-info-03-stars figure path {*/
/*    fill: #242424;*/
/*}*/
/*.thumbnail-info-03-stars figure.off {*/
/*    opacity: .2;*/
/*}*/


/*!* STYLE - 04 (NO BARS) *!*/
/*.thumbnail-image.s04 {*/
/*    bottom: 0;*/
/*}*/
/*.thumbnail-overlay.s04 figure {*/
/*    bottom: 0;*/
/*}*/
/*.thumbnail-info-04 {*/
/*    position: absolute !important;*/
/*    z-index: +3;*/
/*    top: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    width: auto;*/
/*    color: #242424;*/
/*    text-align: center;*/
/*    overflow: hidden;*/
/*    transition: bottom 0.3s ease-in-out;*/
/*}*/
/*.thumbnail-info-04-caption,*/
/*.thumbnail-info-04-time,*/
/*.thumbnail-info-04-date {*/
/*    position: absolute;*/
/*    z-index: +3;*/
/*    right: 10px;*/
/*    bottom: 10px;*/
/*    left: 10px;*/
/*    padding: 5px 10px;*/
/*    font-size: 13px;*/
/*    color: #f89400;*/
/*    background: rgba(0, 0, 0, .5);*/
/*}*/
/*.thumbnail-info-04-time,*/
/*.thumbnail-info-04-date {*/
/*    top: 10px;*/
/*    right: auto;*/
/*    bottom: auto;*/
/*    left: 10px;*/
/*}*/
/*.thumbnail-info-04-time {*/
/*    top: 40px;*/
/*}*/
/*.thumbnail-info-04-time span,*/
/*.thumbnail-info-04-date span {*/
/*    margin-left: 27px;*/
/*    height: 16px;*/
/*    line-height: 16px;*/
/*}*/
/*.thumbnail-info-04-time figure,*/
/*.thumbnail-info-04-date figure {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    margin: auto;*/
/*    width: 16px;*/
/*    height: 16px;*/
/*}*/
/*.thumbnail-info-04-time figure path,*/
/*.thumbnail-info-04-date figure path {*/
/*    fill: #f89400;*/
/*}*/

/*.thumbnail-info-04-stars {*/
/*    position: absolute;*/
/*    top: 10px;*/
/*    right: 10px;*/
/*    margin: auto;*/
/*    width: 40px;*/
/*    height: 40px;*/
/*    text-align: center;*/
/*    background: rgba(0, 0, 0, .5);*/
/*}*/
/*.thumbnail-info-04-stars figure {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    margin: auto;*/
/*    width: 26px;*/
/*    height: 26px;*/

/*}*/
/*.thumbnail-info-04-stars figure path {*/
/*    fill: #f89400;*/
/*}*/
/*.thumbnail-info-04-stars figure.off {*/
/*    opacity: .4;*/
/*}*/
/*.thumbnail-info-04-stars span {*/
/*    display: block;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    margin: auto;*/
/*    height: 14px;*/
/*    line-height: 17px;*/
/*    font-size: 11px;*/
/*    font-weight: bold;*/
/*    text-align: center;*/
/*}*/


/*!* STYLE - 04 (NO CAPTION) *!*/
/*.thumbnail-image.s05 {*/
/*    bottom: 0;*/
/*}*/
/*.thumbnail-overlay.s05 figure {*/
/*    bottom: 0;*/
/*}*/
/*.thumbnail-info-05 {*/
/*    position: absolute !important;*/
/*    z-index: +3;*/
/*    top: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    width: auto;*/
/*    color: #242424;*/
/*    text-align: center;*/
/*    overflow: hidden;*/
/*    transition: bottom 0.3s ease-in-out;*/
/*}*/
/*.thumbnail-info-05-time,*/
/*.thumbnail-info-05-date {*/
/*    position: absolute;*/
/*    z-index: +3;*/
/*    right: 10px;*/
/*    bottom: 10px;*/
/*    left: 10px;*/
/*    padding: 5px 10px;*/
/*    font-size: 13px;*/
/*    color: #f89400;*/
/*    background: rgba(0, 0, 0, .5);*/
/*}*/
/*.thumbnail-info-05-time {*/
/*    right: auto;*/
/*    bottom: 10px;*/
/*    left: 10px;*/
/*}*/
/*.thumbnail-info-05-date {*/
/*    right: 10px;*/
/*    bottom: 10px;*/
/*    left: auto;*/
/*}*/
/*.thumbnail-info-05-time span,*/
/*.thumbnail-info-05-date span {*/
/*    margin-left: 27px;*/
/*    height: 20px;*/
/*    line-height: 20px;*/
/*}*/
/*.thumbnail-info-05-time figure,*/
/*.thumbnail-info-05-date figure {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    margin: auto;*/
/*    width: 20px;*/
/*    height: 20px;*/
/*}*/
/*.thumbnail-info-05-time figure path,*/
/*.thumbnail-info-05-date figure path {*/
/*    fill: #f89400;*/
/*}*/

/*.thumbnail-info-05-stars {*/
/*    position: absolute;*/
/*    top: 10px;*/
/*    left: 10px;*/
/*    margin: auto;*/
/*    padding: 4px 5px;*/
/*    width: 24px;*/
/*    text-align: center;*/
/*    background: rgba(0, 0, 0, .5);*/
/*}*/
/*.thumbnail-info-05-stars figure {*/
/*    margin-bottom: 5px;*/
/*    width: 14px;*/
/*    height: 14px;*/
/*}*/
/*.thumbnail-info-05-stars figure path {*/
/*    fill: #f89400;*/
/*}*/
/*.thumbnail-info-05-stars figure.off {*/
/*    opacity: .4;*/
/*}*/