:root { --swiper-mobile-bottom: 63px; --swiper-title-mobile-bottom: 20px; } .info_video_ajax .js-player-control.hidden { display: none !important; } .fluid_video_wrapper * { font-weight: 400; color: #fff; font-family: -apple-system, BlinkMacSystemFont, 'segoe ui', roboto, oxygen-sans, ubuntu, cantarell, 'helvetica neue', 'arial', sans-serif, 'apple color emoji', 'segoe ui emoji', 'segoe ui symbol' !important; } [class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .skip_button a span.skip_button_icon:before { background: url(icons/sprites.svg) no-repeat !important; background-position: -122px -57px !important; } .fluid_video_wrapper.fluid_player_layout_default .fluid_vr_container .fluid_vr_joystick_panel .fluid_vr_button { background: url(icons/sprites.svg) no-repeat !important; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_play:before, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_pause:before, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_skip_back:before, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_skip_forward:before, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_volume:before, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_mute:before, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_video_source:before, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_fullscreen:before, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_fullscreen_exit:before, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_playback_rate:before, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_download:before, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_theatre:before, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_subtitles:before, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_cardboard:before { background: url(icons/sprites.svg) no-repeat !important; } .add_icon_clickthrough:before { background: url(icons/sprites.svg) no-repeat !important; background-position: -162px -57px !important; } .source_button_icon { background: url(icons/sprites.svg) no-repeat !important; background-position: -164px -21px !important; } .fluid_video_source_list_item.source_selected .source_button_icon { opacity: 1 !important; } .subtitle_button_icon { background: url(icons/sprites.svg) no-repeat !important; background-position: -164px -21px !important; } .fluid_video_wrapper { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; } .player-wrap .hidden { display: none; } .player-wrap.play_vast.stop .fluid_html_on_pause { display: flex; } .player-wrap.pause_vast #vast_video_loading_my-video, .player-wrap.play_vast #vast_video_loading_my-video { display: none !important; } .player-wrap.stop .fluid_initial_play { display: inline-block !important; background-color: transparent !important; } .player-wrap.start .fluid_initial_play, #fluid_video_wrapper_my-video.vast_hidden .fluid_initial_play { background-color: rgba(0, 0, 0, .6) !important; } body.no-touch .player-wrap:not(.start) .fluid_initial_play_button, body.no-touch .player-wrap:not(.start) .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_play:before { background: url(icons/play-border.svg) no-repeat !important; background-position: center !important; background-size: 35px; } .fluid_initial_play_button, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_play:before { background: url(icons/play.svg) no-repeat !important; background-position: 0px 0px !important; } .player-wrap.ended:not(.start) .fluid_initial_play_button, .player-wrap.ended:not(.start) .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_play:before { background: url(icons/replay.svg) no-repeat !important; background-position: 0px 0px !important; } /* play */ .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_pause:before { background: url(icons/pause.svg) no-repeat !important; background-position: 0px 0px !important; } /* pause */ .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_volume:before { background: url(icons/sound.svg) no-repeat !important; background-position: 0px 0px !important; } /* volume */ .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_mute:before { background: url(icons/mute.svg) no-repeat !important; background-position: 0px 0px !important; } /* mute */ .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_video_source:before { background: url(icons/settings.svg) no-repeat !important; background-position: 0px 0px !important; left: 0 !important; } /* video source */ .first_player.is-fullscreen .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_fullscreen:before, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_fullscreen_exit:before { background: url(icons/collapse.svg) no-repeat !important; background-position: 0px 0px !important; } /* exit fullscreen mode*/ .player-wrap.iOS .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_fullscreen_exit:before, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_fullscreen:before { background: url(icons/full-screen.svg) no-repeat !important; background-position: 0px 0px !important; } /* fullscreen mode */ .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_play:before, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_pause:before, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_skip_back:before, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_skip_forward:before, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_volume:before, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_mute:before, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_video_source:before, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_fullscreen:before, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_fullscreen_exit:before, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_playback_rate:before, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_download:before, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_theatre:before, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_subtitles:before, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_cardboard:before { top: 0 !important; left: 0 !important; } .player-wrap.stop .fluid_initial_play .fluid_initial_play_button { border-color: transparent; margin: 0; border-width: 0; width: 24px; height: 24px; padding: 18px 18px 18px 26px; background-position: center !important; background-size: 35px !important; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button_video_source .fluid_video_sources_list { bottom: auto !important; top: 25px; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button_video_source .fluid_video_sources_list .small { font-size: 12px; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button_video_source { position: absolute !important; top: -243px; right: -10px; padding: 0 !important; } .player-holder.fullscreen .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button_video_source { position: fixed !important; top: 10px !important; right: 15px !important; } .player-holder.fullscreen .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button.fluid_button_fullscreen_exit { right: -5px !important; } .player-holder.fullscreen .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button.fluid_button_mute { left: -5px !important; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right { left: 20px !important; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_left { display: none !important; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_fluid_control_duration, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_control_volume_container, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button.fluid_button_volume, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button.fluid_button_mute, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button.fluid_button_fullscreen, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button.fluid_button_fullscreen_exit { top: -35px !important; } @media (max-width: 550px) { .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_fluid_control_duration, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_control_volume_container, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button.fluid_button_volume, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button.fluid_button_mute, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button.fluid_button_fullscreen, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button.fluid_button_fullscreen_exit { top: -27px !important; } } .kt-player.iOS .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .js-Fullscreen, .kt-player:not(.iOS) .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button.fluid_button_fullscreen:first-child, .kt-player:not(.iOS) .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button.fluid_button_fullscreen_exit:first-child { display: none !important; } .kt-player.vast_true .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_control_volume_container, body:not(.no-touch) .kt-player.vast_true .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_control_volume_container { display: none !important; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_fluid_control_duration { left: 32px !important; left: 25px !important; line-height: 24px !important; } .player-holder.fullscreen .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_fluid_control_duration { left: 30px !important; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_progress_container { top: 25px !important; } @media (max-width: 550px) { .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_progress_container { top: 31px !important; top: 28px !important; } } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button.fluid_button_fullscreen, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button.fluid_button_fullscreen_exit { right: -10px; } .swiper_releted-holder .swiper div.title-rel { display: flex; align-items: center; } .swiper_releted-holder .swiper div.title-rel .favourites_player { line-height: 0; margin: -10px -15px -10px -10px; font-size: 23px; } .mask_player { cursor: pointer; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .6); opacity: 0; overflow: hidden; visibility: hidden; visibility: visible; transition: visibility .3s, opacity .3s; display: flex; align-items: center; justify-content: space-around; } @media (max-width: 992px) { .mask_player { visibility: visible; transition: visibility .3s, opacity .3s, z-index .2s; } .play_video .mask_player{ z-index: 999; } } .mask_player svg { font-size: 31px; opacity: 0.8; } @media (max-width: 992px) { .mask_player svg { font-size: 22px; } } .mask_player .player-paused svg { font-size: 35px; opacity: 1; } .mask_player .player-paused, .mask_player .arrow-holder { position: relative; top: 2px; user-select: none; } body.no-touch .swiper_releted-holder, body.no-touch .player-wrap .text_mask, body.no-touch .mask_player .js-switch-videos, body .first_player:not(.is-fullscreen) .mask_player .js-switch-videos, body:not(.no-touch) .mask_player .js-rewind { display: none !important; } .player-wrap.stop.facke .fluid_html_on_pause, .player-wrap.stop .player-paused { opacity: 0 !important; } .player-wrap.stop.facke .player-paused { opacity: 1 !important; } .mask_player .arrow-holder .control-s { position: absolute; top: calc(100% + 5px); left: 50%; transform: translateX(-50%); } body.no-touch .mask_player .arrow-holder .control-s { text-shadow: -1px -1px 0 #333333, 1px -1px 0 #333333, -1px 1px 0 #333333, 1px 1px 0 #333333; } .mask_player .arrow-holder .control-s, .mask_player .arrow-holder .control-s .second { font-size: 13px; } .player-wrap.start .fluid_video_wrapper .fluid_controls_container{ opacity: 1; visibility: visible; transition: all 0s; } .fluid_controls_container.initial_controls_show.fade_out+.mask_player, .fluid_controls_container.fade_show+.mask_player, .player-wrap .mask_player.pause, .fluid_controls_container.fade_in+.mask_player { opacity: 1; visibility: visible; z-index: 0; } .kt-player.player-wrap.stop.ended:not(.show) .fluid_video_wrapper .mask_player, .kt-player.player-wrap.stop.ended:not(.show) .fluid_video_wrapper .fluid_controls_container, .kt-player.player-wrap.stop.ended:not(.show) .fluid_video_wrapper .fluid_html_on_pause, .kt-player.ended:not(.show) .fluid_controls_container.initial_controls_show.fade_out+.mask_player, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container.fade_show { opacity: 1 !important; visibility: visible !important; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_progress_container .fluid_controls_progress .fluid_controls_currentprogress { background-color: #990000 !important; } .first_player.is-waiting .fluid_video_wrapper .vast_video_loading { display: table !important; } #fluid_video_wrapper_my-video.vast_hidden_mute .fluid_button_volume, .player-wrap.loading #my-video_fluid_control_video_source, .player-wrap.loading #my-video_fluid_initial_play_button, .player-wrap.loading #fluid_video_wrapper_my-video:not(.vast_hidden) #my-video_fluid_controls_container, #fluid_video_wrapper_my-video.vast_load .fluid_initial_play, .player-wrap:not(.stop, .vast_true) #fluid_video_wrapper_my-video.vast_hidden .fluid_html_on_pause, #fluid_video_wrapper_my-video.vast_load .fluid_html_on_pause, #fluid_video_wrapper_my-video.vast_hidden .fluid_pseudo_poster, #fluid_video_wrapper_my-video.vast_load .fluid_pseudo_poster, #fluid_video_wrapper_my-video.vast_hidden .mask_player, #fluid_video_wrapper_my-video.vast_hidden .fluid_pseudo_poster, #fluid_video_wrapper_my-video.vast_hidden #my-video_fluid_control_duration, #fluid_video_wrapper_my-video.vast_hidden #my-video_fluid_control_fullscreen, #fluid_video_wrapper_my-video.vast_hidden .js-Fullscreen, #fluid_video_wrapper_my-video.vast_hidden .open_related, #fluid_video_wrapper_my-video.vast_hidden .player-menu-btn, #fluid_video_wrapper_my-video.vast_hidden #my-video_fluid_controls_progress_container, #fluid_video_wrapper_my-video.vast_hidden .menu-back, #fluid_video_wrapper_my-video.vast_hidden #my-video_fluid_control_video_source { display: none !important; } #fluid_video_wrapper_my-video.vast_hidden .fade_out { opacity: 1 !important; visibility: visible !important; } .player-wrap.loading.play_video.stop #my-video_fluid_initial_play_button, .player-wrap:not(.play_vast, .pause_vast) #fluid_video_wrapper_my-video.vast_load .vast_video_loading { display: table !important; position: absolute; } .player-wrap { overflow: hidden; overflow: visible; } .icon { display: inline-block; width: 1em; height: 1em; stroke-width: 0; stroke: currentColor; fill: currentColor; } .player-wrap.load_quality .vast_video_loading { display: table !important; } .player-wrap.load_quality #my-video, .player-wrap.load_quality .fluid_initial_play_button, .player-wrap.load_quality .mask_player { opacity: 0 !important; } .fluid_video_wrapper video { width: 100% !important; height: 100% !important; transition: transform .1s; } .player-holder { position: relative; } .player-holder .js-mask-double_click { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; overflow: hidden; } .vast_true:not(.start) #fluid_video_wrapper_my-video .mask_player svg, .vast_true:not(.start) #fluid_video_wrapper_my-video .mask_player svg use, .vast_true:not(.start) #fluid_video_wrapper_my-video .fluid_html_on_pause, .vast_true:not(.start) #fluid_video_wrapper_my-video .mask_player, .vast_true.pause_vast .fluid_initial_play .fluid_initial_play_button, .vast_true .js-mask-double_click, .no-touch .player-holder .js-mask-double_click, .player-holder .player-wrap.stop:not(.hidden_control) .js-mask-double_click, .player-holder .player-wrap.start .js-mask-double_click { display: none !important; } .player-holder .player-wrap.stop.VideoRewindDouble .js-mask-double_click { display: block; } .player-holder .js-mask-double_click:after { content: ''; bottom: 0; left: 0; right: 0; width: 100%; height: 35px; opacity: 0; position: absolute; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%); } .player-holder .VideoRewindDouble .js-mask-double_click:after { opacity: 1; } .left-arrows { display: flex; flex-direction: row-reverse; } .right-arrows { display: flex; } .js-mask-double_click i { animation: move .8s infinite; opacity: 0; display: inline-block; width: 0; height: 0; margin-left: 5px; vertical-align: middle; border-top: 16px dashed; border-top: 16px solid #fff; border-right: 8px solid transparent; border-left: 8px solid transparent; transform: rotate(90deg); } .js-mask-double_click i:nth-child(2) { animation-delay: .1s; } .js-mask-double_click i:nth-child(3) { animation-delay: .2s; } @keyframes move { from { opacity: 1; } } .right-arrows i { transform: rotate(-90deg); } .left-mob { position: absolute; background: #fff; top: 0; bottom: 0; left: -20%; right: 50%; width: 50%; border-radius: 0 50% 50% 0; opacity: .7; transition: opacity .9s, top .9s, bottom .9s, left .9s; } .right-mob { position: absolute; background: #fff; top: 0; bottom: 0; left: 70%; right: -20%; width: 50%; border-radius: 50% 0 0 50%; opacity: .7; transition: opacity .9s, top .9s, bottom .9s, left .9s, right .9s; } .right-mob.active { top: -50px; bottom: -50px; left: 50%; right: -20%; opacity: 0; } .left-mob.active { top: -50px; bottom: -50px; left: 0%; opacity: 0; } .left-mob-text { position: absolute; top: calc(50% + 12px); transform: translateY(-50%); color: #fff; font-size: 21px; left: 5%; display: none; } .right-mob-text { position: absolute; top: calc(50% + 12px); transform: translateY(-50%); color: #fff; font-size: 21px; right: 5%; display: none; } .left-mob-text.active, .right-mob-text.active { display: block; } .arr-tex { text-align: center; padding: 5px 0 0; position: relative; bottom: -6px; left: 11px; font-size: 13px; } .right-mob-text .arr-tex { left: -11px; } .double_click_img { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .VideoRewindDouble .double_click_img { display: block; opacity: 0; } .double_click_controls_progress_container { height: 14px; position: absolute; left: 13px; right: 13px; z-index: 1; bottom: 8px; opacity: 0; } .first_player.vertical:not(.is-fullscreen) .double_click_controls_progress_container { bottom: -1px; } .first_player.horizontal:not(.is-fullscreen) .double_click_controls_progress_container { bottom: 14px; } .first_player.vertical.is-fullscreen .double_click_controls_progress_container { bottom: -43px; } .VideoRewindDouble .double_click_controls_progress_container { opacity: 1; } .double_click_controls_progress { top: 5px; width: 100%; background-color: rgba(255, 255, 255, 0.25); position: absolute; height: 3px; } .double_click_controls_currentprogress { width: 10%; background-color: #990000; position: absolute; height: 3px; } .first_player.is-waiting .fluid_video_wrapper #my-video, .first_player.is-waiting .fluid_video_wrapper #my-video_fluid_initial_play_button, .first_player.is-waiting .fluid_video_wrapper .fluid_pseudo_poster, .first_player.is-waiting .mask_player, .first_player.is-waiting .arrow-holder, .first_player.is-waiting .player-paused, .first_player.is-waiting .menu-back, .skipTo .player-paused, .skipTo .fluid_html_on_pause, .skipTo .fluid_button, .skipTo .fluid_control_duration, .skipTo .open_related, .skipTo .player-menu-btn, .skipTo .menu-back svg, .skipTo .menu-back, .skipTo .arrow-holder, .hidden_control_mobile:not(.start, .stop) .fluid_initial_play, .hidden_control_mobile:not(.start, .stop) .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container, .hidden_control_mobile:not(.start, .stop) .fluid_controls_container, .hidden_control_mobile:not(.start, .stop) .mask_player, .hidden_control_mobile:not(.start, .stop) .initial_controls_show, .hidden_control_mobile:not(.start, .stop) .open_related, .hidden_control_mobile:not(.start, .stop) .menu-back, .hidden_control .open_related, .hidden_control .fluid_initial_play, .hidden_control .menu-back, .hidden_control .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container, .hidden_control .fluid_controls_container, .hidden_control .mask_player, .kt-player.player-wrap.show-info .mask_player, .hidden_control .initial_controls_show { visibility: hidden !important; opacity: 0 !important; } .first_player.is-waiting .fluid_video_wrapper #my-video, .first_player.is-waiting .fluid_video_wrapper #my-video_fluid_initial_play_button, .first_player.is-waiting .fluid_video_wrapper .fluid_pseudo_poster, .first_player.is-waiting .mask_player, .first_player.is-waiting .arrow-holder, .first_player.is-waiting .player-paused, .first_player.is-waiting .menu-back { display: none !important; } .double_click_controls_currentpos { background-color: white; width: 13px; height: 13px; position: absolute; top: -5px; border-radius: 6px; z-index: 3; display: block; right: -4px !important; left: auto !important; } .player-wrap.skipTo .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container, .player-wrap.skipTo .mask_player { opacity: 1 !important; visibility: visible !important; } .player-wrap .text_mask { position: absolute; top: 0; left: 0; right: 0; display: flex; align-items: center; justify-content: center; padding: 5px 10px; display: none; } .player-wrap.skipTo .text_mask { display: flex; } .player-wrap .text_mask span { padding: 0 3px; } .player-wrap .text_mask i { animation: move .8s infinite; opacity: 1; display: inline-block; width: 0; height: 0; margin-right: 2px; vertical-align: middle; border-top: 16px dashed; border-top: 8px solid #fff; border-right: 4px solid transparent; border-left: 4px solid transparent; transform: rotate(90deg); } .player-wrap .text_mask i:nth-child(2) { animation-delay: .1s; } .player-wrap .text_mask i:nth-child(3) { animation-delay: .2s; } .player-wrap .text_mask .right-arrows { margin-bottom: -2px; } .player-wrap .text_mask .right-arrows i { transform: rotate(-90deg); margin-left: 2px; margin-right: 0; } /* .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button.fluid_button_fullscreen.js-Fullscreen, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button.fluid_button_fullscreen_exit.js-Fullscreen { display: none !important; } */ .swiper_releted-holder { position: absolute; z-index: 9999; left: 0; width: 100%; bottom: 0; top: 0; display: flex; flex-wrap: wrap; overflow: hidden; background: rgba(0,0,0,.6); opacity: 0; visibility: hidden; overflow: hidden; transition: opacity .3s, visibility .3s; } .first_player.hidden_releted .swiper_releted-holder { opacity: 0 !important; visibility: hidden !important; } .swiper_releted-holder.show { display: flex; } .swiper_releted-holder .title-rel h2, .swiper_releted-holder .title-rel { margin: 0 0 10px; font-size: 18px; color: #fff; background: transparent; text-transform: none; border: none; padding: 0; overflow: hidden; line-height: 1.15; } .swiper_releted-holder .title-rel h2 { margin: 0; } .swiper_releted-holder h2.title-rel.dvd { margin: 0 0 20px; } .swiper_releted-holder .title-rel a, .swiper_releted-holder .title-rel a.active { color: #fff !important; font-size: 18px; text-decoration: underline; padding: 10px 15px; margin: -10px -15px; background: transparent; } .swiper_releted-holder .title-rel a.active { text-decoration: none; } .swiper_releted-holder .swiper_title { display: flex; align-items: center; justify-content: space-between; margin: 0 0 auto; font-size: 20px; line-height: 1.2; width: 100%; padding: 13px 11px 5px 10px; font-weight: 500; color: #fff; box-sizing: border-box; } .swiper_releted-holder .swiper_title .title-rel { opacity: 0; } .swiper_releted-holder .swiper .title-rel { opacity: 1; } .swiper_releted-holder .swiper_title p { font-size: 20px; font-weight: 500; line-height: 1.2; opacity: 0; } @media screen and (max-width: 992px) { .swiper_releted-holder .swiper .title-rel { opacity: 1; margin-bottom: var(--swiper-title-mobile-bottom); } .swiper_releted-holder .swiper_title .title-rel { opacity: 1; } } @media screen and (max-width: 767px) { .swiper_releted-holder .swiper_title p { font-size: 14px; } } .swiper_releted-holder .swiper { margin: auto 10px 0; width: calc(100% - 20px); padding: 0 0 15px; padding: 0 0 123px; transform: translateY(200%); transition: transform .3s; } @media screen and (max-width: 992px) { .swiper_releted-holder .swiper { padding: 0 0 var(--swiper-mobile-bottom); } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button_video_source .fluid_video_sources_list .fluid_video_source_list_item:hover, .fluid_video_playback_rates_item:hover, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button_subtitles .fluid_subtitles_list .fluid_subtitle_list_item:hover { background-color: transparent !important; } .first_player.is-fullscreen .double_click_controls_progress_container { height: 15%; bottom: 25px; } } .kt-player.show .swiper_releted-holder.screens, .kt-player.show .swiper_releted-holder.sort-swiper { opacity: 0; visibility: hidden; } .kt-player.show .swiper_releted-holder.screens .swiper, .kt-player.show .swiper_releted-holder.sort-swiper .swiper { transform: translateY(200%); } .kt-player.show-screens .swiper_releted-holder.screens, .kt-player.show-sort .swiper_releted-holder.sort-swiper, .kt-player.show .swiper_releted-holder { opacity: 1; visibility: visible; } .kt-player .swiper_search { opacity: 0; visibility: hidden; transform: translateY(200%); } .kt-player.show-search .swiper_search { opacity: 1; visibility: visible; transform: translateY(0); } .kt-player.show-screens .swiper_releted-holder.screens .swiper, .kt-player.show-sort .swiper_releted-holder.sort-swiper .swiper, .kt-player.show .swiper_releted-holder .swiper { transform: translateY(0); } .kt-player .cross { position: relative; height: 20px; width: 20px; border: none; align-self: auto; background: none; line-height: 34px; padding: 3px; height: 20px; width: 20px; font-size: 16px; margin-top: -10px; margin-right: -10px; margin-left: 10px; cursor: pointer; color: #000; padding: 10px; transition: color 0.1s; } .kt-player .cross::after, .kt-player .cross::before { content: ''; background-color: #fff; position: absolute; height: 2px; width: calc(100% - 20px); } .kt-player .cross::before { transform: rotate(-45deg); left: 10px; top: 19px; } .kt-player .cross::after { transform: rotate(45deg); top: 19px; left: 10px; } .item.thumb-bl-video.swiper-slide { width: 100%; width: 37.21%; margin-right: 10px; display: block; background: transparent; } .item.thumb-bl-video.swiper-slide .thumb-video { margin: 0; background: transparent; } .item.thumb-bl-video.swiper-slide .thumb-video .no_thumb, .item.thumb-bl-video.swiper-slide .thumb-video a { position: relative; padding-bottom: 56.25%; display: block; background: rgba(0, 0, 0, .6); top: 0; transform: none; width: auto; opacity: 1; visibility: visible; transform: none; left: 0; } .item.thumb-bl-video.swiper-slide .thumb-video .no_thumb .text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; } .item.thumb-bl-video.swiper-slide .thumb-video.load_more a { width: 50%; background: transparent; } .item.thumb-bl-video.swiper-slide.load_more-prev .thumb-video.load_more a { margin: 0 0 0 auto; } .item.thumb-bl-video.swiper-slide.load_more-prev .thumb-video.load_more a svg { transform: rotate(0); } .item.thumb-bl-video.swiper-slide .thumb-video a .no-thumb, .item.thumb-bl-video.swiper-slide .thumb-video a img { top: 0; left: 0; width: 100%; height: 100%; position: absolute; display: flex; align-items: center; justify-content: center; background: transparent; } .item.thumb-bl-video.swiper-slide .thumb-video a .no-thumb { top: calc(50% - 22px); transform: translateY(-50%); } .open_related { position: absolute; bottom: -46px; bottom: -43px; right: 0; height: 36px; width: 100%; display: none !important; align-items: center; justify-content: flex-end; flex-wrap: nowrap; } .open_related .related_title { padding: 0 10px 0 0; } .open_related .related_title.show_mobile { display: none !important; } .open_related .related_title .title { font-size: 17px; } .is-fullscreen .open_related { display: flex !important; } .stacked-videos-wrapper { position: relative; z-index: 1; width: 64px; height: 100% } .stacked-video-preview { width: 64px; height: 36px; -webkit-transform-origin: top center; transform-origin: top center; position: absolute; top: 0; background: black; border: 1px solid white; border-radius: 3px; overflow: hidden; box-sizing: border-box; z-index: 3; } .stacked-video-preview .stacked-video-preview-image { width: 100%; height: 100%; object-fit: cover; } .stacked-video-preview:nth-child(1) { z-index: 3 } .stacked-video-preview:nth-child(2) { z-index: 2; -webkit-transform: translateY(-4px) scale(.875); transform: translateY(-4px) scale(.875) } .stacked-video-preview:nth-child(2) .stacked-video-preview-image { opacity: .75 } .stacked-video-preview:nth-child(3) { z-index: 1; -webkit-transform: translateY(-8px) scale(.75); transform: translateY(-8px) scale(.75) } .stacked-video-preview:nth-child(3) .stacked-video-preview-image { opacity: .5 } .first_player.is-fullscreen .player-wrap { height: 100% !important; padding-bottom: 0 !important; } .first_player.is-fullscreen .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container { bottom: 50px; } body:not(.no-touch) .first_player.is-fullscreen .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container { background: transparent; } .thumb.load_more a .btn { text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; color: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .thumb.load_more a .btn { text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; color: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /* .thumb.load_more a .btn:before { opacity: 0; background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ibGRzLWVjbGlwc2UiIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiBzdHlsZT0iYmFja2dyb3VuZDowIDAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIg0KICAgICB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8cGF0aCBkPSJNNjguMDk1IDU5LjU3OEEyMCAyMCAwIDAwMzEuMTQgNDQuMjdhMjIgMjAtNjcuNSAwMTM2Ljk1NSAxNS4zMDgiIGZpbGw9IiNmZmYiPg0KICAgICAgICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIGJlZ2luPSIwcyIgY2FsY01vZGU9ImxpbmVhciIgZHVyPSIwLjhzIiBrZXlUaW1lcz0iMDsxIg0KICAgICAgICAgICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgdHlwZT0icm90YXRlIiB2YWx1ZXM9IjAgNTAgNTE7MzYwIDUwIDUxIi8+DQogICAgPC9wYXRoPg0KPC9zdmc+DQo=); background-position: center, center; background-repeat: no-repeat, repeat; background-color: transparent; content: ''; position: absolute; height: 100%; width: 100%; top: 0; left: 0; } .thumb.load_more a.loader .btn:before { opacity: 1; } */ .thumb.load_more a.loader .btn span, .thumb.load_more a.loader .btn .svg-holder { opacity: 0; } .thumb.load_more a .svg-holder { margin: 0 0 10px 0; position: relative; } .thumb.load_more a .svg-holder::after { content: ''; display: block; position: absolute; top: calc(50% - 1px); left: 50%; transform: translate(-50%, -50%); background: #000; border-radius: 50%; height: 96px; width: 96px; } .thumb.load_more a svg { transform: rotate(180deg); font-size: 126px; position: relative; z-index: 1; } .thumb.load_more a span { font-size: 28px; line-height: 1.2; padding: 0 2px; width: 100%; } @media screen and (max-width: 1500px) { .thumb.load_more a svg { font-size: 57px; } .thumb.load_more a .svg-holder::after { height: 43px; width: 42px; } .thumb.load_more a span { font-size: 18px; } } @media screen and (max-width: 480px) { .thumb.load_more a span { font-size: 16px; } } @media screen and (max-width: 400px) { .thumb.load_more a span { font-size: 14px; } } .first_player.is-fullscreen #my-video_fluid_control_video_source { position: fixed !important; top: 11px !important; right: 10px !important; } .kt-player.player-wrap.show-info .fluid_controls_container, .kt-player.player-wrap.hidden_btn .menu-back-dvd, .kt-player.player-wrap.show-search .fluid_html_on_pause, .kt-player.player-wrap.show-search .mask_player, .kt-player.player-wrap.show-search .fluid_controls_container, .kt-player.player-wrap.play_video.show-search .fluid_html_on_pause, .kt-player.player-wrap.play_video.show-search .mask_player, .kt-player.player-wrap.play_video.show-search .fluid_controls_container, .kt-player.player-wrap.show-menu .fluid_html_on_pause, .kt-player.player-wrap.show-menu .mask_player, .kt-player.player-wrap.show-menu .fluid_controls_container, .kt-player.player-wrap.show:not(.ended) .fluid_html_on_pause, .kt-player.player-wrap.show:not(.ended) .mask_player, .kt-player.player-wrap.show:not(.ended) .fluid_controls_container, .kt-player.player-wrap.show-screens:not(.ended) .fluid_html_on_pause, .kt-player.player-wrap.show-screens:not(.ended) .mask_player, .kt-player.player-wrap.show-screens:not(.ended) .fluid_controls_container, .kt-player.player-wrap.show-sort .fluid_html_on_pause, .kt-player.player-wrap.show-sort .mask_player, .kt-player.player-wrap.show-sort .fluid_controls_container, .kt-player.player-wrap.play_video.show-menu .fluid_html_on_pause, .kt-player.player-wrap.play_video.show-menu .mask_player, .kt-player.player-wrap.play_video.show-menu .fluid_controls_container, .kt-player.player-wrap.play_video.show:not(.ended) .fluid_html_on_pause, .kt-player.player-wrap.play_video.show:not(.ended) .mask_player, .kt-player.player-wrap.play_video.show:not(.ended) .fluid_controls_container, .kt-player.player-wrap.play_video.show-sort .fluid_html_on_pause, .kt-player.player-wrap.play_video.show-sort .mask_player, .kt-player.player-wrap.play_video.show-sort .fluid_controls_container, .player-wrap.stop.ended.show_tag #my-video_fluid_controls_container, .player-wrap.stop.ended.show_tag .fluid_video_wrapper #my-video_fluid_initial_play_button, .player-wrap.show_tag #my-video_fluid_controls_container, .player-wrap.show_tag .fluid_video_wrapper #my-video_fluid_initial_play_button, .player-wrap.stop.ended.show-menu #my-video_fluid_controls_container, .player-wrap.stop.ended.show-menu .fluid_video_wrapper #my-video_fluid_initial_play_button, .player-wrap.show-menu #my-video_fluid_controls_container, .player-wrap.show-menu .fluid_video_wrapper #my-video_fluid_initial_play_button, .player-wrap.show-screens #my-video_fluid_controls_container, .player-wrap.show-screens .fluid_video_wrapper #my-video_fluid_initial_play_button, .player-wrap.stop.ended.show-sort #my-video_fluid_controls_container, .player-wrap.stop.ended.show-sort .fluid_video_wrapper #my-video_fluid_initial_play_button, .player-wrap.show-sort #my-video_fluid_controls_container, .player-wrap.show-sort .fluid_video_wrapper #my-video_fluid_initial_play_button, .player-wrap.stop.ended.show-info #my-video_fluid_controls_container, .player-wrap.stop.ended.show-info .fluid_video_wrapper #my-video_fluid_initial_play_button, .player-wrap.show-info #my-video_fluid_controls_container, .player-wrap.show-info .fluid_video_wrapper #my-video_fluid_initial_play_button, .player-wrap.stop.ended.show-search #my-video_fluid_controls_container, .player-wrap.stop.ended.show-search .fluid_video_wrapper #my-video_fluid_initial_play_button, .player-wrap.show-search #my-video_fluid_controls_container, .player-wrap.show-search .fluid_video_wrapper #my-video_fluid_initial_play_button { opacity: 0 !important; } @media screen and (max-width: 900px) { .first_player.is-fullscreen .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container { height: 15%; } .first_player.is-fullscreen .open_related, .first_player.is-fullscreen .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right { height: 100%; } .first_player.is-fullscreen .open_related { bottom: -25px; } .first_player.is-fullscreen .stacked-videos-wrapper { width: 100%; height: 100%; width: calc(100% - 46px); } .first_player.is-fullscreen .stacked-video-preview { width: auto; height: 83%; right: 0; } .open_related .related_title.hide_mobile { display: none !important; } .open_related .related_title.show_mobile { display: inline-block !important; right: 87px; right: 0px; } .open_related .related_title { padding: 0 10px 0 0; position: absolute; top: calc(50% - 7px); transform: translateY(-50%); right: 68px; } } @media screen and (max-width: 560px) { .item.thumb-bl-video.swiper-slide .thumb-video.load_more a { width: 100%; } } .player-wrap.skip_to .fluid_controls_currentpos { opacity: 1 !important; top: -5px !important; } .player-wrap:not(.stop, .vast_true) #my-video_fluid_initial_play_button.hidden { display: none !important; } .swiper_releted-holder .fp-waiting { position: absolute; top: 50%; width: 100%; margin: -1em auto; /* display: none; */ text-align: center; opacity: 0; } .kt-player.ended .mask_player .player-paused, .kt-player.ended .mask_player .arrow-holder, .swiper_releted-holder .load_more.loader .btn, .swiper_releted-holder.loader .thumb-bl-video .btn, .swiper_releted-holder.loader .thumb-bl-video .text, .swiper_releted-holder.loader .thumb-bl-video .duration_item, .swiper_releted-holder.loader .thumb-bl-video .title, .swiper_releted-holder.loader .thumb-bl-video img { opacity: 0; } .swiper_releted-holder.loader .thumb-bl-video .fp-waiting, .swiper_releted-holder .load_more.loader .fp-waiting, .swiper_releted-holder a.loader .fp-waiting { opacity: 1; } .swiper_releted-holder .fp-waiting em { display: inline-block; width: 1em; height: 1em; margin: 0.3em; background-color: #fff; background-color: rgba(255, 255, 255, 0.8); -webkit-animation: pulse 0.6s infinite; -moz-animation: pulse 0.6s infinite; animation: pulse 0.6s infinite; -webkit-box-shadow: 0 0 5px #333; -moz-box-shadow: 0 0 5px #333; box-shadow: 0 0 5px #333; border-radius: 1em; -webkit-border-radius: 1em; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .swiper_releted-holder .fp-waiting em:nth-child(1) { -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; animation-delay: 0.3s; } .swiper_releted-holder .fp-waiting em:nth-child(2) { -webkit-animation-delay: 0.45s; -moz-animation-delay: 0.45s; animation-delay: 0.45s; } .swiper_releted-holder .fp-waiting em:nth-child(3) { -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; animation-delay: 0.6s; } @-webkit-keyframes pulse { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes pulse { 0% { opacity: 0; } 100% { opacity: 1; } } .kt-player.start #my-video_fluid_control_duration { font-size: 0 !important; } #my-video_fluid_control_duration:after { display: none; } .kt-player.start #my-video_fluid_control_duration:after { display: block; position: absolute; top: 0; left: 0; font-size: 13px; white-space: nowrap; } .first_player .player-wrap { position: relative !important; text-align: left; padding: 0; box-sizing: border-box; } .first_player.loading2 { cursor: default; pointer-events: none; position: relative; overflow: hidden; } .first_player.loading2 .player-wrap { z-index: -2; cursor: default; pointer-events: none; } .first_player.loading2 .player-wrap * { cursor: default; pointer-events: none; } .first_player.loading2:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999999; cursor: default; pointer-events: none; background-color: #000; background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ibGRzLWVjbGlwc2UiIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiBzdHlsZT0iYmFja2dyb3VuZDowIDAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIg0KICAgICB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8cGF0aCBkPSJNNjguMDk1IDU5LjU3OEEyMCAyMCAwIDAwMzEuMTQgNDQuMjdhMjIgMjAtNjcuNSAwMTM2Ljk1NSAxNS4zMDgiIGZpbGw9IiNmZmYiPg0KICAgICAgICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIGJlZ2luPSIwcyIgY2FsY01vZGU9ImxpbmVhciIgZHVyPSIwLjhzIiBrZXlUaW1lcz0iMDsxIg0KICAgICAgICAgICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgdHlwZT0icm90YXRlIiB2YWx1ZXM9IjAgNTAgNTE7MzYwIDUwIDUxIi8+DQogICAgPC9wYXRoPg0KPC9zdmc+DQo=); background-position: center, center; background-repeat: no-repeat, repeat; } .kt-player.start #my-video_fluid_initial_play:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block; } body.no-touch .player-wrap.stop.pause_vast .fluid_initial_play { display: none !important; } body:not(.no-touch) .player-wrap.stop.pause_vast:not(.vast_winding) #my-video_fluid_initial_play_button, body:not(.no-touch) .player-wrap.stop.play_vast:not(.vast_winding) #my-video_fluid_initial_play_button { display: flex !important; } body:not(.no-touch) .player-wrap.stop.play_vast:not(.vast_winding) .fluid_initial_play, body.no-touch .player-wrap.stop.play_vast .fluid_initial_play { display: inline-block !important; } .first_player.is-fullscreen .kt-player.vast_winding:not(.play_vast) .fluid_html_on_pause, .first_player.is-fullscreen .kt-player.vast_winding .mask_player .player-paused { opacity: 0 !important; } .player-menu-btn { position: absolute; bottom: -46px; bottom: -43px; left: 0; color: #fff; height: 36px; width: 100%; display: none !important; width: 37px; z-index: 2; } .player-menu-btn.player-info-btn { left: 47px; left: 60px; } .player-menu-btn.player-playlist-btn { left: 123px; } .player-menu-btn.player-favourites-btn { left: 177px; } .player-menu-btn.player-favourites-btn svg { fill: #fff; } .player-menu-btn svg { font-size: 30px; } @media screen and (max-width: 900px) { .player-menu-btn { bottom: auto; top: calc(50% + 3px); } } .is-fullscreen .player-menu-btn { display: inline-block !important; } .player-video_info, .player-menu { position: absolute; z-index: 9999; left: 0; width: 100%; bottom: 0; top: 0; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between; overflow: hidden; background: rgba(0,0,0,.6); opacity: 0; visibility: hidden; overflow: hidden; transition: opacity .3s, visibility .3s; flex-wrap: nowrap; } .kt-player.show-info .player-video_info, .kt-player.show-menu .player-menu { opacity: 1; visibility: visible; } .player-menu .menu-items { background: #000; width: auto; display: flex; flex-direction: column; justify-content: flex-start; padding: 0 0 123px 0; max-width: 300px; height: 100%; display: block; overflow-y: auto; padding: 0 0 15px 0; } .player-video_info .cross-holder, .player-menu .cross-holder { background: #000; max-width: 300px; width: 100%; display: flex; align-items: center; justify-content: flex-end; justify-content: flex-start; } .player-video_info .cross-holder { max-width: 500px; } .player-video_info .info-items { max-width: 500px; height: 100%; max-height: calc(100% - 40px); background: #000; color: #fff; padding: 5px 15px 15px 12px; box-sizing: border-box; overflow-y: auto; } .player-video_info .cross-holder .cross, .player-menu .cross-holder .cross { margin: 0; } .player-menu .menu-items a { display: flex; align-items: center; justify-content: flex-start; padding: 10px; color: #fff; } .player-menu .menu-items a span { font-size: 22px; line-height: 1; } .player-menu .menu-items a svg { font-size: 23px; margin: 0 10px 0 0; } .swiper-wrapper .pagination { display: none; } .swiper_releted-holder .pagination.opacity { opacity: .5; cursor: default; pointer-events: none; } @media screen and (max-width: 900px) { .player-menu .menu-items a span { font-size: 17px; } } .menu-back { top: -341px; font-size: 13px; height: 24px; line-height: 24px; float: left; cursor: pointer; position: relative; text-align: left; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 2px 0 0; opacity: 0; visibility: hidden; } .first_player.is-fullscreen .menu-back { position: fixed !important; top: 11px !important; left: 10px !important; top: 15px !important; left: 20px !important; } .menu-back svg { font-size: 31px; left: -10px; } .is-fullscreen.first_player[data-favourites-from][data-favourites-from] .kt-player:not(.back-menu) .menu-back, .is-fullscreen.first_player[data-history-from][data-history-index] .kt-player:not(.back-menu) .menu-back, .is-fullscreen.first_player[data-search-title][menu-param-page] .kt-player:not(.back-menu) .menu-back, .is-fullscreen.first_player[menu-param][menu-param-page] .kt-player:not(.back-menu) .menu-back { opacity: 1 !important; visibility: visible !important; } .kt-player[block_id="list_models_models_player"] .swiper_releted_sort .title-rel, .kt-player[block_id="list_dvds_groups_channel_player"] .swiper_releted_sort .title-rel, .kt-player[block_id="list_categories_categories_player"] .swiper_releted_sort .title-rel, .kt-player[block_id="list_videos_related_videos_player"] .swiper_releted_sort .top-bl-ins, .kt-player[block_id="list_videos_related_videos_player"] .swiper_releted_sort .js-letter-channels, .kt-player[block_id="custom_list_videos_videos_player_custom"] .swiper_releted_sort .top-bl-ins, .kt-player[block_id="custom_list_videos_videos_player_custom"] .swiper_releted_sort .js-letter-channels { display: none !important; } .kt-player[block_id="list_models_models_player"] .swiper_releted_sort .top-bl-ins .title-rel, .kt-player[block_id="list_dvds_groups_channel_player"] .swiper_releted_sort .top-bl-ins .title-rel, .kt-player[block_id="list_categories_categories_player"] .swiper_releted_sort .top-bl-ins .title-rel { display: inline-block !important; } .kt-player[block_id="list_categories_categories_player"] .swiper_releted_sort .sort, .first_player.menu-back2 .swiper_releted_sort .top-bl-ins, .first_player.menu-back2 .swiper_releted_sort .js-letter-channels { display: none !important; } .first_player.menu-back2 .swiper_releted_sort .title-rel { display: flex !important; align-items: center; } .kt-player .duration_item { font-size: 0.9rem; position: absolute; color: #fff; left: 4px; bottom: 4px; border-radius: 5px; background: #000; line-height: 1; padding: 2px 5px; } .kt-player .duration_item svg { font-size: 9px; margin: 0 3px 0 0; } .kt-player .thumb-channel .title { position: absolute; bottom: 0; left: 0; width: 100%; color: #fff; font-size: 15px; font-weight: 700; line-height: 1.2; text-align: center; padding: 3px 5px; background: transparent; transition: background .3s, color .3s, border .3s; white-space: nowrap; overflow: hidden; box-sizing: border-box; text-overflow: ellipsis; text-align: left; background: #000; box-sizing: border-box; } .kt-player .thumb-channel .duration_item { bottom: 29px; } .kt-player .swiper_releted_sort .top-bl-ins { display: flex; align-items: flex-start; align-items: center; justify-content: flex-start; } .kt-player .swiper_releted_sort .top-bl-ins * { line-height: 1 !important; } .kt-player .swiper_releted_sort .top-bl-ins .sort { text-transform: capitalize; font-size: 18px; line-height: 1.4; margin: 0 0 20px 10px; padding: 0; } .kt-player .swiper_releted_sort .top-bl-ins .sort::before { display: none; } .kt-player .swiper_releted_sort .top-bl-ins .sort ul { position: static; display: flex; background: transparent; } .kt-player .swiper_releted_sort .top-bl-ins .sort ul li { margin: 0 15px 0 0; overflow: hidden; line-height: 1; } .kt-player .swiper_releted_sort .top-bl-ins .sort ul li.or { margin: 0 10px -1px -5px; font-size: 14px; line-height: 1.2 !important; } .kt-player .swiper_releted_sort .top-bl-ins .sort ul li:nth-child(1), .kt-player .swiper_releted_sort .top-bl-ins .sort ul li:nth-child(2), .kt-player .swiper_releted_sort .top-bl-ins .sort ul li:nth-child(3), .kt-player .swiper_releted_sort .top-bl-ins .sort ul li:nth-child(4), .kt-player .swiper_releted_sort .top-bl-ins .sort ul li:nth-child(5), .kt-player .swiper_releted_sort .top-bl-ins .sort ul li:nth-child(6), .kt-player[block_id="list_models_models_player"] .top-bl-ins .sort ul li:nth-child(7), .kt-player[block_id="list_models_models_player"] .top-bl-ins .sort ul li:nth-child(8) { display: none; } .kt-player[block_id="list_dvds_groups_channel_player"] .top-bl-ins .sort ul li.favourites_channels.show, .kt-player[block_id="list_dvds_groups_channel_player"] .top-bl-ins .sort ul li.favourites_channels.show + li, .kt-player[block_id="list_models_models_player"] .top-bl-ins .sort ul li.favourites_models.show, .kt-player[block_id="list_models_models_player"] .top-bl-ins .sort ul li.favourites_models.show + li, .kt-player[block_id="list_models_models_player"] .top-bl-ins .sort ul li:nth-child(5), .kt-player[block_id="list_models_models_player"] .top-bl-ins .sort ul li:nth-child(6) { display: inline-block; } .kt-player .swiper_releted_sort .alphabet a, .kt-player .swiper_releted_sort .top-bl-ins span, .kt-player .swiper_releted_sort .top-bl-ins a { padding: 0; font-size: 18px; line-height: 1.2; background: transparent; text-decoration: underline; color: #fff !important; overflow: hidden; border: none; } .kt-player .swiper_releted_sort .top-bl-ins a { padding: 10px 15px; margin: -10px -15px; } .kt-player .swiper_releted_sort a.active { text-decoration: none; } .kt-player .swiper_releted_sort .alphabet a.active { color: #838383 !important; } .kt-player .swiper_releted_sort .alphabet a.active svg { fill: #838383 !important; } .kt-player .swiper_releted_sort .alphabet { position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; overflow: hidden; display: flex; align-items: center; flex-wrap: nowrap; margin-top: -10px !important; margin-left: -10px !important; padding: 0; margin: 0; border: none; font-size: 14px; background: transparent; } .kt-player .swiper_releted_sort .alphabet .divider { margin: -4px 8px 0 0; } .swiper_releted_sort.show-alphabet .top-bl-ins { opacity: 0; visibility: hidden; } .kt-player .swiper_releted_sort.show-alphabet .alphabet .cross { margin: 0; display: inline-block; } .kt-player .swiper_releted_sort.show-alphabet .alphabet { visibility: visible; opacity: 1; } .kt-player .swiper_releted_sort .alphabet .wrap { margin: 0 0 0 5px; display: flex; flex-wrap: nowrap; align-items: center; overflow-x: auto; font-size: 14px; } .kt-player .swiper_releted_sort .alphabet .wrap a { padding: 0 4px; padding: 0 3px !important; margin: 0 !important; width: auto; } .kt-player.show-sort .swiper_releted-holder.sort-swiper .swiper { overflow: visible; } .kt-player.show-sort .swiper_releted-holder.sort-swiper .menu-back-dvd { position: static !important; opacity: 1; visibility: visible; height: 22px; padding: 0; margin: -3px 7px 0 0; margin: -3px 0 0 10px; display: inline-block; opacity: 0; } .kt-player.video-info .swiper_releted-holder.sort-swiper .menu-back-dvd, .kt-player.back-menu-main .swiper_releted-holder.sort-swiper.show_btn .menu-back-dvd, .kt-player.back-menu .swiper_releted-holder.sort-swiper.show_btn .menu-back-dvd { opacity: 1; } .kt-player.show-sort .swiper_releted-holder.sort-swiper .menu-back-dvd svg { left: 0; font-size: 26px; font-size: 31px; } .item.thumb-bl-video.swiper-slide.thumb-models a { padding-bottom: calc(159.25% + 22px); width: 100% !important; } .item.thumb-bl-video.swiper-slide.thumb-models a img { height: calc(100% - 22px); } .kt-player .thumb-models .title { font-size: 13px; height: 22px; } .kt-player.show_tag > img, .kt-player.show_tag .video-js, .kt-player.show_tag .fluid_html_on_pause, .kt-player.show_tag .fluid_pseudo_poster { opacity: 0 !important; } .kt-player.show_tag .swiper_releted_sort .title-rel.video, .kt-player.show_tag .swiper_releted_sort .top-bl-ins, .kt-player.show_tag .swiper_releted_sort .js-letter-channels, .kt-player.show_tag .swiper_releted_sort .list_video_wrapper, .player_tags { display: none; } .kt-player.show_tag .player_tags { display: block; } .kt-player .player_tags-holder { overflow: hidden; position: relative; } .kt-player .player_tags-holder .load_more-next-tags { display: none; } .kt-player .player_tags-holder * { /* background: transparent; */ } .kt-player.show_tag .swiper_releted-holder .swiper { padding: 0; max-height: calc(100vh - 130px); margin: 0 10px; } .kt-player.show_tag .swiper_releted-holder { align-items: flex-start; justify-content: flex-start; flex-direction: column; } .kt-player.show_tag .swiper_releted-holder .swiper_title { margin: 0; box-sizing: border-box; } .player_tags { width: 100%; max-height: 50%; margin-top: auto; } .player_tags .top-bl-ins { display: flex !important; align-items: center; justify-content: flex-start; flex-wrap: nowrap; } .kt-player .swiper_releted_sort .player_tags .alphabet { position: relative; display: flex; opacity: 1; visibility: visible; margin: 0 0 17px 10px !important; z-index: 10000; } .player_tags .tags { display: flex; align-items: flex-start; flex-wrap: wrap; text-align: left; } .player_tags .tags-holder { padding: 0 15px 0 0; } .player_tags .letter { font-size: 18px; display: inline-block; text-align: left; width: 100%; padding: 0; } .player_tags .tags a { color: #fff; font-size: 20px; line-height: 1.2; margin: 0 10px 10px 0; display: flex; align-items: center; justify-content: flex-start; } .player_tags .tags a .tag-title { text-decoration: underline; } .player_tags .tags a:hover .tag-title { text-decoration: none; } .player_tags .tags a .tag-count { font-weight: 500px; margin: 0 0 0 5px; } .player_tags .tags a .tag-count, .player_tags .tags a .tag-title { font-size: 15px; } .kt-player.show_tag .swiper_releted-holder.sort-swiper .swiper { height: 100%; } .swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical>.swiper-scrollbar { background: rgba(255, 255, 255, .5); top: 0 !important; } .swiper-scrollbar-drag { background: rgba(0, 0, 0, .8); } .swiper_releted-holder .waiting-tags { width: 100%; height: 100%; height: calc(100% + 38px); top: 0; display: flex; align-items: center; justify-content: center; background: #000; z-index: 1; opacity: 0; visibility: hidden; overflow: hidden; margin: 0; } @media screen and (max-width: 900px) { .swiper_releted-holder .waiting-tags { top: 38px; } } .swiper_releted-holder .player_tags .title-rel { position: relative; z-index: 2; border: none; padding: 0; overflow: visible; margin: 0 0 20px; } .load_tag .swiper_releted-holder .waiting-tags { opacity: 1; visibility: visible; } .player_tags .item.thumb-bl-video.swiper-slide .thumb-video.load_more a { padding-bottom: 100px; } .player_tags .thumb.load_more a .btn { flex-direction: column-reverse; } .player_tags .thumb.load_more a .svg-holder { margin: 10px 0 0; } .player_tags .thumb.load_more a svg { transform: rotate(270deg); } .player_tags .load_more-prev-tags .thumb.load_more a .btn { flex-direction: column; } .player_tags .load_more-prev-tags .thumb.load_more a .svg-holder { margin: 0 0 10px; } .player_tags .load_more-prev-tags .thumb.load_more a svg { transform: rotate(90deg); } .kt-player .search_player form { margin: 0; display: flex; align-items: center; position: relative; max-width: 100%; } .kt-player .search_player form input { padding: 5px 10px; height: auto; border-radius: 20px; background: #2c2c2c; border: 1px solid #939393; color: #fff; width: 200px; max-width: 200px; min-width: 200px; margin: 0 10px 0 0; font-size: 18px; line-height: 1.2; } .kt-player .search_player form input:focus-visible { outline: none !important; } .kt-player.show-search .swiper_search .search_player { position: relative; top: -5px; display: block; padding: 0; max-width: calc(100% - 40px); background: transparent; margin: 0; transform: none; opacity: 1; visibility: visible; left: 0; } .kt-player .easy-autocomplete { display: flex; align-items: center; flex-wrap: nowrap; } .kt-player .easy-autocomplete-container { left: 0; position: static; width: 100%; z-index: 1; text-align: left; overflow: hidden; } .kt-player .easy-autocomplete-container ul { background: transparent; border: 0; margin-top: 0; padding-bottom: 0; padding-left: 0; position: relative; top: 0; font-size: 14px; border: none; border-radius: 0; overflow: hidden; display: flex !important; align-items: center; justify-content: flex-start; overflow-x: auto; background: transparent !important; border: none !important; } .kt-player .easy-autocomplete-container ul::-webkit-scrollbar-track, .kt-player .easy-autocomplete-container ul::-webkit-scrollbar-thumb, .kt-player .easy-autocomplete-container ul::-webkit-scrollbar { display: none !important; } .kt-player .easy-autocomplete-container ul li, .kt-player .easy-autocomplete-container ul .eac-category { display: none !important; } .kt-player .easy-autocomplete-container ul li.show { display: inline-block !important; } #search_form .easy-autocomplete-container ul li { display: block !important; } #search_form .easy-autocomplete-container ul li.show { display: none !important; } .kt-player .easy-autocomplete-container .search_btn { white-space: nowrap; white-space: nowrap; display: block; padding: 6px 10px; color: #fff; transition: background-color .3s, color .3s; margin: 0 5px 0 0; display: flex; align-items: center; justify-content: flex-start; flex-wrap: nowrap; background: #0175c2; font-size: 18px; border-radius: 20px; } .kt-player .easy-autocomplete-container .search_btn b { font-size: 18px; } .kt-player .easy-autocomplete-container .search_btn.model { background: #ef5668; } .kt-player .easy-autocomplete-container .search_btn.tags { background: #ba9523; } .kt-player .easy-autocomplete-container .search_btn svg { margin: 0 5px 0 0; font-size: 19px; width: 19px; height: 19px; } #my-video_fluid_context_menu { display: none !important; } .player-video_info .info-items li { margin-bottom: 10px; } .player-video_info .info-items li:last-child { margin-bottom: 0; } .player-video_info .info-items li span { font-size: 16px; margin: 0 0 5px; letter-spacing: 0.45px; font-weight: 700; } .player-video_info .info-items li span:nth-child(2) { font-weight: 400; } .player-video_info .info-items li a { font-size: 16px; text-decoration: underline; margin: 0 0 5px 5px; display: inline-block; letter-spacing: 0.45px; color: #fff; } .player-video_info .info-items li a.btn { text-decoration: none; line-height: 1.2; border-radius: 5px; padding: 0px 5px 2px; background-color: #2c2c2c; } .first_player.loading_mp4 .fluid_video_wrapper .mask_player, .first_player.loading_mp4 .fluid_video_wrapper .fluid_controls_container, .first_player.loading3 .fluid_video_wrapper .fluid_controls_container { opacity: 0 !important; } body.no-touch .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_control_volume_container, body.no-touch .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button.fluid_button_volume, body.no-touch .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button.fluid_button_mute, body.no-touch .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button.fluid_button_fullscreen, body.no-touch .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button.fluid_button_fullscreen_exit { top: 0 !important; } body.no-touch .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_fluid_control_duration { top: -2px !important; transition: left .3s; } body.no-touch .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_progress_container { top: 0px !important; } body.no-touch .first_player.is-fullscreen #my-video_fluid_control_video_source, body.no-touch .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_video_source { position: relative !important; top: 0 !important; margin: 0 10px 0 0; } body.no-touch .first_player.is-fullscreen #my-video_fluid_control_video_source { margin: 0; } body.no-touch .kt-player.iOS .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .js-Fullscreen, body.no-touch .kt-player:not(.iOS) .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button.fluid_button_fullscreen:first-child, body.no-touch .kt-player:not(.iOS) .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button.fluid_button_fullscreen_exit:first-child, body.no-touch .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button.fluid_button_fullscreen, body.no-touch .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button.fluid_button_fullscreen_exit { display: inline-block !important; } body.no-touch .is-fullscreen .player-menu-btn, body.no-touch .is-fullscreen .open_related, body.no-touch .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button.fluid_button_fullscreen.js-Fullscreen, body.no-touch .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button.fluid_button_fullscreen_exit.js-Fullscreen { display: none !important; } body.no-touch .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button_video_source .fluid_video_sources_list { top: auto !important; bottom: 25px !important; } body.no-touch .first_player.is-fullscreen .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container { bottom: 20px; } .kt-player.click_load .swiper_releted-holder { opacity: 0 !important; visibility: hidden !important; } @media screen and (orientation: portrait) { body:not(.no-touch) .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container { bottom: -12px !important; height: 41px; bottom: 0px !important; } body:not(.no-touch) .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right { height: 43px !important; } body:not(.no-touch) .player-menu-btn { left: -6px !important; } body:not(.no-touch) .player-menu-btn.player-info-btn { left: 38px !important; } body:not(.no-touch) .player-menu-btn.player-playlist-btn { left: 82px !important; } body:not(.no-touch) .open_related { height: 35px !important; } body:not(.no-touch) .stacked-videos-wrapper { top: -2px !important; } body:not(.no-touch) .open_related .related_title .title { font-size: 16px !important; } body:not(.no-touch) .open_related .related_title .text { font-size: 13px !important; } body:not(.no-touch) .open_related .related_title.show_mobile { right: 55px !important; } } .false_prev [data-rewid="prev"] { cursor: default; pointer-events: none; opacity: 0.5; } body:not(.no-touch) .mask_player { justify-content: center; } body:not(.no-touch) [data-rewid="prev"] { margin-right: 14%; } body:not(.no-touch) [data-rewid="next"] { margin-left: 14%; } body:not(.no-touch) .mask_player .player-paused, body:not(.no-touch) .mask_player .arrow-holder { padding: 10px; } body:not(.no-touch) .kt-player.show-sort .swiper_releted-holder.sort-swiper .menu-back-dvd { padding: 13px 20px; margin: -13px -10px; } body:not(.no-touch) .first_player.is-fullscreen .menu-back { padding: 15px 20px; margin: -0; top: 0 !important; left: 0 !important; } .first_player.is-waiting .fluid_video_wrapper .fluid_controls_container, .player-wrap.skip_to .fluid_initial_play { display: none !important; opacity: 0 !important; } body.no-touch .mask_player { background: transparent; } body.no-touch .first_player.is-fullscreen .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container::after { content: ''; display: block; height: 20px; width: 100%; left: 0; right: 0; position: fixed; bottom: 0; } body.no-touch .first_player.is-fullscreen .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container::after, body.no-touch .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container { background: rgba(0, 0, 0, .6); } body.no-touch .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container::before { background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); height: 20px; top: -20px; content: ''; display: block; width: 100%; position: relative; } body.no-touch #fluid_video_wrapper_my-video.vast_hidden .fluid_controls_container, body.no-touch #fluid_video_wrapper_my-video.vast_hidden .fluid_controls_container::before { background: transparent; } body .mask_player svg:nth-child(2) { display: none; } body.no-touch .mask_player svg:nth-child(2) { display: inline-block; } body.no-touch .mask_player svg:first-child { display: none; } body.no-touch .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_control_volume_container { width: 0px !important; overflow: hidden; padding: 0; left: 13px !important; transition: all .3s !important; } body.no-touch .show-volume_container .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_control_volume_container { width: 56px !important; padding: 0 8px 0 13px; } body.no-touch .show-volume_container .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_control_volume_container { width: 56px !important; padding: 0 8px 0 11px; } body.no-touch .player-holder.fullscreen .show-volume_container .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_fluid_control_duration, body.no-touch .show-volume_container .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_fluid_control_duration { left: 98px !important; } body.no-touch .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_control_volume_container .fluid_control_volume { width: 56px !important; } body:not(.no-touch) .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_control_volume_container { display: none; } .first_player .video-loader { position: absolute; background: rgba(0, 0, 0, .3); width: 72px; height: 72px; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; display: none; } .first_player .video-loader .buffer { position: absolute; background: rgba(255, 255, 255, .3); height: 0%; width: 100%; bottom: 0; left: 0; right: 0; } .first_player .video-loader .label { color: #fff; font-weight: 700; text-align: center; font-size: 12px; line-height: 72px; } .first_player .video-loader .label::after { content: attr(data-percentage); color: #fff; font-weight: 700; text-align: center; font-size: 12px; line-height: 72px; } .poster-loader { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; z-index: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; pointer-events: none; display: none; } .first_player.is-waiting .poster-loader, .first_player.loading2 .poster-loader, .first_player.is-waiting .video-loader, .first_player.loading2 .video-loader { display: block; } .first_player.loading2 .player-wrap { z-index: 1; } .first_player.is-waiting .fluid_video_wrapper .vast_video_loading, .first_player.is-waiting .mask_player, .first_player.is-waiting #my-video_fluid_controls_container, .first_player.is-waiting .vast_video_loading, .first_player.is-waiting .fluid_html_on_pause, .first_player.is-waiting:before, .first_player.is-waiting #vast_video_loading_my-video, .first_player.is-waiting .skip_button, .first_player.loading2 #vast_video_loading_my-video, .first_player.loading2 .mask_player, .first_player.loading2 #my-video_fluid_controls_container, .first_player.loading2 .vast_video_loading, .first_player.loading2 .fluid_html_on_pause, .first_player.loading2 .skip_button, .first_player.loading2:before { display: none !important; } .is-waiting_container #my-video_fluid_initial_play_button, .is-waiting_container .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container, .is-waiting_container .mask_player { opacity: 0 !important; visibility: hidden !important; } .video-loader-error { position: absolute; background: rgba(0, 0, 0, .3); width: 72px; height: 72px; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; display: none; } .video-loader-error.show { display: flex; } .video-loader-error .cross { width: 40px; height: 40px; position: relative; border-radius: 50%; border: 2px solid #fff; } .video-loader-error .cross::after, .video-loader-error .cross::before { content: ''; background-color: #fff; position: absolute; height: 2px; width: calc(100% - 10px); } .video-loader-error .cross::before { transform: rotate(-45deg); left: 5px; top: 17px; } .video-loader-error .cross::after { transform: rotate(45deg); top: 17px; left: 5px; } .video-loader-error .text { color: #fff; font-size: 14px; } .vast_clickthrough_layer { width: 100% !important; height: 100% !important; } .kt-player .favourites_player[data-action=""], .js-favourites-player[data-action=""] { opacity: 0; } .kt-player .favourites_player[data-action="delet"], .kt-player .favourites_player[data-action="add"], .kt-player .favourites_player[data-action="delet"] .delet, .kt-player .favourites_player[data-action="add"] .add .js-favourites-player[data-action="delet"], .js-favourites-player[data-action="add"], .js-favourites-player[data-action="delet"] .delet, .js-favourites-player[data-action="add"] .add { opacity: 1; } .kt-player .favourites_player[data-action="add"] .delet, .kt-player .favourites_player[data-action="delet"] .add, .js-favourites-player[data-action="add"] .delet, .js-favourites-player[data-action="delet"] .add { display:none; } .kt-player .swiper_releted_sort .alphabet .js-favourites_tags { display: none; } .kt-player .swiper_releted_sort .alphabet .separator { text-decoration: none; display: none; font-size: 14px; } .kt-player .swiper_releted_sort .alphabet .js-favourites_tags.show, .kt-player .swiper_releted_sort .alphabet .js-favourites_tags.show + .separator { display: inline-block; } .swiper_releted-holder .swiper div.title-rel .favourites_player svg { font-size: 23px; } .fluid_ad_cta { display: none !important; } .spot.spot_player { position: absolute; z-index: 999; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 3px; background: #d6d6d6; text-align: center; display: none; } body.no-touch .kt-player.stop:not(.start):not([data-time="0"]) .spot.spot_player { display: block; } .spot.spot_player .spot-title { position: absolute; font-size: 14px; line-height: 1.2; left: 50%; transform: translateX(-50%); top: -22px; background: #d6d6d6; padding: 3px 25px; box-sizing: border-box; font-weight: 500; border-radius: 5px 5px 0 0; } .spot.spot_player .spot_main { width: 300px; height: 250px; overflow: hidden; } .spot.spot_player .cross-adv_player { position: absolute; border-radius: 50%; background: #000; width: 25px; height: 25px; top: -12px; right: -12px; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 2; } .spot.spot_player .cross-adv_player svg { width: 11px; height: 11px; fill: #fff; } .spot.spot_player .btn-adv_player { font-size: 17px; line-height: 1.4; display: flex; align-items: center; background-color: rgb(254, 254, 254); justify-content: center; max-width: fit-content; margin: 8px auto 6px; padding: 5px 20px; cursor: pointer; } .spot.spot_player .btn-adv_player { background-color: rgb(0, 0, 0); color: #fff; } .spot.spot_player .btn-adv_player svg { margin: 0 5px 0 0; } .spot.spot_player, .spot.spot_player .spot-title { color: #fff; background-color: #333333; } .spot_player-mobile { position: absolute; top: 0; left: 0; width: 100%; height: 100% !important; z-index: 9999; display: none; flex-direction: column; align-items: center; margin: 0 !important; padding: 0 !important; border: none; } body:not(.no-touch) .kt-player.stop:not(.start):not(.is-waiting):not([data-time="0"]):not(.show):not(.show-screens):not(.show-info):not(.show-menu):not(.show-sort):not(.show-search) .spot_player-mobile { display: flex; } .spot_player-mobile .top { width: 100%; text-align: center; } .spot_player-mobile .spot_main { width: 300px; height: 100px; overflow: hidden; margin: 0 auto; background: #000; } .spot_player-mobile .spot-title { font-size: 14px; line-height: 1.2; color: #fff; display: inline-block; text-align: center; padding: 3px 25px; margin-top: 7px; border-radius: 5px 5px 0 0; background: #000; } .spot_player-mobile .btn_holder { height: 100%; display: flex; align-items: center; width: 100%; } .spot_player-mobile .btn-adv_player { font-size: 17px; line-height: 1.4; display: flex; align-items: center; justify-content: center; max-width: fit-content; margin: 8px auto 6px; padding: 5px 20px; cursor: pointer; background-color: #fff; } .spot_player-mobile .btn-adv_player, .spot_player-mobile .btn-adv_player * { color: #000 !important; } .spot_player-mobile .btn-adv_player svg { margin: 0 5px 0 0; } .first_player.is-fullscreen .spot_player-mobile { width: auto; height: auto !important; top: 50%; left: 50%; transform: translate(-50%, -70%); background: transparent; } .first_player.is-fullscreen .btn_holder { padding: 10px 0 0; } .first_player.is-fullscreen .spot_player-mobile .spot_main { background: #000; } body:not(.no-touch) .first_player:not(.is-fullscreen) .kt-player.stop:not(.start):not(.is-waiting):not([data-time="0"]) .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container { opacity: 0 !important; } .video-loader-error { min-height: 72px; height: auto; } .video-loader-error .text { line-height: 1.2; }