body{background-color:#f7f5f9}.video-list-header{background-attachment:fixed;background-position:center;background-size:cover;background-repeat:no-repeat;background-image:url('/Images/bg-prlx-big-2.jpg');color:#fff;text-align:center}.video-list-header>.layer{padding:50px;background-image:linear-gradient(141deg,rgba(104,134,255,.6) 0%,rgba(24,64,226,.6) 51%,rgba(2,45,217,.6) 75%);text-align:center}.video-list-header>.layer>.header{font-size:50px;line-height:50px;text-transform:uppercase;font-weight:bold;font-family:'Roboto Condensed',sans-serif}.video-list-header>.note{font-size:20px;font-family:'Roboto',sans-serif}.video-list{padding:2px;max-width:1000px;margin-left:auto;margin-right:auto;border:1px solid #ddd;background-color:#fff;margin-top:10px}.video-list>.album-name{border:1px solid #ddd;font-size:14px;font-weight:bold;color:#52627b;padding:5px 10px;margin:2px}.video-list>.item{width:25%;position:relative;float:left;padding:2px}.video-list>.item>.item-context{width:100%;cursor:pointer;border:1px solid #ddd}.video-list>.item>.item-context>.image{background-position:center;background-size:cover;background-repeat:no-repeat;height:150px;width:100%;padding-top:55px;position:relative}.video-list>.item>.item-context>.image>.layer{height:0;width:100%;background-color:rgba(0,0,0,.2);position:absolute;top:0;transition:all 500ms}.video-list>.item>.item-context>.image:hover .layer{height:100%;transition:all 500ms}.video-list>.item>.item-context>.image>.btn-play{height:40px;width:40px;border-radius:50%;padding:6px 15px;color:#fff;background-color:rgba(0,0,0,.5);margin-left:auto;margin-right:auto;font-size:20px;position:relative;z-index:1}.video-list>.item>.item-context:hover .btn-play{background-color:rgba(255,0,0,.7)}.video-list>.item>.item-context>.image>.btn-click{padding:6px 10px;display:none}.video-list>.item>.item-context>.image:hover .btn-click{display:block;background-color:rgba(161,161,161,.7)}.video-list>.item>.item-context>.item-title{position:absolute;bottom:0;font-size:14px;font-weight:500;clear:both;padding:10px;overflow-wrap:break-word;font-family:'Roboto',sans-serif;color:rgba(255,255,255,0)}.video-list>.item>.item-context:hover .item-title{color:#fff}@media(max-width:1200px){.video-list{padding:30px 0}}@media(max-width:991px){.video-list{padding:0;display:unset}}@media(max-width:767px){.video-list-header>.layer>.header{font-size:40px;line-height:35px}.video-list-header>.note{font-size:18px}.video-list>.item{padding:5px}.video-list>.item>.item-context{padding:5px}.video-list>.item-context>.details{height:80px}.video-list>.item-context>.details>.product-name{font-size:13px}.video-list>.item-context>.price{font-size:18px;padding:5px 0}}@media(max-width:600px){.video-list-header>.layer>.header{font-size:30px;line-height:30px}.video-list-header>.note{font-size:16px}.video-list>.item{padding:2px;width:50%}}@media(max-width:500px){.video-list-header>.layer>.header{font-size:20px;line-height:20px}.video-list-header>.note{font-size:13px}}@media(max-width:400px){}.btn-next-pre{background-color:transparent;color:#fff;height:100%;width:50%;border:none;outline:none;position:absolute;font-size:20px}.btn-next{top:0;right:0;text-align:right}.btn-pre{top:0;left:0;text-align:left}.btn-next:hover{background-image:linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,.5))}.btn-pre:hover{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0),rgba(0,0,0,0))}