var useIframe = false; var webSiteRootURL = 'https://flixhouse.com/'; var my_users_id = 0; var my_identification = "Unknown User"; var mediaId = 0; var player; #lds-642410b081e3eavideoLoader-wrapper { position: fixed; left: 0 !important; width: 100% !important; height: 100% !important; z-index: 1000; margin: 0 !important; } #lds-642410b081e3eavideoLoader { display: block; position: relative; left: 50%; top: 50%; width: 150px; height: 150px; margin: -175px 0 0 -75px; border-radius: 50%; border: 3px solid transparent; border-top-color: #3498db; -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ z-index: 1001; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #lds-642410b081e3eavideoLoader:before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 3px solid transparent; border-top-color: #e74c3c; -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ } #lds-642410b081e3eavideoLoader:after { content: ""; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border-radius: 50%; border: 3px solid transparent; border-top-color: #f9c922; -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(0deg); /* IE 9 */ transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */ } 100% { -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(360deg); /* IE 9 */ transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */ } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(0deg); /* IE 9 */ transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */ } 100% { -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(360deg); /* IE 9 */ transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */ } } #lds-642410b081e3eavideoLoader-wrapper .lds-642410b081e3eavideoLoader-section { position: fixed; top: 0; width: 50%; height: 100%; background: #00000077; z-index: 1000; -webkit-transform: translateX(0); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: translateX(0); /* IE 9 */ transform: translateX(0); /* Firefox 16+, IE 10+, Opera */ } #lds-642410b081e3eavideoLoader-wrapper .lds-642410b081e3eavideoLoader-section.section-left { left: 0; } #lds-642410b081e3eavideoLoader-wrapper .lds-642410b081e3eavideoLoader-section.section-right { right: 0; } #lds-642410b081e3eavideoLoader-wrapper .lds-642410b081e3eavideoLoader-section.section-left { -webkit-transform: translateX(0); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: translateX(0); /* IE 9 */ transform: translateX(0); /* Firefox 16+, IE 10+, Opera */ -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); } #lds-642410b081e3eavideoLoader-wrapper .lds-642410b081e3eavideoLoader-section.section-right { -webkit-transform: translateX(0); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: translateX(0); /* IE 9 */ transform: translateX(0); /* Firefox 16+, IE 10+, Opera */ -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); } /* Loaded */ .loaded #lds-642410b081e3eavideoLoader-wrapper .lds-642410b081e3eavideoLoader-section.section-left { -webkit-transform: translateX(-100%); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: translateX(-100%); /* IE 9 */ transform: translateX(-100%); /* Firefox 16+, IE 10+, Opera */ } .loaded #lds-642410b081e3eavideoLoader-wrapper .lds-642410b081e3eavideoLoader-section.section-right { -webkit-transform: translateX(100%); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: translateX(100%); /* IE 9 */ transform: translateX(100%); /* Firefox 16+, IE 10+, Opera */ } .loaded #lds-642410b081e3eavideoLoader { opacity: 0; } .loaded #lds-642410b081e3eavideoLoader-wrapper { visibility: hidden; -webkit-transform: translateY(-100%); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: translateY(-100%); /* IE 9 */ transform: translateY(-100%); /* Firefox 16+, IE 10+, Opera */ -webkit-transition: all 0.3s 1s ease-out; transition: all 0.3s 1s ease-out; } .epgProgress.progress-bar-primary{opacity: 0.5;}.epgProgress:hover{opacity: 1.0;}.epgProgressText{border-right: 1px solid #FFF; height:100%;} .categoryItem .categoryName { position: absolute; clear: both; overflow: hidden; bottom: 0; left: 0; padding: 10px 10px 10px calc( 20% + 20px); width: 100%; color: #fff; background-image: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,1)); } .categoryItem .panel-default{ position: relative; } .categoryItem img{ max-width: 20%; position: absolute; bottom: 10px; left: 10px; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .categoryItem:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .categoryItem>div{ background-size: cover; box-shadow: 0 1px 2px rgba(0,0,0,0.15); transition: box-shadow 0.3s ease-in-out; } .categoryItem:hover>div{ -webkit-animation: zoomin 0.3s linear; animation: zoomin 0.3s linear; animation-fill-mode: forwards; box-shadow: 0 5px 15px rgba(0,0,0,0.3); } @-webkit-keyframes zoomin { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1.05); transform: scale(1.05); } } .categoryItem45>div{ background-image: url(https://flixhouse.com/videos/v_230312220524_v17ca/v_230312220524_v17ca.jpg?cache=16786842361678684236); } .categoryItem29>div{ background-image: url(https://flixhouse.com/videos/video_230214220651_vf8e9/video_230214220651_vf8e9.jpg?cache=16765012711676501271); } .categoryItem29 img{ display: none; } .categoryItem29 .categoryName { padding-left: 10px ; } .categoryItem33>div{ background-image: url(https://flixhouse.com/videos/video_230213232632_vae26/video_230213232632_vae26.jpg?cache=16764031991676403199); } .categoryItem20>div{ background-image: url(https://flixhouse.com/videos/video_230215105837_vc4c5/video_230215105837_vc4c5.jpg?cache=16765099411676509941); } .categoryItem24>div{ background-image: url(https://flixhouse.com/videos/video_230214220632_va1f6/video_230214220632_va1f6.jpg?cache=16765005411676500541); } .categoryItem24 img{ display: none; } .categoryItem24 .categoryName { padding-left: 10px ; } .categoryItem27>div{ background-image: url(https://flixhouse.com/videos/video_230301161824_vfb4e/video_230301161824_vfb4e.jpg?cache=16777258281677725828); } .categoryItem44>div{ background-image: url(https://flixhouse.com/videos/video_230215105154_v61c5/video_230215105154_v61c5.jpg?cache=16765081091676508109); } .categoryItem26>div{ background-image: url(https://flixhouse.com/videos/video_230216131639_vf05d/video_230216131639_vf05d.jpg?cache=16766646631676664663); } .categoryItem28>div{ background-image: url(https://flixhouse.com/videos/video_210524205255_29b0/video_210524205255_29b0.jpg?cache=16224269721676290677); } .categoryItem22>div{ background-image: url(https://flixhouse.com/videos/video_220515161119_vb31a/video_220515161119_vb31a.jpg?cache=16528104521676290677); } .categoryItem32>div{ background-image: url(https://flixhouse.com/videos/video_221207122219_v891a/video_221207122219_v891a.jpg?cache=16704730291676290679); } .categoryItem31>div{ background-image: url(https://flixhouse.com/videos/video_220418201812_v0c36/video_220418201812_v0c36.jpg?cache=16506525251676290677); } .categoryItem36>div{ background-image: url(https://flixhouse.com/videos/serie_playlists_63efdb8ec138d/serie_playlists_63efdb8ec138d.jpg?cache=16766642281676664228); } .categoryItem34>div{ background-image: url(https://flixhouse.com/videos/video_230215161745_v1bb9/video_230215161745_v1bb9.jpg?cache=16765736911676573691); } .categoryItem23>div{ background-image: url(https://flixhouse.com/videos/video_230207112222_vee04/video_230207112222_vee04.jpg?cache=16758322891676290670); }