/*reelsHP**/
/*reelsHP**/

.reelsHP.listingMain .LiteCarousel .liItems .imageCntnr {padding-bottom: 178%;}
.reelsHP .flickity-slider {margin:0 16px}
.reelsHP.listingMain .LiteCarousel{min-height:unset;    display: inline-block;
    float: right;
    width: 100%;}
/*.reelsHP .flickity-slider{margin-right:32px}*/
.reelsHP .flickity-button.previous{left:45px}
.reelsHP .flickity-button.next {left: 0;}
.reelsHP .flickity-button{width:40px;height:40px;background: #0277bd;border-radius:0;top:-50px}
.reelsHP .flickity-button:before{color:#fff;font-size:17px}
.reelsHP .flickity-button:hover { background: #1b92d9 }
.reelsHP .LiteCarousel .liItems {margin-left: 16px; width:214px;height: auto; position: relative;overflow: hidden; background: #fff; display: inline-block; float: right }
.reelsHP .LiteCarousel .liItems.gap { opacity: 0; height: 0; display: inline-block }
.reelsHP .LiteCarousel .liItems a { display: inline-block;float:right;width:100% }
.reelsHP .LiteCarousel .liItems .secName { padding: 2px 10px;   font-size: 13px; color: #fff; background: rgba(0,0,0,0.7); position: absolute; top: 0px; right: 0px; z-index: 1 }
.reelsHP .LiteCarousel .liItems .imageCntnr { position: relative; overflow: hidden; padding-bottom: 178%; display: inline-block; float: right; width: 100% }
.reelsHP .LiteCarousel .liItems a img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 0 auto; width: 100%; height: 100%; border: none; filter: brightness(100%) contrast(100%); -webkit-filter: brightness(100%) contrast(100%); -moz-filter: brightness(100%) contrast(100%); -o-filter: brightness(100%) contrast(100%); -ms-filter: brightness(100%) contrast(100%); transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; }
.reelsHP .LiteCarousel .liItems:hover img { filter: brightness(108%) contrast(108%); -webkit-filter: brightness(108%) contrast(108%); -moz-filter: brightness(108%) contrast(108%); -o-filter: brightness(108%) contrast(108%); -ms-filter: brightness(108%) contrast(108%) }
.reelsHP .LiteCarousel .liItems .desc { width: 100%; cursor: pointer; display: inline-block; float: right; padding: 10px }
.reelsHP .LiteCarousel .liItems .desc p { display: inline-block; float: right; width: 100%; color: #000; text-align: right; line-height: 1.8; font-size: 14px;   direction: rtl; height: 78px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.reelsHP .LiteCarousel .liItems:hover .desc p { color: #0277bd }
.reelsHP .LiteCarousel .liItems .desc p.date { display: none }
.reelsHP .LiteCarousel .liItems .desc .time { display: inline-block;   font-size: 12px; color: #555555; float: right; direction: rtl; width: 100%; margin-bottom: 2px; margin-top: 4px; }
.reelsHP .LiteCarousel .liItems .desc .icon-time:before { content: "x"; float: right; margin-left: 8px; font-size: 16px; line-height: 1.2; display: none }
.reelsHP .LiteCarousel .liItems .desc .time span { margin-left: 16px; position: relative; float: right; line-height: 1.6; }
.reelsHP .LiteCarousel .liItems .desc .time span:after { content: ""; position: absolute; left: -8px; top: 2px; width: 1px; height: 14px; background: #b9b9b9; }
.reelsHP .LiteCarousel .liItems .desc .time span:last-child:after { display: none }
.reelsHP .LiteCarousel .liItems.noStats { display: inline-block; width: 100%; float: right; min-height: 230px }
.reelsHP .LiteCarousel .liItems.noStats p { position: absolute; top: 50%; transform: translateY(-50%);   font-size: 14px; color: #000; width: 100%; text-align: center }
.reelsHP .more { display: inline-block; width: 100%; height: 28px; background: #0277bd; padding: 0 10px; text-align: left; color: #fff;   font-size: 13px; line-height: 2.3 }
.reelsHP .more:hover { background: #1b92d9 }
.reelsHP .more span { float: left; margin-right: 10px }
.reelsHP .more .icon-more:before { content: "h"; color: #fff; font-size: 14px; line-height: 2.2 }
.reelsHP .LiteCarousel .liItems .secName{padding: 0 0 0 10px; font-size: 13px;color: #fff;background: rgba(0,0,0,0.7);position: absolute;top: 0px;right: 0px;z-index: 1;height: 30px;line-height: 2.3;left: 0;width: 30px;height: 25px;overflow: hidden;padding: 0;right: auto;}
.reelsHP .LiteCarousel .liItems .secName .icon {background-color: #000;width: 30px;height: 25px;position: absolute;top: 0;margin-left: 0;right: 0;}
.reelsHP .LiteCarousel .liItems .secName .icon.icon-album:before{content: 'n';color: #fff;font-size: 13px;float: left;left: 50%;position: absolute;top: 50%;transform: translate(-50%,-50%);}
.reelsHP .LiteCarousel .liItems .secName .icon.icon-name:before{content: 'm';color: #fff;font-size: 8px;float: left;left: 50%;position: absolute;top: 50%;transform: translate(-50%,-50%);}