https://filmex.to/

扫描 ID：
f45daa2c-aee0-406d-a5cb-c8c55b860d01已完成
提交的 URL：
https://filmex.to/
报告完成时间：

链接 · 找到 1 个

链接文本
https://discord.gg/6r5KTZgqXVOur Discord

JavaScript 变量 · 找到 40 个

名称类型
0object
1object
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
gtagfunction
dataLayerobject
ChatbroLoaderfunction
livewireScriptConfigobject
google_tag_managerobject

控制台日志消息 · 找到 5 条

类型类别记录
warningnetwork
URL
https://filmex.to/
文本
A parser-blocking, cross site (i.e. different eTLD+1) script, https://bedevilantibiotictoken.com/6b/d4/e7/6bd4e733b6e16ccd1109ba2830527dcf.js, is invoked via document.write. The network request for this script MAY be blocked by the browser in this or a future page load due to poor network connectivity. If blocked in this page load, it will be confirmed in a subsequent console message. See https://www.chromestatus.com/feature/5718547946799104 for more details.
warningnetwork
URL
https://filmex.to/
文本
A parser-blocking, cross site (i.e. different eTLD+1) script, https://bedevilantibiotictoken.com/6b/d4/e7/6bd4e733b6e16ccd1109ba2830527dcf.js, is invoked via document.write. The network request for this script MAY be blocked by the browser in this or a future page load due to poor network connectivity. If blocked in this page load, it will be confirmed in a subsequent console message. See https://www.chromestatus.com/feature/5718547946799104 for more details.
warningnetwork
URL
https://filmex.to/
文本
A parser-blocking, cross site (i.e. different eTLD+1) script, https://bedevilantibiotictoken.com/6b/d4/e7/6bd4e733b6e16ccd1109ba2830527dcf.js, is invoked via document.write. The network request for this script MAY be blocked by the browser in this or a future page load due to poor network connectivity. If blocked in this page load, it will be confirmed in a subsequent console message. See https://www.chromestatus.com/feature/5718547946799104 for more details.
warningnetwork
URL
https://filmex.to/
文本
A parser-blocking, cross site (i.e. different eTLD+1) script, https://bedevilantibiotictoken.com/6b/d4/e7/6bd4e733b6e16ccd1109ba2830527dcf.js, is invoked via document.write. The network request for this script MAY be blocked by the browser in this or a future page load due to poor network connectivity. If blocked in this page load, it will be confirmed in a subsequent console message. See https://www.chromestatus.com/feature/5718547946799104 for more details.
errorother
URL
https://cdn.seojuice.io/suggestions.v1.js
文本
[SeoJuice] Error: Page doesn't exist

HTML

<!DOCTYPE html><html lang="en" class="dark" dir="ltr"><head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="csrf-token" content="nXeyDqZ2DykHmx3fcZPF9Cx1LUK4HkWLSoBynbJx">

    <title>            Watch the Best Movies &amp; TV Shows — Filmex
        </title>

    <meta itemprop="name" content="Watch the Best Movies &amp; TV Shows — Filmex">
    <meta itemprop="description" content="Filmex offers a wide collection of movies, including drama, comedy, action, sci-fi, and more.">
    
    <meta property="og:title" content="Watch the Best Movies &amp; TV Shows — Filmex">
    <meta property="og:description" content="Filmex offers a wide collection of movies, including drama, comedy, action, sci-fi, and more.">
        <meta property="og:url" content="https://filmex.to">
    <meta property="og:locale" content="en_EN">
    <meta property="og:type" content="article">
    <meta name="twitter:card" content="summary_large_image">

    <link rel="canonical" href="https://filmex.to">

    <link rel="apple-touch-icon" sizes="180x180" href="https://filmex.to/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://filmex.to/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://filmex.to/favicon/favicon-16x16.png">
<link rel="manifest" href="https://filmex.to/site.webmanifest">
<link rel="preload" as="style" href="https://filmex.to/build/assets/app-41a0d3d4.css"><link rel="modulepreload" href="https://filmex.to/build/assets/app-78822604.js"><link rel="stylesheet" href="https://filmex.to/build/assets/app-41a0d3d4.css" data-navigate-track="reload"><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=G-SGVY7TDLQF&amp;l=dataLayer&amp;cx=c&amp;gtm=45je4bc0h1v9198228979za200"></script><script type="module" src="https://filmex.to/build/assets/app-78822604.js" data-navigate-track="reload"></script>
<style>
    :root {
                        --color-gray-50:249 250 251;
                    --color-gray-100:243 244 246;
                    --color-gray-200:229 231 235;
                    --color-gray-300:209 213 219;
                    --color-gray-400:156 163 175;
                    --color-gray-500:107 114 128;
                    --color-gray-600:75 85 99;
                    --color-gray-700:55 65 81;
                    --color-gray-800:31 41 55;
                    --color-gray-900:17 24 39;
                    --color-gray-950:3 7 18;
                       --color-primary-500: 2 12 77;
    }
</style>
<!-- Google tag (gtag.js) -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-6G9FZR96PD"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-6G9FZR96PD');
</script>
<!-- Google tag (gtag.js) -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-SGVY7TDLQF"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-SGVY7TDLQF');
</script>
<!-- Pixel Code - https://filmex.to/analytics/ -->
<script defer="" src="https://filmex.to/analytics/pixel/QHql4siGkZpsyqsQ"></script>
<!-- END Pixel Code -->
<script id="chatBroEmbedCode">/* Chatbro Widget Embed Code Start */function ChatbroLoader(chats,async){async=!1!==async;var params={embedChatsParameters:chats instanceof Array?chats:[chats],lang:navigator.language||navigator.userLanguage,needLoadCode:'undefined'==typeof Chatbro,embedParamsVersion:localStorage.embedParamsVersion,chatbroScriptVersion:localStorage.chatbroScriptVersion},xhr=new XMLHttpRequest;xhr.withCredentials=!0,xhr.onload=function(){eval(xhr.responseText)},xhr.onerror=function(){console.error('Chatbro loading error')},xhr.open('GET','https://www.chatbro.com/embed.js?'+btoa(unescape(encodeURIComponent(JSON.stringify(params)))),async),xhr.send()}/* Chatbro Widget Embed Code End */ChatbroLoader({encodedChatId: '38zmW'});</script>

<script type="text/javascript" src="https://cdn.seojuice.io/suggestions.v1.js" defer=""></script>
    <!-- Livewire Styles --><style>[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}</style>
    <script data-navigate-once="true">window.livewireScriptConfig = {"csrf":"nXeyDqZ2DykHmx3fcZPF9Cx1LUK4HkWLSoBynbJx","uri":"\/livewire\/update","progressBar":""};</script>
<style type="text/css">.chatbro_data_tippy [data-tippy]{position:absolute;height:inherit;width:inherit;top:0;left:0}.chatbro_data_tippy [data-tippy]:before,.chatbro_data_tippy [data-tippy]:after{position:absolute;display:block;opacity:0;transition:all .18s ease-out;font-family:sans-serif;transform:translate3d(-50%, 0, 0);transform-origin:top;top:100%;left:50%;pointer-events:none;font-weight:100}.chatbro_data_tippy [data-tippy]:before{content:attr(data-tippy);color:#fff;font-size:13px;background-color:#000;z-index:1;padding:3px 6px;border-radius:3px;white-space:nowrap;margin-top:10px}.chatbro_data_tippy [data-tippy]:after{content:'';border:5px solid transparent;border-bottom-color:#000}.chatbro_data_tippy [data-tippy]:hover:before,.chatbro_data_tippy [data-tippy]:hover:after{transform:translate3d(-50%, 0, 0)}.chatbro_data_tippy [data-tippy][data-tippy-pos]:before{top:auto;left:auto;margin-top:auto;transform:none}.chatbro_data_tippy [data-tippy][data-tippy-pos]:after{top:auto;left:auto;margin-top:auto;border-bottom-color:transparent;transform:none}.chatbro_data_tippy [data-tippy][data-tippy-pos='up']:before,.chatbro_data_tippy [data-tippy][data-tippy-pos='up']:after,.chatbro_data_tippy [data-tippy][data-tippy-pos='down']:before,.chatbro_data_tippy [data-tippy][data-tippy-pos='down']:after{left:0}.chatbro_data_tippy [data-tippy][data-tippy-pos='topLeft']:before,.chatbro_data_tippy [data-tippy][data-tippy-pos='topLeft']:after{left:50%}.chatbro_data_tippy [data-tippy][data-tippy-pos='topRight']:before,.chatbro_data_tippy [data-tippy][data-tippy-pos='topRight']:after{left:50%}.chatbro_data_tippy [data-tippy][data-tippy-pos='up']:before,.chatbro_data_tippy [data-tippy][data-tippy-pos='up']:after{bottom:100%;transform:translate3d(-50%, 0, 0)}.chatbro_data_tippy [data-tippy][data-tippy-pos='topLeft']:before,.chatbro_data_tippy [data-tippy][data-tippy-pos='topLeft']:after{bottom:100%;transform:translate3d(-15%, 0, 0)}.chatbro_data_tippy [data-tippy][data-tippy-pos='topRight']:before,.chatbro_data_tippy [data-tippy][data-tippy-pos='topRight']:after{bottom:100%;transform:translate3d(-75%, 0, 0)}.chatbro_data_tippy [data-tippy][data-tippy-pos='up']:before,.chatbro_data_tippy [data-tippy][data-tippy-pos='topRight']:before,.chatbro_data_tippy [data-tippy][data-tippy-pos='topLeft']:before{margin-bottom:10px}.chatbro_data_tippy [data-tippy][data-tippy-pos='up']:after,.chatbro_data_tippy [data-tippy][data-tippy-pos='topRight']:after,.chatbro_data_tippy [data-tippy][data-tippy-pos='topLeft']:after{border-top-color:#000;border-bottom-color:transparent}.chatbro_data_tippy [data-tippy][data-tippy-pos='down']:before,.chatbro_data_tippy [data-tippy][data-tippy-pos='down']:after{top:100%;transform:translate3d(-90%, 0, 0)}.chatbro_data_tippy [data-tippy][data-tippy-pos='down']:before{margin-top:10px}.chatbro_data_tippy [data-tippy][data-tippy-pos='down']:after{border-bottom-color:#000;border-top-color:transparent}.chatbro_data_tippy [data-tippy][data-tippy-pos='left']:before,.chatbro_data_tippy [data-tippy][data-tippy-pos='left']:after,.chatbro_data_tippy [data-tippy][data-tippy-pos='right']:before,.chatbro_data_tippy [data-tippy][data-tippy-pos='right']:after{top:50%}.chatbro_data_tippy [data-tippy][data-tippy-pos='left']:before,.chatbro_data_tippy [data-tippy][data-tippy-pos='left']:after{right:100%;transform:translate3d(0, -50%, 0)}.chatbro_data_tippy [data-tippy][data-tippy-pos='left']:before{margin-right:10px}.chatbro_data_tippy [data-tippy][data-tippy-pos='left']:after{border-left-color:#000}.chatbro_data_tippy [data-tippy][data-tippy-pos='right']:before,.chatbro_data_tippy [data-tippy][data-tippy-pos='right']:after{left:100%;transform:translate3d(0, -50%, 0)}.chatbro_data_tippy [data-tippy][data-tippy-pos='right']:before{margin-left:10px}.chatbro_data_tippy [data-tippy][data-tippy-pos='right']:after{border-right-color:#000}.chatbro_data_tippy [data-tippy]:hover:before,.chatbro_data_tippy [data-tippy]:hover:after{opacity:1}.chatbro_data_tippy [data-tippy][data-tippy-animate='slide']:before,.chatbro_data_tippy [data-tippy][data-tippy-animate='slide']:after{transform:translate3d(-50%, -10px, 0)}.chatbro_data_tippy [data-tippy][data-tippy-animate='slide']:hover:before,.chatbro_data_tippy [data-tippy][data-tippy-animate='slide']:hover:after{transform:translate3d(-50%, 0, 0)}.chatbro_data_tippy [data-tippy][data-tippy-pos='up'][data-tippy-animate='slide']:before,.chatbro_data_tippy [data-tippy][data-tippy-pos='up'][data-tippy-animate='slide']:after{transform:translate3d(-50%, 10px, 0)}.chatbro_data_tippy [data-tippy][data-tippy-pos='down'][data-tippy-animate='slide']:before,.chatbro_data_tippy [data-tippy][data-tippy-pos='down'][data-tippy-animate='slide']:after{transform:translate3d(-50%, -10px, 0)}.chatbro_data_tippy [data-tippy][data-tippy-pos='up'][data-tippy-animate='slide']:hover:before,.chatbro_data_tippy [data-tippy][data-tippy-pos='up'][data-tippy-animate='slide']:hover:after,.chatbro_data_tippy [data-tippy][data-tippy-pos='down'][data-tippy-animate='slide']:hover:before,.chatbro_data_tippy [data-tippy][data-tippy-pos='down'][data-tippy-animate='slide']:hover:after{transform:translate3d(-50%, 0, 0)}.chatbro_data_tippy [data-tippy][data-tippy-pos='left'][data-tippy-animate='slide']:before,.chatbro_data_tippy [data-tippy][data-tippy-pos='left'][data-tippy-animate='slide']:after{transform:translate3d(10px, -50%, 0)}.chatbro_data_tippy [data-tippy][data-tippy-pos='right'][data-tippy-animate='slide']:before,.chatbro_data_tippy [data-tippy][data-tippy-pos='right'][data-tippy-animate='slide']:after{transform:translate3d(-10px, -50%, 0)}.chatbro_data_tippy [data-tippy][data-tippy-pos='left'][data-tippy-animate='slide']:hover:before,.chatbro_data_tippy [data-tippy][data-tippy-pos='left'][data-tippy-animate='slide']:hover:after,.chatbro_data_tippy [data-tippy][data-tippy-pos='right'][data-tippy-animate='slide']:hover:before,.chatbro_data_tippy [data-tippy][data-tippy-pos='right'][data-tippy-animate='slide']:hover:after{transform:translate3d(0, -50%, 0)}.chatbro_data_tippy [data-tippy][data-tippy-animate='bubble']:before,.chatbro_data_tippy [data-tippy][data-tippy-animate='bubble']:after{opacity:1;visibility:hidden}.chatbro_data_tippy [data-tippy][data-tippy-animate='bubble']:hover:before,.chatbro_data_tippy [data-tippy][data-tippy-animate='bubble']:hover:after{visibility:visible}.chatbro_data_tippy [data-tippy][data-tippy-animate='bubble']:before{clip-path:circle(10% at 50% 0)}.chatbro_data_tippy [data-tippy][data-tippy-animate='bubble']:hover:before{clip-path:circle(100% at 50%)}.chatbro_data_tippy [data-tippy][data-tippy-pos='up'][data-tippy-animate='bubble']:before{clip-path:circle(10% at 50% 100%)}.chatbro_data_tippy [data-tippy][data-tippy-pos='up'][data-tippy-animate='bubble']:hover:before{clip-path:circle(100% at 50%)}.chatbro_data_tippy [data-tippy][data-tippy-pos='down'][data-tippy-animate='bubble']:before{clip-path:circle(10% at 50% 0)}.chatbro_data_tippy [data-tippy][data-tippy-pos='down'][data-tippy-animate='bubble']:hover:before{clip-path:circle(100% at 50%)}.chatbro_data_tippy [data-tippy][data-tippy-pos='left'][data-tippy-animate='bubble']:before{clip-path:circle(10% at 100% 50%)}.chatbro_data_tippy [data-tippy][data-tippy-pos='left'][data-tippy-animate='bubble']:hover:before{clip-path:circle(100% at 50%)}.chatbro_data_tippy [data-tippy][data-tippy-pos='right'][data-tippy-animate='bubble']:before{clip-path:circle(10% at 0 50%)}.chatbro_data_tippy [data-tippy][data-tippy-pos='right'][data-tippy-animate='bubble']:hover:before{clip-path:circle(100% at 50%)}.chatbro_image_delete-ico{background-image:url(https://www.chatbro.com/images/sprites.png) !important;background-position:-74px -14px !important;width:10px;height:10px}.chatbro_image_ok{background-image:url(https://www.chatbro.com/images/sprites.png) !important;background-position:0 0 !important;width:32px;height:32px}.chatbro_image_question{background-image:url(https://www.chatbro.com/images/sprites.png) !important;background-position:-37px 0 !important;width:32px;height:32px}.chatbro_image_reply_ico{background-image:url(https://www.chatbro.com/images/sprites.png) !important;background-position:-74px 0 !important;width:12px;height:9px}.chatbro_image_send{background-image:url(https://www.chatbro.com/images/sprites.png) !important;background-position:0 -37px !important;width:32px;height:32px}.chatbro_image_smile{background-image:url(https://www.chatbro.com/images/sprites.png) !important;background-position:-37px -37px !important;width:32px;height:32px}.sprite-icon{display:inline-block}.chatbro_opacity{visibility:hidden}.chatbro_fade_out{visibility:hidden !important;opacity:0 !important;transform:scale(.8);transition:visibility 0s linear 100ms,opacity 100ms,transform .2s}.chatbro_fade_in{visibility:visible !important;opacity:1 !important;transition:visibility 0s linear 0s,opacity 100ms,transform .2s;transform:scale(1)}.chatbro_opacity{animation-name:chatbroopacity;-webkit-animation-name:chatbroopacity;animation-duration:.1s;-webkit-animation-duration:.1s;animation-timing-function:ease-out;-webkit-animation-timing-function:ease-out;visibility:visible !important}@keyframes chatbroopacity{0%{opacity:0}10%{opacity:.1}20%{opacity:.2}30%{opacity:.3}40%{opacity:.4}50%{opacity:.5}60%{opacity:.6}70%{opacity:.7}80%{opacity:.8}90%{opacity:.9}100%{opacity:1}}.chatbro_new_scroll{overflow-y:auto;overflow-y:overlay;scrollbar-width:thin;-ms-overflow-style:none;transform:translateZ(0)}.chatbro_new_scroll::-webkit-scrollbar{width:4px;height:8px}.chatbro_new_scroll::-webkit-scrollbar *{background:transparent}.chatbro_new_scroll::-webkit-scrollbar-thumb{background:#AAAAAA !important;border-radius:4px;-webkit-overflow-scrolling:touch}.chatbro_new_scroll_narrow{overflow-y:auto;overflow-y:overlay;scrollbar-width:thin;-ms-overflow-style:none;transform:translateZ(0)}.chatbro_new_scroll_narrow::-webkit-scrollbar{width:4px;height:4px}.chatbro_new_scroll_narrow::-webkit-scrollbar *{background:transparent}.chatbro_new_scroll_narrow::-webkit-scrollbar-thumb{background:#AAAAAA !important;border-radius:4px;-webkit-overflow-scrolling:touch}.chatbro_new_scroll_horizontal::-webkit-scrollbar{height:4px}.chatbro_new_scroll_horizontal::-webkit-scrollbar *{background:transparent}.chatbro_new_scroll_horizontal::-webkit-scrollbar-thumb{background:#AAAAAA !important;border-radius:4px;-webkit-overflow-scrolling:touch}.chatbro_new_scroll_horizontal_narrow::-webkit-scrollbar{height:4px}.chatbro_new_scroll_horizontal_narrow::-webkit-scrollbar *{background:transparent}.chatbro_new_scroll_horizontal_narrow::-webkit-scrollbar-thumb{background:#AAAAAA !important;border-radius:4px;-webkit-overflow-scrolling:touch}@keyframes chatbro_scroll_last_msg{0%{transform:translate(0, 0)}100%{transform:translate(-100%, 0)}}@font-face{font-display:swap;font-family:"chatbro";src:url("https://www.chatbro.com/fonts/chatbro.eot?10");src:url("https://www.chatbro.com/fonts/chatbro.eot?#iefix?10") format("embedded-opentype"),url("https://www.chatbro.com/fonts/chatbro.woff?10") format("woff"),url("https://www.chatbro.com/fonts/chatbro.ttf?10") format("truetype"),url("https://www.chatbro.com/fonts/chatbro.svg?10#chatbro") format("svg");font-weight:normal;font-style:normal}@font-face{font-display:swap;font-family:'glyphicons-halflings-regular';src:url('https://www.chatbro.com/fonts/glyphicons-halflings-regular.eot');src:url('https://www.chatbro.com/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('https://www.chatbro.com/fonts/glyphicons-halflings-regular.woff2') format('woff2'),url('https://www.chatbro.com/fonts/glyphicons-halflings-regular.woff') format('woff'),url('https://www.chatbro.com/fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('https://www.chatbro.com/fonts/glyphicons-halflings-regular.svg#svgFontName') format('svg')}.chatbro_ico{font-family:"chatbro",serif !important}.chatbro_slide_from_right{right:-6000px;animation:chatbroslr .2s forwards}@keyframes chatbroslr{100%{right:0}}.chatbro_slide_from_left{left:-6000px;animation:chatbrosll .2s forwards}@keyframes chatbrosll{100%{left:0}}.chatbro_container{font-size:12px;position:relative}.chatbro_container [data-tippy]{position:absolute;height:inherit;width:inherit;top:0;left:0}.chatbro_container [data-tippy]:before,.chatbro_container [data-tippy]:after{position:absolute;display:block;opacity:0;transition:all .18s ease-out;font-family:sans-serif;transform:translate3d(-50%, 0, 0);transform-origin:top;top:100%;left:50%;pointer-events:none;font-weight:100}.chatbro_container [data-tippy]:before{content:attr(data-tippy);color:#fff;font-size:13px;background-color:#000;z-index:1;padding:3px 6px;border-radius:3px;white-space:nowrap;margin-top:10px}.chatbro_container [data-tippy]:after{content:'';border:5px solid transparent;border-bottom-color:#000}.chatbro_container [data-tippy]:hover:before,.chatbro_container [data-tippy]:hover:after{transform:translate3d(-50%, 0, 0)}.chatbro_container [data-tippy][data-tippy-pos]:before{top:auto;left:auto;margin-top:auto;transform:none}.chatbro_container [data-tippy][data-tippy-pos]:after{top:auto;left:auto;margin-top:auto;border-bottom-color:transparent;transform:none}.chatbro_container [data-tippy][data-tippy-pos='up']:before,.chatbro_container [data-tippy][data-tippy-pos='up']:after,.chatbro_container [data-tippy][data-tippy-pos='down']:before,.chatbro_container [data-tippy][data-tippy-pos='down']:after{left:0}.chatbro_container [data-tippy][data-tippy-pos='topLeft']:before,.chatbro_container [data-tippy][data-tippy-pos='topLeft']:after{left:50%}.chatbro_container [data-tippy][data-tippy-pos='topRight']:before,.chatbro_container [data-tippy][data-tippy-pos='topRight']:after{left:50%}.chatbro_container [data-tippy][data-tippy-pos='up']:before,.chatbro_container [data-tippy][data-tippy-pos='up']:after{bottom:100%;transform:translate3d(-50%, 0, 0)}.chatbro_container [data-tippy][data-tippy-pos='topLeft']:before,.chatbro_container [data-tippy][data-tippy-pos='topLeft']:after{bottom:100%;transform:translate3d(-15%, 0, 0)}.chatbro_container [data-tippy][data-tippy-pos='topRight']:before,.chatbro_container [data-tippy][data-tippy-pos='topRight']:after{bottom:100%;transform:translate3d(-75%, 0, 0)}.chatbro_container [data-tippy][data-tippy-pos='up']:before,.chatbro_container [data-tippy][data-tippy-pos='topRight']:before,.chatbro_container [data-tippy][data-tippy-pos='topLeft']:before{margin-bottom:10px}.chatbro_container [data-tippy][data-tippy-pos='up']:after,.chatbro_container [data-tippy][data-tippy-pos='topRight']:after,.chatbro_container [data-tippy][data-tippy-pos='topLeft']:after{border-top-color:#000;border-bottom-color:transparent}.chatbro_container [data-tippy][data-tippy-pos='down']:before,.chatbro_container [data-tippy][data-tippy-pos='down']:after{top:100%;transform:translate3d(-90%, 0, 0)}.chatbro_container [data-tippy][data-tippy-pos='down']:before{margin-top:10px}.chatbro_container [data-tippy][data-tippy-pos='down']:after{border-bottom-color:#000;border-top-color:transparent}.chatbro_container [data-tippy][data-tippy-pos='left']:before,.chatbro_container [data-tippy][data-tippy-pos='left']:after,.chatbro_container [data-tippy][data-tippy-pos='right']:before,.chatbro_container [data-tippy][data-tippy-pos='right']:after{top:50%}.chatbro_container [data-tippy][data-tippy-pos='left']:before,.chatbro_container [data-tippy][data-tippy-pos='left']:after{right:100%;transform:translate3d(0, -50%, 0)}.chatbro_container [data-tippy][data-tippy-pos='left']:before{margin-right:10px}.chatbro_container [data-tippy][data-tippy-pos='left']:after{border-left-color:#000}.chatbro_container [data-tippy][data-tippy-pos='right']:before,.chatbro_container [data-tippy][data-tippy-pos='right']:after{left:100%;transform:translate3d(0, -50%, 0)}.chatbro_container [data-tippy][data-tippy-pos='right']:before{margin-left:10px}.chatbro_container [data-tippy][data-tippy-pos='right']:after{border-right-color:#000}.chatbro_container [data-tippy]:hover:before,.chatbro_container [data-tippy]:hover:after{opacity:1}.chatbro_container [data-tippy][data-tippy-animate='slide']:before,.chatbro_container [data-tippy][data-tippy-animate='slide']:after{transform:translate3d(-50%, -10px, 0)}.chatbro_container [data-tippy][data-tippy-animate='slide']:hover:before,.chatbro_container [data-tippy][data-tippy-animate='slide']:hover:after{transform:translate3d(-50%, 0, 0)}.chatbro_container [data-tippy][data-tippy-pos='up'][data-tippy-animate='slide']:before,.chatbro_container [data-tippy][data-tippy-pos='up'][data-tippy-animate='slide']:after{transform:translate3d(-50%, 10px, 0)}.chatbro_container [data-tippy][data-tippy-pos='down'][data-tippy-animate='slide']:before,.chatbro_container [data-tippy][data-tippy-pos='down'][data-tippy-animate='slide']:after{transform:translate3d(-50%, -10px, 0)}.chatbro_container [data-tippy][data-tippy-pos='up'][data-tippy-animate='slide']:hover:before,.chatbro_container [data-tippy][data-tippy-pos='up'][data-tippy-animate='slide']:hover:after,.chatbro_container [data-tippy][data-tippy-pos='down'][data-tippy-animate='slide']:hover:before,.chatbro_container [data-tippy][data-tippy-pos='down'][data-tippy-animate='slide']:hover:after{transform:translate3d(-50%, 0, 0)}.chatbro_container [data-tippy][data-tippy-pos='left'][data-tippy-animate='slide']:before,.chatbro_container [data-tippy][data-tippy-pos='left'][data-tippy-animate='slide']:after{transform:translate3d(10px, -50%, 0)}.chatbro_container [data-tippy][data-tippy-pos='right'][data-tippy-animate='slide']:before,.chatbro_container [data-tippy][data-tippy-pos='right'][data-tippy-animate='slide']:after{transform:translate3d(-10px, -50%, 0)}.chatbro_container [data-tippy][data-tippy-pos='left'][data-tippy-animate='slide']:hover:before,.chatbro_container [data-tippy][data-tippy-pos='left'][data-tippy-animate='slide']:hover:after,.chatbro_container [data-tippy][data-tippy-pos='right'][data-tippy-animate='slide']:hover:before,.chatbro_container [data-tippy][data-tippy-pos='right'][data-tippy-animate='slide']:hover:after{transform:translate3d(0, -50%, 0)}.chatbro_container [data-tippy][data-tippy-animate='bubble']:before,.chatbro_container [data-tippy][data-tippy-animate='bubble']:after{opacity:1;visibility:hidden}.chatbro_container [data-tippy][data-tippy-animate='bubble']:hover:before,.chatbro_container [data-tippy][data-tippy-animate='bubble']:hover:after{visibility:visible}.chatbro_container [data-tippy][data-tippy-animate='bubble']:before{clip-path:circle(10% at 50% 0)}.chatbro_container [data-tippy][data-tippy-animate='bubble']:hover:before{clip-path:circle(100% at 50%)}.chatbro_container [data-tippy][data-tippy-pos='up'][data-tippy-animate='bubble']:before{clip-path:circle(10% at 50% 100%)}.chatbro_container [data-tippy][data-tippy-pos='up'][data-tippy-animate='bubble']:hover:before{clip-path:circle(100% at 50%)}.chatbro_container [data-tippy][data-tippy-pos='down'][data-tippy-animate='bubble']:before{clip-path:circle(10% at 50% 0)}.chatbro_container [data-tippy][data-tippy-pos='down'][data-tippy-animate='bubble']:hover:before{clip-path:circle(100% at 50%)}.chatbro_container [data-tippy][data-tippy-pos='left'][data-tippy-animate='bubble']:before{clip-path:circle(10% at 100% 50%)}.chatbro_container [data-tippy][data-tippy-pos='left'][data-tippy-animate='bubble']:hover:before{clip-path:circle(100% at 50%)}.chatbro_container [data-tippy][data-tippy-pos='right'][data-tippy-animate='bubble']:before{clip-path:circle(10% at 0 50%)}.chatbro_container [data-tippy][data-tippy-pos='right'][data-tippy-animate='bubble']:hover:before{clip-path:circle(100% at 50%)}.chatbro_container .chatbro_unmovable_chat{position:relative}.chatbro_container .chatbro_movable_chat{position:fixed;z-index:100004}.chatbro_container .chatbro_minimized_chat.chatbro_movable_chat{bottom:0;z-index:100005}.chatbro_container .chatbro_minimized_chat.chatbro_unmovable_chat{display:none}.chatbro_container .chatbro_minimized_chat.chatbro_unmovable_chat .chatbro_minimized_caption{width:100%}.chatbro_container *{box-sizing:border-box;font-family:Tahoma,Helvetica,sans-serif;letter-spacing:.2px}.chatbro_container .emojione{font-size:inherit;height:18px;width:18px;min-height:18px;min-width:18px;display:inline-block;margin:-0.2ex .15em 0;line-height:normal;vertical-align:middle}.chatbro_container img.emojione{width:auto}.chatbro_container table{border:none !important;background-color:inherit !important;margin:0 !important}.chatbro_container table tr,.chatbro_container table td,.chatbro_container table tbody{border:none;background:none !important}.chatbro_container button,.chatbro_container input{border:0 !important;padding:0 !important;box-shadow:none !important;border-radius:0 !important;min-height:0 !important;font-weight:normal !important;text-shadow:none !important;outline:none !important;text-transform:none !important;min-width:1px;line-height:normal}.chatbro_container button{font-family:"chatbro",serif !important;text-align:center !important}.chatbro_container label{text-transform:none}.chatbro_add_funds{display:inline;padding:0;color:#0096cf;text-decoration:underline}.chatbro_add_funds:hover{color:#0096cf}.chatbro_alert{margin:0;margin-top:10px;margin-right:10px;padding:0 10px;opacity:.9;display:inline-block;font-size:13px;border:1px solid transparent;border-radius:3px}.chatbro_alert:last-child{margin-right:0}.chatbro_alert.chatbro_alert_danger{background-color:#f2dede;border-color:#ebccd1;color:#a94442}.chatbro_alert.chatbro_alert_info{background-color:#d9edf7;border-color:#bce8f1;color:#31708f}.chatbro_clearfix{content:" ";display:table}.chatbro_chat_wrapper{width:100%;height:inherit;display:block}.chatbro_chat{display:block;-webkit-user-select:auto;-ms-user-select:auto;user-select:auto}.chatbro_chat table{display:table;height:auto;border-collapse:initial !important}.chatbro_chat a{color:#2b6dad;text-decoration:none;cursor:pointer;font-size:inherit;word-wrap:normal;border-bottom:none;display:inline}.chatbro_chat a:hover{border-bottom:0;color:#2b6dad;text-decoration:underline}.chatbro_chat .chatbro_ok:before{content:"\41";vertical-align:bottom;font-family:"chatbro",serif !important}.chatbro_header_rotare_to_right{transform:rotate(-90deg);transform-origin:left bottom 0}.chatbro_header_rotare_to_left{transform:rotate(90deg);transform-origin:right bottom 0}.chatbro_opacity_move{opacity:.8}.chatbro_header{position:relative;z-index:6;width:100%;height:37px;overflow:hidden}.chatbro_header tbody,.chatbro_header tr,.chatbro_header td{height:inherit}.chatbro_header .hideChatArea{position:absolute;width:100%;background:black;opacity:.5}.chatbro_header table{width:100%;height:100% !important;table-layout:auto !important;border-spacing:0 !important;margin:0}.chatbro_header table td{padding:0 !important;margin:0;display:table-cell;vertical-align:middle !important;border:none !important}.chatbro_header .chatbro_header_caption_td{width:100%}.chatbro_header .chatbro_header_caption_td .chatbro_minimized_caption{display:inline}.chatbro_header .chatbro_header_alarm{position:absolute;width:20px;height:20px;background:white;border:2px solid;border-radius:10px;top:14px;color:#474d5b;left:12px;font-weight:bold;font-size:14px;text-align:center;cursor:pointer;padding:0;margin:0;line-height:17px;display:none}.chatbro_header .chatbro_header_alarm .chatbro_alarm_ico{top:0;padding:0;font-size:12px;font-weight:100}.chatbro_header .chatbro_header_button{width:35px;height:100%;padding:0;margin:0;font-size:14px;background:none;transition:.1s ease-out}.chatbro_header .chatbro_header_button span{display:none}.chatbro_header .chatbro_caption{-webkit-user-select:none;-ms-user-select:none;user-select:none}.chatbro_header .chatbro_chat_name{padding:3px 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;float:left;font-size:13px;height:100%;line-height:31px}.chatbro_header .chatbro_movable_minimized_last_message{display:block;width:125px;white-space:nowrap;overflow:hidden}.chatbro_header .chatbro_movable_minimized_last_message span{display:inline-block;padding-left:100%;animation:chatbro_scroll_last_msg 5s infinite linear}.chatbro_header .chatbro_title,.chatbro_header .chatbro_movable_minimized_title,.chatbro_header .chatbro_movable_minimized_last_message{font-size:13px;font-weight:bold;padding:0;text-align:left}.chatbro_header .chatbro_title>*,.chatbro_header .chatbro_movable_minimized_title>*,.chatbro_header .chatbro_movable_minimized_last_message>*{display:inline-block}.chatbro_header .chatbro_title,.chatbro_header .chatbro_movable_minimized_title{text-overflow:ellipsis}.chatbro_header .chatbro_movable_minimized_title,.chatbro_header .chatbro_movable_minimized_last_message{display:inline-block;font-size:13px}.chatbro_header .chatbro_participant_wrapper_max{margin-right:9px}.chatbro_header .chatbro_participant_wrapper_max,.chatbro_header .chatbro_participant_wrapper_min,.chatbro_header .chatbro_notifications{float:right;padding:5px 1px;font-size:13px;height:100%;line-height:27px}.chatbro_header .chatbro_notifications{cursor:pointer;padding:3px 0;display:none}.chatbro_header .chatbro_participant_count{display:none;position:relative}.chatbro_header .chatbro_movable_minimized_ico_wrapper{display:inline-block;margin-right:3px !important;height:23px;width:23px;text-align:left}.chatbro_header .chatbro_movable_minimized_ico_wrapper .chatbro_movable_minimized_icon_0{display:none}.chatbro_header .chatbro_movable_minimized_ico_wrapper .chatbro_movable_minimized_icon_1,.chatbro_header .chatbro_movable_minimized_ico_wrapper .chatbro_movable_minimized_icon_2,.chatbro_header .chatbro_movable_minimized_ico_wrapper .chatbro_movable_minimized_icon_3,.chatbro_header .chatbro_movable_minimized_ico_wrapper .chatbro_movable_minimized_icon_4,.chatbro_header .chatbro_movable_minimized_ico_wrapper .chatbro_movable_minimized_icon_5,.chatbro_header .chatbro_movable_minimized_ico_wrapper .chatbro_movable_minimized_icon_6,.chatbro_header .chatbro_movable_minimized_ico_wrapper .chatbro_movable_minimized_icon_7{font-size:20px;top:1px;left:0;position:relative}.chatbro_header .chatbro_movable_minimized_ico_wrapper .chatbro_movable_minimized_icon_1:before{font-family:"chatbro",serif !important;content:"\25"}.chatbro_header .chatbro_movable_minimized_ico_wrapper .chatbro_movable_minimized_icon_2{top:0}.chatbro_header .chatbro_movable_minimized_ico_wrapper .chatbro_movable_minimized_icon_2:before{font-family:"chatbro",serif !important;content:"\23"}.chatbro_header .chatbro_movable_minimized_ico_wrapper .chatbro_movable_minimized_icon_3:before{font-family:"chatbro",serif !important;content:"\26"}.chatbro_header .chatbro_movable_minimized_ico_wrapper .chatbro_movable_minimized_icon_4{top:0}.chatbro_header .chatbro_movable_minimized_ico_wrapper .chatbro_movable_minimized_icon_4:before{font-family:"chatbro",serif !important;content:"\4a"}.chatbro_header .chatbro_movable_minimized_ico_wrapper .chatbro_movable_minimized_icon_5:before{font-family:"chatbro",serif !important;content:"\21"}.chatbro_header .chatbro_movable_minimized_ico_wrapper .chatbro_movable_minimized_icon_6{top:0}.chatbro_header .chatbro_movable_minimized_ico_wrapper .chatbro_movable_minimized_icon_6:before{font-family:"chatbro",serif !important;content:"\24"}.chatbro_header .chatbro_movable_minimized_ico_wrapper .chatbro_movable_minimized_icon_7{top:0}.chatbro_header .chatbro_movable_minimized_ico_wrapper .chatbro_movable_minimized_icon_7:before{font-family:"chatbro",serif !important;content:"\27"}.chatbro_header .chatbro_participant_ico{font-size:9px;top:0;margin-right:3px;position:relative}.chatbro_header .chatbro_participant_ico:before{content:'\7a';font-family:"chatbro",serif !important}.chatbro_header .chatbro_minimized_chat_ico{font-size:20px;margin-left:10px;color:white}.chatbro_header .chatbro_minimized_chat_ico:before{content:'\56';font-family:"chatbro",serif !important}.chatbro_header .chatbro_alarm_ico{font-size:9px}.chatbro_header .chatbro_alarm_ico:before{font-family:"chatbro",serif !important;content:'\6c'}.chatbro_header .chatbro_bell_ico{font-size:12px;top:2px;position:relative;margin-right:7px;cursor:pointer}.chatbro_header .chatbro_bell_ico:before{font-family:"chatbro",serif !important;content:'\31'}.chatbro_header .chatbro_minimized_invite_button,.chatbro_header .chatbro_maximized_invite_button{float:left}.chatbro_header .chatbro_minimized_invite_button:before,.chatbro_header .chatbro_maximized_invite_button:before{font-family:"chatbro",serif !important;content:"\79";position:relative;left:0;right:0;font-size:14px;text-shadow:none}.chatbro_header .chatbro_minimize_button{float:right}.chatbro_header .chatbro_minimize_button:before{font-family:"chatbro",serif !important;content:"\34";display:inline;font-weight:normal;font-size:14px;position:relative;top:1px;left:0;right:0;text-shadow:none}.chatbro_header .chatbro_header_minimized_movable{margin:0 10px;display:inline-block;font-weight:bold}.chatbro_header .chatbro_header_minimized_movable div{margin-right:5px}.chatbro_header .chatbro_header_minimized_movable div:last-child{margin-right:0 !important}.chatbro_header .chatbro_header_minimized_movable .chatbro_participant_count{font-size:13px;margin-left:0}.chatbro_header .chatbro_header_minimized_movable *{vertical-align:middle;line-height:normal !important}.chatbro_header .chatbro_header_minimized_movable .new_messages_count{font-size:13px}.chatbro_header .chatbro_header_minimized_movable .chatbro_participant_ico,.chatbro_header .chatbro_header_minimized_movable .new_messages_count_wrapper,.chatbro_header .chatbro_alarm_ico{font-size:10px}.chatbro_header .chatbro_alarm_ico{cursor:pointer;position:relative;top:2px;padding:3px 0;font-size:12px;font-weight:100}.chatbro_header .chatbro_participant_ico,.chatbro_header .new_messages_ico,.chatbro_header .new_messages_count_wrapper,.chatbro_header .new_messages_count_wrapper_max,.chatbro_header .chatbro_alarm_ico,.chatbro_header .chatbro_bell_ico,.chatbro_header .chatbro_minimized_chat_ico{font-family:"chatbro",serif !important}.chatbro_minimized_header{z-index:1;transition:background 1s;transition:opacity 1s ease-in-out}.chatbro_movable_chat .chatbro_minimized_header{min-width:47px;max-width:300px;text-align:center;border-top-left-radius:3px;border-top-right-radius:3px}.chatbro_movable_chat .chatbro_minimized_header table,.chatbro_movable_chat .chatbro_minimized_header td{text-align:center}.chatbro_movable_chat .chatbro_minimized_header table{min-width:100%}.chatbro_movable_chat .chatbro_minimized_header div:before{content:none !important}.chatbro_body{border:2px solid;border-top:none !important;position:relative;overflow:hidden}.chatbro_body .chatbro_system_messages{transition:padding-top 1s}.chatbro_body .chatbro_system_messages_block{position:absolute;z-index:5;top:7px;background-clip:padding-box;border:none;font-size:12px;width:100%;display:none;margin:0 auto;max-width:350px;left:0;right:0}.chatbro_body .chatbro_system_messages_block .chatbro_system_message_close{position:absolute;right:13px;top:9px;cursor:pointer;opacity:.8}.chatbro_body .chatbro_system_messages_block .chatbro_system_message_close:before{content:"\2b";display:inline;font-weight:normal;font-size:15px;position:relative;top:-2px;right:-5px;opacity:.7;font-family:"chatbro",serif !important}.chatbro_body .chatbro_system_messages_block .chatbro_system_messages_wrapper{overflow-y:auto;scrollbar-width:thin;-ms-overflow-style:none;transform:translateZ(0);overflow-y:overlay;line-height:18.3429px;padding:0}.chatbro_body .chatbro_system_messages_block .chatbro_system_messages_wrapper::-webkit-scrollbar{width:4px;height:8px}.chatbro_body .chatbro_system_messages_block .chatbro_system_messages_wrapper::-webkit-scrollbar *{background:transparent}.chatbro_body .chatbro_system_messages_block .chatbro_system_messages_wrapper::-webkit-scrollbar-thumb{background:#AAAAAA !important;border-radius:4px;-webkit-overflow-scrolling:touch}.chatbro_body .chatbro_system_messages_block .chatbro_system_message_fade{height:100%;width:0;position:absolute;background:rgba(0,0,0,0.56);top:0;left:0;opacity:.1}.chatbro_body .chatbro_system_messages_block .chatbro_system_message_info{border-color:#5895e0 !important}.chatbro_body .chatbro_system_messages_block .chatbro_system_message_warning{border-color:#e0dc58 !important}.chatbro_body .chatbro_system_messages_block .chatbro_system_message_error{border-color:#e05867 !important}.chatbro_body .chatbro_system_messages_block .chatbro_system_message_success{border-color:#6de058 !important}.chatbro_body .chatbro_system_messages_block .chatbro_system_message_common{border-color:#bfc1c6 !important}.chatbro_body .chatbro_system_messages_block .chatbro_system_message_wrapped_div{margin:0 0 5px 0}.chatbro_body .chatbro_system_messages_block .chatbro_system_message_wrapped_div:last-of-type{margin-bottom:0}.chatbro_body .chatbro_system_messages_block .chatbro_system_message_wrapped{padding:7px 0 8px 0;border-radius:0;border-radius:5px;border:1px solid}.chatbro_body .chatbro_system_messages_block .chatbro_system_message_wrapped .chatbro_system_message{padding:0 12px;color:inherit;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;word-break:break-word;font-weight:normal}.chatbro_body .chatbro_system_messages_block .chatbro_system_message_wrapped .chatbro_system_message .chatbro_message_text{padding-right:13px}.chatbro_body .chatbro_system_messages_block .chatbro_system_message_info_icon,.chatbro_body .chatbro_system_messages_block .chatbro_system_message_warning_icon,.chatbro_body .chatbro_system_messages_block .chatbro_system_message_error_icon,.chatbro_body .chatbro_system_messages_block .chatbro_system_message_success_icon,.chatbro_body .chatbro_system_messages_block .chatbro_system_message_common_icon{font-size:15px;position:relative;top:3px;left:-3px;padding-right:5px;font-family:"chatbro",serif !important}.chatbro_body .chatbro_system_messages_block .chatbro_system_message_warning_icon:before{content:"\6c";font-family:"chatbro",serif !important}.chatbro_body .chatbro_system_messages_block .chatbro_system_message_error_icon:before{content:"\70";font-family:"chatbro",serif !important}.chatbro_body .chatbro_system_messages_block .chatbro_system_message_success_icon:before{content:"\41";font-family:"chatbro",serif !important}.chatbro_body .chatbro_system_messages_block .chatbro_system_message_info_icon:before,.chatbro_body .chatbro_system_messages_block .chatbro_system_message_common_icon:before{content:"\43";font-family:"chatbro",serif !important}.chatbro_body .chatbro_modal_block{position:absolute;font-size:13px;width:100%;top:0;left:0;z-index:5;overflow:auto;visibility:hidden;opacity:0;transition:visibility .3s,opacity .3s linear;overflow-y:auto;overflow-y:overlay;scrollbar-width:thin;-ms-overflow-style:none;transform:translateZ(0)}.chatbro_body .chatbro_modal_block::-webkit-scrollbar{width:4px;height:8px}.chatbro_body .chatbro_modal_block::-webkit-scrollbar *{background:transparent}.chatbro_body .chatbro_modal_block::-webkit-scrollbar-thumb{background:#AAAAAA !important;border-radius:4px;-webkit-overflow-scrolling:touch}.chatbro_body .chatbro_modal_block button{font-family:Tahoma,Helvetica,sans-serif !important}.chatbro_body .chatbro_modal_block .chatbro_fade_side_block,.chatbro_body .chatbro_modal_block .chatbro_fade_block{width:100%;height:100%;position:absolute;top:0;left:0;cursor:pointer}.chatbro_body .chatbro_modal_block .chatbro_fade_block{opacity:1;background-color:rgba(0,0,0,0.55);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.chatbro_body .chatbro_modal_block .chatbro_fade_block .chatbro_login_progress_radial{display:block;position:relative;top:40%;margin:0 auto;text-indent:-9999em;border:3px solid rgba(120,120,120,0.35);border-left-color:#ffffff;border-right-color:#ffffff;transform:translateZ(0);animation:chatbro_loader_radial 1.1s infinite linear}.chatbro_body .chatbro_modal_block .chatbro_fade_block .chatbro_login_progress_radial,.chatbro_body .chatbro_modal_block .chatbro_fade_block .chatbro_login_progress_radial:after{border-radius:50%;width:45px;height:45px}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper{position:relative;transition:all .1s ease-in-out 0s}.chatbro_body .chatbro_modal_block .chatbro_modal{position:relative;width:85%;min-width:200px;padding:20px;box-shadow:0 0 1px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);border:none;margin:0 auto;border-radius:4px}.chatbro_body .chatbro_modal_block .chatbro_modal *{text-align:left;line-height:normal}.chatbro_body .chatbro_modal_block .chatbro_modal .chatbro_modal_button{cursor:pointer;outline:none;box-shadow:none;background-size:auto !important;text-align:right;font-size:12px;font-weight:bold !important;border-radius:3px !important;padding:4px 8px !important;opacity:.7;position:absolute;right:20px;bottom:20px}.chatbro_body .chatbro_modal_block .chatbro_modal .chatbro_modal_button:hover{opacity:.8}.chatbro_body .chatbro_modal_block .chatbro_modal .chatbro_modal_head{font-size:13px;font-weight:bold;color:#3F4549;margin-bottom:12px}.chatbro_body .chatbro_modal_block .chatbro_modal span.chatbro_modal_close{font-family:"chatbro",serif !important;float:right;cursor:pointer}.chatbro_body .chatbro_modal_block .chatbro_modal span.chatbro_modal_close:before{content:"\63";display:inline;font-weight:normal;top:-1px;font-size:15px;position:relative;font-family:"chatbro",serif !important}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_patron{max-width:300px;position:relative;width:85%;min-width:200px;padding:20px;box-shadow:0 0 1px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);border:none;margin:0 auto;border-radius:4px}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_patron *{text-align:left;line-height:normal}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_patron .chatbro_modal_button{cursor:pointer;outline:none;box-shadow:none;background-size:auto !important;text-align:right;font-size:12px;font-weight:bold !important;border-radius:3px !important;padding:4px 8px !important;opacity:.7;position:absolute;right:20px;bottom:20px}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_patron .chatbro_modal_button:hover{opacity:.8}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_patron .chatbro_modal_head{font-size:13px;font-weight:bold;color:#3F4549;margin-bottom:12px}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_patron span.chatbro_modal_close{font-family:"chatbro",serif !important;float:right;cursor:pointer}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_patron span.chatbro_modal_close:before{content:"\63";display:inline;font-weight:normal;top:-1px;font-size:15px;position:relative;font-family:"chatbro",serif !important}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_patron .chatbro_modal_patron_title{font-size:16px}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_patron .chatbro_modal_menu_plan_alarms{margin:0;padding:5px 0 10px 18px;position:relative}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_patron .chatbro_modal_menu_plan_alarms li{padding:0;margin:0;font-size:13px;opacity:.7}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_patron .chatbro_patron_block{padding:0 !important}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_patron .chatbro_patron_block *{line-height:19.8714px}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_menu{max-width:220px;position:relative;width:85%;min-width:200px;padding:20px;box-shadow:0 0 1px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);border:none;margin:0 auto;border-radius:4px;padding:0}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_menu *{text-align:left;line-height:normal}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_menu .chatbro_modal_button{cursor:pointer;outline:none;box-shadow:none;background-size:auto !important;text-align:right;font-size:12px;font-weight:bold !important;border-radius:3px !important;padding:4px 8px !important;opacity:.7;position:absolute;right:20px;bottom:20px}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_menu .chatbro_modal_button:hover{opacity:.8}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_menu .chatbro_modal_head{font-size:13px;font-weight:bold;color:#3F4549;margin-bottom:12px}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_menu span.chatbro_modal_close{font-family:"chatbro",serif !important;float:right;cursor:pointer}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_menu span.chatbro_modal_close:before{content:"\63";display:inline;font-weight:normal;top:-1px;font-size:15px;position:relative;font-family:"chatbro",serif !important}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_menu .chatbro_modal_menu_head{padding:10px 10px;text-align:center;margin-bottom:0}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_menu .chatbro_modal_menu_body .chatbro_modal_menu_set_moder,.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_menu .chatbro_modal_menu_body .chatbro_modal_menu_delete_moder,.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_menu .chatbro_modal_menu_body .chatbro_modal_menu_giveprem,.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_menu .chatbro_modal_menu_body .chatbro_modal_menu_delete_messages_from_user{cursor:pointer;font-size:13px;padding:10px 10px;border-top:1px solid #e5e5e5;margin:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_menu .chatbro_modal_menu_body .chatbro_modal_menu_set_moder:hover,.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_menu .chatbro_modal_menu_body .chatbro_modal_menu_delete_moder:hover,.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_menu .chatbro_modal_menu_body .chatbro_modal_menu_giveprem:hover,.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_menu .chatbro_modal_menu_body .chatbro_modal_menu_delete_messages_from_user:hover{opacity:.8}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_menu .chatbro_modal_menu_body .chatbro_modal_menu_set_moder_ico:before,.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_menu .chatbro_modal_menu_body .chatbro_modal_menu_delete_moder_ico:before,.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_menu .chatbro_modal_menu_body .chatbro_modal_menu_giveprem_ico:before,.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_menu .chatbro_modal_menu_body .chatbro_modal_menu_delete_messages_from_user_ico:before{font-family:"chatbro",serif !important;font-size:16px;top:0;position:relative;opacity:.8;padding:0 10px 0 5px}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_menu .chatbro_modal_menu_body .chatbro_modal_menu_delete_messages_from_user_ico:before{content:'\2b';font-family:"chatbro",serif !important}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_menu .chatbro_modal_menu_body .chatbro_modal_menu_set_moder_ico:before{content:'\58';font-family:"chatbro",serif !important}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_menu .chatbro_modal_menu_body .chatbro_modal_menu_delete_moder_ico:before{content:'\58';font-family:"chatbro",serif !important}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_menu .chatbro_modal_menu_body .chatbro_modal_menu_giveprem_ico:before{content:'\58';font-family:"chatbro",serif !important}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_ban{max-width:300px;height:257px;position:relative;width:85%;min-width:200px;padding:20px;box-shadow:0 0 1px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);border:none;margin:0 auto;border-radius:4px}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_ban *{text-align:left;line-height:normal}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_ban .chatbro_modal_button{cursor:pointer;outline:none;box-shadow:none;background-size:auto !important;text-align:right;font-size:12px;font-weight:bold !important;border-radius:3px !important;padding:4px 8px !important;opacity:.7;position:absolute;right:20px;bottom:20px}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_ban .chatbro_modal_button:hover{opacity:.8}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_ban .chatbro_modal_head{font-size:13px;font-weight:bold;color:#3F4549;margin-bottom:12px}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_ban span.chatbro_modal_close{font-family:"chatbro",serif !important;float:right;cursor:pointer}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_ban span.chatbro_modal_close:before{content:"\63";display:inline;font-weight:normal;top:-1px;font-size:15px;position:relative;font-family:"chatbro",serif !important}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_ban .chatbro_modal_ban_reason{width:100% !important;resize:none;font-size:13px;margin:0 !important;display:block;-webkit-appearance:none;-moz-appearance:none;height:30px;border-bottom:1px solid;transition:border .3s;padding:0 !important}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_ban .chatbro_modal_ban_info_delete_messages{vertical-align:5px}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_ban .chatbro_modal_ban_info_shadow{cursor:help;border-bottom:1px dotted;vertical-align:5px}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_ban .chatbro_modal_ban_is_shadow,.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_ban .chatbro_modal_delete_all_messages_form_user{margin-left:10px;opacity:1 !important}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_ban .chatbro_modal_ban_info_duration{font-size:14px;vertical-align:super;opacity:.9;margin-left:10px}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_ban .chatbro_modal_ban_info_duration .chatbro_modal_ban_info_label{float:right}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_ban .chatbro_modal_ban_info{font-size:13px;margin-bottom:12px}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_ban .chatbro_modal_ban_info:last-of-type{margin-bottom:0}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_ban .chatbro_modal_ban_info input{width:auto;float:right}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_ban .chatbro_modal_ban_info .chatbro_ban_by_ip,.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_ban .chatbro_modal_ban_info .chatbro_ban_by_user_id{display:inline-block}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_ban .chatbro_modal_ban_info .chatbro_ban_by_ip *,.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_ban .chatbro_modal_ban_info .chatbro_ban_by_user_id *{cursor:pointer}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_ban .chatbro_modal_ban_info .chatbro_ban_by_ip label,.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_ban .chatbro_modal_ban_info .chatbro_ban_by_user_id label{margin-right:7px;margin-bottom:0;vertical-align:2px;font-weight:normal}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_ban .chatbro_modal_ban_info .chatbro_ban_by_ip{margin-right:20px}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_ban .chatbro_modal_ban_input_block *{display:inline-block}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_ban .chatbro_modal_ban_input_block input.chatbro_modal_ban_input{width:60%;margin-bottom:12px}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_ban .chatbro_modal_ban_btn{cursor:pointer;outline:none;box-shadow:none;background-size:auto !important;text-align:right;font-size:12px;font-weight:bold !important;border-radius:3px !important;padding:4px 8px !important;opacity:.7;position:absolute;right:20px;bottom:20px}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_ban .chatbro_modal_ban_btn:hover{opacity:.8}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login{max-width:300px;position:relative;width:85%;min-width:200px;padding:20px;box-shadow:0 0 1px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);border:none;margin:0 auto;border-radius:4px}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login *{text-align:left;line-height:normal}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login .chatbro_modal_button{cursor:pointer;outline:none;box-shadow:none;background-size:auto !important;text-align:right;font-size:12px;font-weight:bold !important;border-radius:3px !important;padding:4px 8px !important;opacity:.7;position:absolute;right:20px;bottom:20px}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login .chatbro_modal_button:hover{opacity:.8}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login .chatbro_modal_head{font-size:13px;font-weight:bold;color:#3F4549;margin-bottom:12px}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login span.chatbro_modal_close{font-family:"chatbro",serif !important;float:right;cursor:pointer}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login span.chatbro_modal_close:before{content:"\63";display:inline;font-weight:normal;top:-1px;font-size:15px;position:relative;font-family:"chatbro",serif !important}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login .chatbro_modal_login .chatbro_modal_login_or{height:23px}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login .chatbro_modal_login .chatbro_modal_login_or .chatbro_modal_login_or_hr{border-color:#565B5F}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login .chatbro_modal_login .chatbro_modal_login_or .chatbro_modal_login_or_span{text-align:center;position:relative;top:-32px;background:#FFF;width:32px}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login .chatbro_modal_login .chatbro_modal_login_site{vertical-align:middle;margin-bottom:20px;cursor:pointer;border-radius:3px}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login .chatbro_modal_login .chatbro_modal_login_site:hover{background:#efefef}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login .chatbro_modal_login .chatbro_modal_login_site img.chatbro_modal_login_site_avatar{height:33px;margin-right:10px;vertical-align:middle;border-radius:3px}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login .chatbro_modal_login .chatbro_modal_login_social{margin-bottom:20px}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login .chatbro_modal_login .chatbro_modal_login_social span+span{margin-left:10px}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login .chatbro_modal_login .chatbro_modal_login_social img{height:32px;display:inline;border-radius:3px;box-shadow:none;background:#fff;cursor:pointer}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login .chatbro_modal_login .chatbro_custom_login_link{font-size:13px}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login .chatbro_modal_login .chatbro_modal_login_termsofuse{font-size:12px;margin-top:15px}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login .chatbro_modal_login .chatbro_modal_login_input_block .chatbro_modal_login_input_wrapper{padding-right:50px}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login .chatbro_modal_login .chatbro_modal_login_input_block .chatbro_modal_login_input_wrapper .chatbro_modal_login_input_div{border-bottom:1px solid}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login .chatbro_modal_login .chatbro_modal_login_input_block .chatbro_modal_login_input_wrapper .chatbro_modal_login_input_div input[type="text"]{margin:0 !important;display:block;appearance:none;box-shadow:none;height:30px;width:100%;border:none;transition:border .3s;padding:0 !important}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login .chatbro_modal_login .chatbro_modal_login_input_block .chatbro_modal_login_input_wrapper .chatbro_modal_login_input_div input[type="text"]::-webkit-input-placeholder{color:inherit}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login .chatbro_modal_login .chatbro_modal_login_input_block .chatbro_modal_login_input_wrapper .chatbro_modal_login_input_div input[type="text"]::-moz-placeholder{color:inherit}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login .chatbro_modal_login .chatbro_modal_login_input_block .chatbro_modal_login_input_wrapper .chatbro_modal_login_input_div input[type="text"]:-moz-placeholder{color:inherit}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login .chatbro_modal_login .chatbro_modal_login_input_block .chatbro_modal_login_input_wrapper .chatbro_modal_login_input_div input[type="text"]:-ms-input-placeholder{color:inherit}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login .chatbro_modal_login .chatbro_modal_login_input_block button.chatbro_modal_login_btn{cursor:pointer;outline:none;box-shadow:none;background-size:auto !important;text-align:right;font-size:12px;font-weight:bold !important;border-radius:3px !important;padding:4px 8px !important;opacity:.7;position:absolute;right:20px;bottom:20px}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login .chatbro_modal_login .chatbro_modal_login_input_block button.chatbro_modal_login_btn:hover{opacity:.8}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login .chatbro_modal_login .chatbro_modal_login_input_block button.chatbro_modal_login_btn span{padding:0}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login .chatbro_modal_login .chatbro_model_login_label{margin-bottom:5px}.chatbro_body .chatbro_modal_block .chatbro_modal_wrapper_login .chatbro_modal_login .chatbro_modal_login_bot{font-size:12px;margin-top:7px;display:none}.chatbro_body .chatbro_messages_noconnection_wrapper{display:block;position:relative;top:18%;margin:0 auto;max-width:250px;padding:10px;border-radius:3px;background:#ececec}.chatbro_body .chatbro_messages_noconnection_wrapper .chatbro_messages_noconnection_img{height:50px;display:block;width:50px;float:left}.chatbro_body .chatbro_messages_noconnection_wrapper .chatbro_messages_noconnection_text{display:block;padding-left:0;margin-left:70px;font-size:13px}.chatbro_body .chatbro_messages_plug,.chatbro_body .chatbro_messages_noconnection{background-color:transparent;position:absolute;visibility:hidden;top:0;left:0;right:0;bottom:0;z-index:10}.chatbro_body .chatbro_messages_preload{width:100%;position:absolute !important;top:0;height:auto;left:0;z-index:1;visibility:hidden;background:transparent !important;overflow:hidden !important}@keyframes placeholderAnimate{0%{background-position:-650px 0}100%{background-position:650px 0}}.chatbro_body .chatbro_messages_preload .chatbro_fake_messages{display:block !important;width:100% !important}.chatbro_body .chatbro_messages_preload .chatbro_fake_messages .chatbro_fake_message{height:56px}.chatbro_body .chatbro_messages_preload .chatbro_fake_messages .chatbro_fake_message td{padding:10px 2px 8px !important}.chatbro_body .chatbro_messages_preload .chatbro_fake_messages .chatbro_fake_message .chatbro_fake_message_name,.chatbro_body .chatbro_messages_preload .chatbro_fake_messages .chatbro_fake_message .chatbro_fake_message_text,.chatbro_body .chatbro_messages_preload .chatbro_fake_messages .chatbro_fake_message .chatbro_fake_message_admin,.chatbro_body .chatbro_messages_preload .chatbro_fake_messages .chatbro_fake_message .chatbro_fake_guest_avatar,.chatbro_body .chatbro_messages_preload .chatbro_fake_messages .chatbro_fake_message .chatbro_fake_message_date{animation-duration:2s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-timing-function:linear;animation-name:placeholderAnimate;background:#f6f7f8;background:linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);background-size:1300px !important;color:#e6e6e6;border-radius:3px;opacity:1;line-height:15px}.chatbro_body .chatbro_messages_preload .chatbro_fake_messages .chatbro_fake_message .chatbro_fake_message_date{line-height:10px;width:55px;height:10px}.chatbro_body .chatbro_messages_preload .chatbro_fake_messages .chatbro_fake_message .chatbro_fake_guest_avatar{margin-top:0}.chatbro_body .chatbro_messages_preload .chatbro_fake_messages .chatbro_fake_message .chatbro_fake_message_name{width:80px;height:16px}.chatbro_body .chatbro_messages_preload .chatbro_fake_messages .chatbro_fake_message .chatbro_fake_message_wrapped{line-height:1px}.chatbro_body .chatbro_messages_preload .chatbro_fake_messages .chatbro_fake_message .chatbro_fake_message_auth_name{line-height:normal}.chatbro_body .chatbro_messages_preload .chatbro_fake_messages .chatbro_fake_message .chatbro_fake_message_user_type{border:none;color:transparent}.chatbro_body .chatbro_messages_preload .chatbro_fake_messages .chatbro_fake_message .chatbro_fake_message_text{display:inline-block;margin-top:5px;width:150px;height:15px}.chatbro_body .chatbro_messages_load_progress_radial{display:block;position:relative;top:40%;margin:0 auto;text-indent:-9999em;border:3px solid rgba(120,120,120,0.2);border-left-color:#6594C6;transform:translateZ(0);animation:chatbro_loader_radial 1.1s infinite linear}.chatbro_body .chatbro_messages_load_progress_radial,.chatbro_body .chatbro_messages_load_progress_radial:after{border-radius:50%;width:45px;height:45px}.chatbro_body .chatbro_messages_load_progress{background-color:transparent;width:100%;height:100%;position:absolute;visibility:hidden;top:0;left:0;z-index:1}.chatbro_body .chatbro_messages_wrapper,.chatbro_body .chatbro_messages_preload{position:relative;overflow-x:hidden;background:#e8e8e8;transform:translate3d(0, 0, 0);overflow-y:auto;overflow-y:overlay;scrollbar-width:thin;-ms-overflow-style:none;transform:translateZ(0)}.chatbro_body .chatbro_messages_wrapper::-webkit-scrollbar,.chatbro_body .chatbro_messages_preload::-webkit-scrollbar{width:4px;height:8px}.chatbro_body .chatbro_messages_wrapper::-webkit-scrollbar *,.chatbro_body .chatbro_messages_preload::-webkit-scrollbar *{background:transparent}.chatbro_body .chatbro_messages_wrapper::-webkit-scrollbar-thumb,.chatbro_body .chatbro_messages_preload::-webkit-scrollbar-thumb{background:#AAAAAA !important;border-radius:4px;-webkit-overflow-scrolling:touch}.chatbro_body .chatbro_messages_wrapper .chatbro_messages_space,.chatbro_body .chatbro_messages_preload .chatbro_messages_space{background-color:#ffffff}.chatbro_body .chatbro_messages_wrapper .chatbro_message_replies,.chatbro_body .chatbro_messages_preload .chatbro_message_replies{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}.chatbro_body .chatbro_messages_wrapper .chatbro_message_replies .chatbro_message_attachment_reply,.chatbro_body .chatbro_messages_preload .chatbro_message_replies .chatbro_message_attachment_reply{border-left:3px solid;margin:0;margin-bottom:5px;opacity:1;border-radius:3px;padding:2px 10px 2px 10px;display:inline-block;cursor:pointer}.chatbro_body .chatbro_messages_wrapper .chatbro_message_replies .chatbro_message_attachment_reply .chatbro_message_replied_text,.chatbro_body .chatbro_messages_preload .chatbro_message_replies .chatbro_message_attachment_reply .chatbro_message_replied_text{min-width:199px}.chatbro_body .chatbro_messages_wrapper .chatbro_message_replies .chatbro_message_attachment_reply:hover,.chatbro_body .chatbro_messages_preload .chatbro_message_replies .chatbro_message_attachment_reply:hover{opacity:1}.chatbro_body .chatbro_messages_wrapper .chatbro_message_replies .chatbro_message_attachment_reply_cutted .chatbro_message_replied_text,.chatbro_body .chatbro_messages_preload .chatbro_message_replies .chatbro_message_attachment_reply_cutted .chatbro_message_replied_text{height:auto;max-width:199px;min-width:199px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chatbro_body .chatbro_messages_wrapper .chatbro_messages_block,.chatbro_body .chatbro_messages_preload .chatbro_messages_block{display:table-cell;vertical-align:bottom;position:relative;z-index:2;background-color:#ffffff}.chatbro_message_avatar_block a,.chatbro_fake_message_avatar_block a{text-decoration:none !important}.chatbro_guest_avatar,.chatbro_admin_avatar,.chatbro_moder_avatar,.chatbro_broken_avatar,.chatbro_fake_guest_avatar{width:32px;height:32px;margin:4px 2px 0 7px;display:block;border-radius:3px;color:#fff;font-weight:bold;font-size:13px;line-height:32px;text-transform:uppercase;text-align:center;background:#d65c87}.chatbro_broken_avatar:before{content:attr(data-name);text-shadow:0 1px 4px #848484}.chatbro_admin_avatar{font-size:15px;background-color:#df5d5d}.chatbro_admin_avatar:before{text-shadow:1px 1px 2px #848484;content:"\\";position:relative;top:1px;font-family:"chatbro",serif !important}.chatbro_moder_avatar{font-size:21px;font-weight:normal;background:#358ad7}.chatbro_moder_avatar:before{text-shadow:1px 1px 2px #848484;content:"X";position:relative;top:1px;font-family:"chatbro",serif !important}.chatbro_guest_avatar{font-size:23px;line-height:35px}.chatbro_guest_avatar:before{text-shadow:1px 1px 2px #848484;content:"L";position:relative;font-family:"chatbro",serif !important}.chatbro_guest_bg_1{background:#cc90e2 !important}.chatbro_guest_bg_2{background:#80d066 !important}.chatbro_guest_bg_3{background:#ecd074 !important}.chatbro_guest_bg_4{background:#6fb1e4 !important}.chatbro_guest_bg_5{background:#e57979 !important}.chatbro_guest_bg_6{background:#f98bae !important}.chatbro_guest_bg_7{background:#73cdd0 !important}.chatbro_guest_bg_8{background:#fba76f !important}.chatbro_guest_bg_9{background:#953b39 !important}.chatbro_guest_bg_10{background:#d0c266 !important}.chatbro_guest_bg_11{background:#d08f66 !important}.chatbro_guest_bg_12{background:#d06681 !important}.chatbro_guest_bg_13{background:#d066b0 !important}.chatbro_guest_bg_14{background:#a966d0 !important}.chatbro_guest_bg_15{background:#9666d0 !important}.chatbro_guest_bg_16{background:#7666d0 !important}.chatbro_guest_bg_17{background:#667dd0 !important}.chatbro_guest_bg_18{background:#66a4d0 !important}.chatbro_guest_bg_19{background:#66c7d0 !important}.chatbro_guest_bg_20{background:#66d0be !important}.chatbro_guest_bg_21{background:#66d09a !important}.chatbro_guest_bg_22{background:#66d067 !important}.chatbro_guest_bg_23{background:#84d066 !important}.chatbro_guest_bg_24{background:#afd066 !important}.chatbro_guest_bg_25{background:#d0ca66 !important}.chatbro_message_name_color_0{color:#b72e2e !important}.chatbro_message_name_color_1{color:#b053d2 !important}.chatbro_message_name_color_2{color:#55b337 !important}.chatbro_message_name_color_3{color:#e3b931 !important}.chatbro_message_name_color_4{color:#2f8ed8 !important}.chatbro_message_name_color_5{color:#d93939 !important}.chatbro_message_name_color_6{color:#f5427b !important}.chatbro_message_name_color_7{color:#3eb5b9 !important}.chatbro_message_name_color_8{color:#f97a25 !important}.chatbro_message_name_color_9{color:#5e2524 !important}.chatbro_message_name_color_10{color:#b3a237 !important}.chatbro_message_name_color_11{color:#b36737 !important}.chatbro_message_name_color_12{color:#b33756 !important}.chatbro_message_name_color_13{color:#b3378d !important}.chatbro_message_name_color_14{color:#8537b3 !important}.chatbro_message_name_color_15{color:#6f37b3 !important}.chatbro_message_name_color_16{color:#4a37b3 !important}.chatbro_message_name_color_17{color:#3752b3 !important}.chatbro_message_name_color_18{color:#377fb3 !important}.chatbro_message_name_color_19{color:#37a8b3 !important}.chatbro_message_name_color_20{color:#37b39e !important}.chatbro_message_name_color_21{color:#37b374 !important}.chatbro_message_name_color_22{color:#37b338 !important}.chatbro_message_name_color_23{color:#5ab337 !important}.chatbro_message_name_color_24{color:#8cb337 !important}.chatbro_message_name_color_25{color:#b3ac37 !important}.chatbro_messages_no_avatars .chatbro_message_avatar_block{display:none !important}.mie .chatbro_message_action_reply,.mie .chatbro_message_action_edit{display:none !important}.chatbro_messages,.chatbro_fake_messages{overflow:hidden;width:inherit !important;height:auto;margin:0;line-height:18.3429px;border-spacing:0 !important}.chatbro_messages tr:nth-child(3) .chatbro_message_actions,.chatbro_fake_messages tr:nth-child(3) .chatbro_message_actions{top:-6px}.chatbro_messages .chatbro_messages_history_plug,.chatbro_fake_messages .chatbro_messages_history_plug{font-size:13px;max-width:331px;width:85%;min-width:200px;margin:10px auto;border:1px solid #f2f2f2;padding:15px;border-radius:5px;position:relative;overflow:auto;overflow-y:auto;overflow-y:overlay;scrollbar-width:thin;-ms-overflow-style:none;transform:translateZ(0)}.chatbro_messages .chatbro_messages_history_plug::-webkit-scrollbar,.chatbro_fake_messages .chatbro_messages_history_plug::-webkit-scrollbar{width:4px;height:4px}.chatbro_messages .chatbro_messages_history_plug::-webkit-scrollbar *,.chatbro_fake_messages .chatbro_messages_history_plug::-webkit-scrollbar *{background:transparent}.chatbro_messages .chatbro_messages_history_plug::-webkit-scrollbar-thumb,.chatbro_fake_messages .chatbro_messages_history_plug::-webkit-scrollbar-thumb{background:#AAAAAA !important;border-radius:4px;-webkit-overflow-scrolling:touch}.chatbro_messages .chatbro_messages_history_plug *,.chatbro_fake_messages .chatbro_messages_history_plug *{line-height:19.8714px}.chatbro_messages .chatbro_messages_history_plug .chatbro_patron_block,.chatbro_fake_messages .chatbro_messages_history_plug .chatbro_patron_block{padding:10px 0 0 0}.chatbro_messages .chatbro_messages_history_plug .chatbro_patron_block_wr,.chatbro_fake_messages .chatbro_messages_history_plug .chatbro_patron_block_wr{padding:0 !important}.chatbro_messages .chatbro_messages_history_plug .chatbro_messages_history_plug_header,.chatbro_fake_messages .chatbro_messages_history_plug .chatbro_messages_history_plug_header{font-weight:600;margin-bottom:10px;font-size:16px}.chatbro_messages .chatbro_messages_history_plug .chatbro_messages_history_plug_body .chatbro_messages_history_plug_desc,.chatbro_fake_messages .chatbro_messages_history_plug .chatbro_messages_history_plug_body .chatbro_messages_history_plug_desc{font-size:13px}.chatbro_messages .chatbro_messages_history_plug .chatbro_messages_history_plug_body .chatbro_messages_history_plug_desc a,.chatbro_fake_messages .chatbro_messages_history_plug .chatbro_messages_history_plug_body .chatbro_messages_history_plug_desc a{text-decoration:underline}.chatbro_messages .chatbro_messages_history_plug .chatbro_messages_history_plug_body .chatbro_messages_history_plug_desc .chatbro_messages_history_plug_body_alarms,.chatbro_fake_messages .chatbro_messages_history_plug .chatbro_messages_history_plug_body .chatbro_messages_history_plug_desc .chatbro_messages_history_plug_body_alarms{margin:0 !important;padding:5px 0 10px 18px !important;position:relative}.chatbro_messages .chatbro_messages_history_plug .chatbro_messages_history_plug_body .chatbro_messages_history_plug_desc .chatbro_messages_history_plug_body_alarms li,.chatbro_fake_messages .chatbro_messages_history_plug .chatbro_messages_history_plug_body .chatbro_messages_history_plug_desc .chatbro_messages_history_plug_body_alarms li{padding:0 !important;margin:0 !important;font-size:13px;opacity:.7}.chatbro_messages tbody,.chatbro_fake_messages tbody{display:block;overflow:hidden;width:100%}.chatbro_messages .unchecked_message,.chatbro_fake_messages .unchecked_message{display:none}.chatbro_messages .chatbro_message,.chatbro_fake_messages .chatbro_message,.chatbro_messages .chatbro_fake_message,.chatbro_fake_messages .chatbro_fake_message{font-size:13px;padding:0;margin:0;text-decoration:none;text-shadow:none;background:none}.chatbro_messages .chatbro_message .chatbro_message_wrapped,.chatbro_fake_messages .chatbro_message .chatbro_message_wrapped,.chatbro_messages .chatbro_fake_message .chatbro_message_wrapped,.chatbro_fake_messages .chatbro_fake_message .chatbro_message_wrapped,.chatbro_messages .chatbro_message .chatbro_fake_message_wrapped,.chatbro_fake_messages .chatbro_message .chatbro_fake_message_wrapped,.chatbro_messages .chatbro_fake_message .chatbro_fake_message_wrapped,.chatbro_fake_messages .chatbro_fake_message .chatbro_fake_message_wrapped{padding:0 7px;position:relative}.chatbro_messages .chatbro_message .chatbro_message_block,.chatbro_fake_messages .chatbro_message .chatbro_message_block,.chatbro_messages .chatbro_fake_message .chatbro_message_block,.chatbro_fake_messages .chatbro_fake_message .chatbro_message_block{line-height:18px;display:inline-block}.chatbro_messages .chatbro_message td,.chatbro_fake_messages .chatbro_message td,.chatbro_messages .chatbro_fake_message td,.chatbro_fake_messages .chatbro_fake_message td{padding:5px 2px 6px !important;vertical-align:top;border-top:1px solid transparent;border-left:none;border-right:none;border-bottom:none}.chatbro_messages .chatbro_message .chatbro_message_empty_block,.chatbro_fake_messages .chatbro_message .chatbro_message_empty_block,.chatbro_messages .chatbro_fake_message .chatbro_message_empty_block,.chatbro_fake_messages .chatbro_fake_message .chatbro_message_empty_block,.chatbro_messages .chatbro_message .chatbro_fake_message_empty_block,.chatbro_fake_messages .chatbro_message .chatbro_fake_message_empty_block,.chatbro_messages .chatbro_fake_message .chatbro_fake_message_empty_block,.chatbro_fake_messages .chatbro_fake_message .chatbro_fake_message_empty_block{width:4px}.chatbro_messages .chatbro_message .chatbro_message_image_block,.chatbro_fake_messages .chatbro_message .chatbro_message_image_block,.chatbro_messages .chatbro_fake_message .chatbro_message_image_block,.chatbro_fake_messages .chatbro_fake_message .chatbro_message_image_block{width:53px}.chatbro_messages .chatbro_message .chatbro_message_image,.chatbro_fake_messages .chatbro_message .chatbro_message_image,.chatbro_messages .chatbro_fake_message .chatbro_message_image,.chatbro_fake_messages .chatbro_fake_message .chatbro_message_image{width:32px;height:32px;margin:4px 2px 0 7px;max-width:none;border-radius:3px;max-width:none !important}.chatbro_messages .chatbro_message .chatbro_message_date_block,.chatbro_fake_messages .chatbro_message .chatbro_message_date_block,.chatbro_messages .chatbro_fake_message .chatbro_message_date_block,.chatbro_fake_messages .chatbro_fake_message .chatbro_message_date_block{width:56px;line-height:18.3429px;transition:visibility 0s,opacity .5s linear}.chatbro_messages .chatbro_message_radial td,.chatbro_fake_messages .chatbro_message_radial td{padding-bottom:30px}.chatbro_messages .chatbro_message_radial td .chatbro_messages_load_progress_radial,.chatbro_fake_messages .chatbro_message_radial td .chatbro_messages_load_progress_radial,.chatbro_messages .chatbro_message_radial td .chatbro_messages_load_progress_radial:after,.chatbro_fake_messages .chatbro_message_radial td .chatbro_messages_load_progress_radial:after{border-radius:50%;width:25px;height:25px}.chatbro_messages .chatbro_messages_empty,.chatbro_fake_messages .chatbro_messages_empty,.chatbro_messages .chatbro_messages_error,.chatbro_fake_messages .chatbro_messages_error{font-size:13px;text-align:center;margin-bottom:10px;line-height:35px}.chatbro_messages .chatbro_messages_empty td,.chatbro_fake_messages .chatbro_messages_empty td,.chatbro_messages .chatbro_messages_error td,.chatbro_fake_messages .chatbro_messages_error td{display:block;width:inherit;text-align:center;text-align:center !important;padding:0 !important}.chatbro_messages .chatbro_messages_error,.chatbro_fake_messages .chatbro_messages_error{display:none}.chatbro_messages .chatbro_message_td_message,.chatbro_fake_messages .chatbro_message_td_message,.chatbro_messages .chatbro_fake_message_td_message,.chatbro_fake_messages .chatbro_fake_message_td_message,.chatbro_messages .chatbro_messages_upload_td,.chatbro_fake_messages .chatbro_messages_upload_td{width:100%}.chatbro_messages .chatbro_messages_upload,.chatbro_fake_messages .chatbro_messages_upload{width:100%;height:20px;background:url(https://www.chatbro.com/images/upload.gif) no-repeat 50% 50%}.chatbro_messages .chatbro_message_auth_name,.chatbro_fake_messages .chatbro_message_auth_name,.chatbro_messages .chatbro_fake_message_auth_name,.chatbro_fake_messages .chatbro_fake_message_auth_name,.chatbro_messages .chatbro_message_reply_auth_name,.chatbro_fake_messages .chatbro_message_reply_auth_name{text-align:left;font-weight:bold;overflow:hidden;text-overflow:ellipsis;-ms-word-break:break-all;word-break:break-all;font-size:12px;line-height:19px;position:relative;word-break:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.chatbro_messages .chatbro_message_auth_name a,.chatbro_fake_messages .chatbro_message_auth_name a,.chatbro_messages .chatbro_fake_message_auth_name a,.chatbro_fake_messages .chatbro_fake_message_auth_name a,.chatbro_messages .chatbro_message_reply_auth_name a,.chatbro_fake_messages .chatbro_message_reply_auth_name a{font-weight:bold;text-decoration:none;line-height:inherit}.chatbro_messages .chatbro_message_user_type,.chatbro_fake_messages .chatbro_message_user_type,.chatbro_messages .chatbro_fake_message_user_type,.chatbro_fake_messages .chatbro_fake_message_user_type,.chatbro_messages .chatbro_dropdown_user_type,.chatbro_fake_messages .chatbro_dropdown_user_type{font-size:10px;margin-left:6px;opacity:.8}.chatbro_messages .chatbro_message_edited,.chatbro_fake_messages .chatbro_message_edited{font-weight:normal}.chatbro_messages .chatbro_message_admin,.chatbro_fake_messages .chatbro_message_admin,.chatbro_messages .chatbro_message_spsr,.chatbro_fake_messages .chatbro_message_spsr,.chatbro_messages .chatbro_fake_message_admin,.chatbro_fake_messages .chatbro_fake_message_admin,.chatbro_messages .chatbro_message_moder,.chatbro_fake_messages .chatbro_message_moder{position:relative;cursor:help;font-weight:bold;border:1px solid;opacity:1;border-radius:3px;text-transform:lowercase;color:white;opacity:.8}.chatbro_messages .chatbro_message_admin,.chatbro_fake_messages .chatbro_message_admin,.chatbro_messages .chatbro_message_moder,.chatbro_fake_messages .chatbro_message_moder{padding:1px 3px}.chatbro_messages .chatbro_message_moder,.chatbro_fake_messages .chatbro_message_moder{border-color:#358ad7;background:#358ad7}.chatbro_messages .chatbro_message_admin,.chatbro_fake_messages .chatbro_message_admin{border-color:#d73535;background:#d73535}.chatbro_messages .chatbro_message_admin:after,.chatbro_fake_messages .chatbro_message_admin:after,.chatbro_messages .chatbro_fake_message_admin:after,.chatbro_fake_messages .chatbro_fake_message_admin:after{content:'admin'}.chatbro_messages .chatbro_message_moder:after,.chatbro_fake_messages .chatbro_message_moder:after{content:'moder'}.chatbro_messages .chatbro_message_spsr:after,.chatbro_fake_messages .chatbro_message_spsr:after{content:'patron'}.chatbro_messages .chatbro_message_spsr,.chatbro_fake_messages .chatbro_message_spsr{cursor:pointer;padding:2px 4px 1px 4px;border:none;color:inherit;opacity:1}.chatbro_messages .chatbro_message_spsr_lvl1,.chatbro_fake_messages .chatbro_message_spsr_lvl1,.chatbro_messages .chatbro_message_spsr_lvl2,.chatbro_fake_messages .chatbro_message_spsr_lvl2,.chatbro_messages .chatbro_message_spsr_lvl3,.chatbro_fake_messages .chatbro_message_spsr_lvl3{opacity:1}.chatbro_messages .chatbro_message_spsr_lvl1,.chatbro_fake_messages .chatbro_message_spsr_lvl1{border-color:#fff1aa;color:#001F28;background:#fff1aa}.chatbro_messages .chatbro_message_spsr_lvl2,.chatbro_fake_messages .chatbro_message_spsr_lvl2{border-color:#e8f1ff;color:#001016;background:#e8f1ff}.chatbro_messages .chatbro_message_spsr_lvl3,.chatbro_fake_messages .chatbro_message_spsr_lvl3{border-color:#ffe8c6;color:#002F3B;background:#ffe8c6}.chatbro_messages .chatbro_message_vk,.chatbro_fake_messages .chatbro_message_vk{cursor:help;padding:1px 5px 0 5px;opacity:.8;font-size:11px;position:relative;top:1px;border-radius:3px;font-weight:normal;border:1px solid}.chatbro_messages .chatbro_message_vk:before,.chatbro_fake_messages .chatbro_message_vk:before{content:'\54';position:relative;left:-1px;top:1px;font-family:"chatbro",serif !important}.chatbro_messages .chatbro_message_guest,.chatbro_fake_messages .chatbro_message_guest{display:none}.chatbro_messages .chatbro_message_tg,.chatbro_fake_messages .chatbro_message_tg{cursor:help;opacity:.8;padding:2px 5px 1px 5px;font-size:9px;border-radius:3px;border:1px solid}.chatbro_messages .chatbro_message_tg:before,.chatbro_fake_messages .chatbro_message_tg:before{content:'\45';position:relative;left:-1px;top:1px;font-family:"chatbro",serif !important}.chatbro_messages .chatbro_message_actions,.chatbro_fake_messages .chatbro_message_actions{display:inline-block;line-height:25px;position:absolute;top:-10px;right:6px;visibility:hidden;border-radius:5px;border:1px solid}.chatbro_messages .chatbro_message_actions:first-child,.chatbro_fake_messages .chatbro_message_actions:first-child{top:0}.chatbro_messages .chatbro_message_actions div,.chatbro_fake_messages .chatbro_message_actions div{cursor:pointer;display:inline-block;margin-left:8px;font-size:11px}.chatbro_messages .chatbro_message_actions div:last-child,.chatbro_fake_messages .chatbro_message_actions div:last-child{border-right:none}.chatbro_messages .chatbro_message_actions .chatbro_message_action_edit,.chatbro_fake_messages .chatbro_message_actions .chatbro_message_action_edit,.chatbro_messages .chatbro_message_actions .chatbro_message_action_reply,.chatbro_fake_messages .chatbro_message_actions .chatbro_message_action_reply,.chatbro_messages .chatbro_message_actions .chatbro_message_action_delete,.chatbro_fake_messages .chatbro_message_actions .chatbro_message_action_delete,.chatbro_messages .chatbro_message_actions .chatbro_message_action_menu,.chatbro_fake_messages .chatbro_message_actions .chatbro_message_action_menu,.chatbro_messages .chatbro_message_actions .chatbro_message_action_ban,.chatbro_fake_messages .chatbro_message_actions .chatbro_message_action_ban{opacity:.9;border:none;border-right:1px solid;border-color:inherit;vertical-align:top}.chatbro_messages .chatbro_message_actions .chatbro_message_action_edit:hover,.chatbro_fake_messages .chatbro_message_actions .chatbro_message_action_edit:hover,.chatbro_messages .chatbro_message_actions .chatbro_message_action_reply:hover,.chatbro_fake_messages .chatbro_message_actions .chatbro_message_action_reply:hover,.chatbro_messages .chatbro_message_actions .chatbro_message_action_delete:hover,.chatbro_fake_messages .chatbro_message_actions .chatbro_message_action_delete:hover,.chatbro_messages .chatbro_message_actions .chatbro_message_action_menu:hover,.chatbro_fake_messages .chatbro_message_actions .chatbro_message_action_menu:hover,.chatbro_messages .chatbro_message_actions .chatbro_message_action_ban:hover,.chatbro_fake_messages .chatbro_message_actions .chatbro_message_action_ban:hover{opacity:1}.chatbro_messages .chatbro_message_actions .chatbro_message_action_div,.chatbro_fake_messages .chatbro_message_actions .chatbro_message_action_div{margin:0;vertical-align:top}.chatbro_messages .chatbro_message_actions .chatbro_message_action_div div,.chatbro_fake_messages .chatbro_message_actions .chatbro_message_action_div div{vertical-align:top}.chatbro_messages .chatbro_message_actions .chatbro_message_action_edit,.chatbro_fake_messages .chatbro_message_actions .chatbro_message_action_edit{font-family:"chatbro",serif !important;font-size:13px;margin-left:0;padding:0 10px;font-weight:100}.chatbro_messages .chatbro_message_actions .chatbro_message_action_edit:before,.chatbro_fake_messages .chatbro_message_actions .chatbro_message_action_edit:before{content:'\37';font-family:"chatbro",serif !important}.chatbro_messages .chatbro_message_actions .chatbro_message_action_reply,.chatbro_fake_messages .chatbro_message_actions .chatbro_message_action_reply{font-family:"chatbro",serif !important;font-size:12px;margin-left:0;padding:0 10px;font-weight:100}.chatbro_messages .chatbro_message_actions .chatbro_message_action_reply:before,.chatbro_fake_messages .chatbro_message_actions .chatbro_message_action_reply:before{content:'\65';font-family:"chatbro",serif !important}.chatbro_messages .chatbro_message_actions .chatbro_message_action_menu,.chatbro_fake_messages .chatbro_message_actions .chatbro_message_action_menu{font-family:"chatbro",serif !important;font-size:20px;margin-left:0;padding:0;font-weight:100;padding:0 2px}.chatbro_messages .chatbro_message_actions .chatbro_message_action_menu:before,.chatbro_fake_messages .chatbro_message_actions .chatbro_message_action_menu:before{content:'\30';font-family:"chatbro",serif !important}.chatbro_messages .chatbro_message_actions .chatbro_message_action_ban,.chatbro_fake_messages .chatbro_message_actions .chatbro_message_action_ban{font-family:"chatbro",serif !important;font-size:13px;margin-left:0;padding:0 10px;font-weight:100}.chatbro_messages .chatbro_message_actions .chatbro_message_action_ban:before,.chatbro_fake_messages .chatbro_message_actions .chatbro_message_action_ban:before{content:'\66';font-family:"chatbro",serif !important}.chatbro_messages .chatbro_message_actions .chatbro_message_action_delete,.chatbro_fake_messages .chatbro_message_actions .chatbro_message_action_delete{font-family:"chatbro",serif !important;font-size:14px;margin-left:0;padding:0 10px;font-weight:100}.chatbro_messages .chatbro_message_actions .chatbro_message_action_delete:before,.chatbro_fake_messages .chatbro_message_actions .chatbro_message_action_delete:before{content:'\2b';font-family:"chatbro",serif !important}.chatbro_messages .chatbro_message_info,.chatbro_fake_messages .chatbro_message_info,.chatbro_messages .chatbro_fake_message_info,.chatbro_fake_messages .chatbro_fake_message_info{display:inline-block}.chatbro_messages .chatbro_message_name,.chatbro_fake_messages .chatbro_message_name,.chatbro_messages .chatbro_fake_message_name,.chatbro_fake_messages .chatbro_fake_message_name,.chatbro_messages .chatbro_message_reply_name,.chatbro_fake_messages .chatbro_message_reply_name{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:normal;vertical-align:middle;max-width:40%;line-height:inherit}.chatbro_messages .chatbro_message_name a,.chatbro_fake_messages .chatbro_message_name a,.chatbro_messages .chatbro_fake_message_name a,.chatbro_fake_messages .chatbro_fake_message_name a,.chatbro_messages .chatbro_message_reply_name a,.chatbro_fake_messages .chatbro_message_reply_name a{font-size:inherit !important}.chatbro_messages .chatbro_message_reply_name,.chatbro_fake_messages .chatbro_message_reply_name{max-width:70%}.chatbro_messages .chatbro_message_text,.chatbro_fake_messages .chatbro_message_text,.chatbro_messages .chatbro_fake_message_text,.chatbro_fake_messages .chatbro_fake_message_text{text-align:left;font-size:13px;line-height:150%;margin:2px 0 0;white-space:pre-line;word-wrap:break-word;word-break:break-all;word-break:break-word;padding:0;font-weight:400;color:inherit;overflow:hidden}.chatbro_messages .chatbro_message_text .chatbro_message_attachments,.chatbro_fake_messages .chatbro_message_text .chatbro_message_attachments,.chatbro_messages .chatbro_fake_message_text .chatbro_message_attachments,.chatbro_fake_messages .chatbro_fake_message_text .chatbro_message_attachments{white-space:pre-line}.chatbro_messages .chatbro_message_text .chatbro_message_replies .chatbro_message_date,.chatbro_fake_messages .chatbro_message_text .chatbro_message_replies .chatbro_message_date,.chatbro_messages .chatbro_fake_message_text .chatbro_message_replies .chatbro_message_date,.chatbro_fake_messages .chatbro_fake_message_text .chatbro_message_replies .chatbro_message_date{display:inline-block;position:absolute;top:1px;right:0}.chatbro_messages .chatbro_message_date,.chatbro_fake_messages .chatbro_message_date,.chatbro_messages .chatbro_fake_message_date,.chatbro_fake_messages .chatbro_fake_message_date{font-size:11px;color:inherit;opacity:.7;margin-left:8px;font-weight:100;position:absolute;top:1px;right:0}.chatbro_messages .chatbro_message_close,.chatbro_fake_messages .chatbro_message_close{cursor:pointer;font-family:"chatbro",serif !important;right:-8px !important;position:absolute;top:-1px !important;border-left:1px solid;border-bottom:1px solid;border-color:#ccc;border-bottom-left-radius:4px;width:20px;text-align:center}.chatbro_messages .chatbro_message_close:before,.chatbro_fake_messages .chatbro_message_close:before{content:"\63";display:inline;font-weight:normal;font-size:15px;font-family:"chatbro",serif !important}.chatbro_dropdown_menu.chatbro_movable_chat{position:fixed}.chatbro_dropdown_menu.chatbro_unmovable_chat{position:absolute;z-index:15;text-align:left}.chatbro_smiles_menu{position:absolute !important;z-index:5;background-clip:padding-box;visibility:hidden;font-size:13px;padding:10px 0 10px 10px;background:white;-webkit-user-select:none;-ms-user-select:none;user-select:none;border-radius:3px;border:1px solid #ccc}.chatbro_smiles_menu:before{position:absolute;bottom:-6px;right:26px;z-index:-3;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:6px solid #999;color:#404040;content:""}.chatbro_smiles_menu .chatbro_frequently_used_smiles{margin-bottom:10px}.chatbro_smiles_menu .chatbro_frequently_used_smiles_title{font-weight:600;font-size:12px}.chatbro_smiles_menu .chatbro_smiles{position:relative;overflow-y:auto;overflow-y:overlay;scrollbar-width:thin;-ms-overflow-style:none;transform:translateZ(0)}.chatbro_smiles_menu .chatbro_smiles::-webkit-scrollbar{width:4px;height:4px}.chatbro_smiles_menu .chatbro_smiles::-webkit-scrollbar *{background:transparent}.chatbro_smiles_menu .chatbro_smiles::-webkit-scrollbar-thumb{background:#AAAAAA !important;border-radius:4px;-webkit-overflow-scrolling:touch}.chatbro_smiles_menu .chatbro_smiles .chatbro_smile_wrapper{display:inline-block;cursor:pointer;padding:5px}.chatbro_smiles_menu .chatbro_smiles .chatbro_smile_wrapper:hover{background-color:#DEDEDE;border-radius:3px}.chatbro_smiles_menu .chatbro_smiles .chatbro_smile_wrapper img{margin:0 !important;padding:0 !important;height:20px;width:20px}.chatbro_dropdown_menu_hack{position:fixed !important;left:-9999px !important;display:inline !important}.chatbro_patron_block{padding:10px 0}.chatbro_patron_block .chatbro_patron_block_top_title_divider{background:#ccc;width:100%;height:1px;position:relative;top:10px;z-index:1}.chatbro_patron_block .chatbro_patron_block_aproxcost{margin-top:20px}.chatbro_patron_block .chatbro_patron_block_top_title{font-weight:bold;text-transform:uppercase;font-size:11px;z-index:2;background:#fafafa;position:relative;padding:0 5px;left:-5px}.chatbro_patron_block .chatbro_patron_block_desc{margin-bottom:5px;font-weight:600}.chatbro_patron_block .chatbro_patron_block_desc_title{margin:0;font-size:inherit;color:inherit;font-weight:600;text-transform:uppercase;font-size:13px}.chatbro_patron_block .chatbro_patron_block_features{display:-ms-flexbox;display:flex;position:relative;padding:0 0 0 15px !important;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch;margin:0 0 10px 0}.chatbro_patron_block .chatbro_patron_block_top_table_wrapper{font-size:12px;position:relative}.chatbro_patron_block .chatbro_patron_block_top_table_wrapper .chatbro_patron_block_top_table{width:100%;margin-top:0;font-size:12px;opacity:1;color:inherit}.chatbro_patron_block .chatbro_patron_block_top_table_wrapper .chatbro_patron_block_top_table td{padding:0 !important;height:18px;line-height:17px}.chatbro_patron_block .chatbro_patron_block_button,.chatbro_patron_block .chatbro_patron_block_button_p{display:inline-block;color:inherit;background:inherit;padding:3px 10px;font-size:13px;border-radius:4px;font-weight:bold;text-decoration:none !important;box-shadow:rgba(0,0,0,0.42) 2px 2px 4px 0;box-sizing:border-box;cursor:pointer;outline:0;text-align:center;transform:translateY(0);transition:opacity 150ms,box-shadow 150ms;-webkit-user-select:none;-ms-touch-action:manipulation;touch-action:manipulation}.chatbro_patron_block .chatbro_patron_block_button:hover,.chatbro_patron_block .chatbro_patron_block_button_p:hover{color:inherit;background:inherit;opacity:.6 !important}.chatbro_patron_block .chatbro_patron_block_button{display:inline-block}.chatbro_patron_block .chatbro_patron_block_button:after{font-family:"chatbro",serif !important;top:1px;position:relative;content:'\5e';font-size:10px;padding:0 0 0 6px}.chatbro_patron_block .chatbro_patron_block_top_button{position:absolute;font-size:11px;opacity:1;top:-20px;right:0;padding:0;padding-left:10px;color:inherit;text-decoration:none;background:#fafafa;z-index:10;line-height:17px}.chatbro_patron_block .chatbro_patron_block_feature{padding:1px 2px;margin:0 3px !important;font-size:12px;opacity:1;display:list-item;border:0;border-radius:4px}.chatbro_patron_block .chatbro_patron_block_feature_history:before,.chatbro_patron_block .chatbro_patron_block_feature_files:before,.chatbro_patron_block .chatbro_patron_block_feature_sync:before{font-family:"chatbro",serif !important;position:relative;font-size:17px;display:inline-block;opacity:.5;float:right;margin-right:0 !important;padding:0 15px}.chatbro_patron_block .chatbro_patron_block_feature_mark:before{content:'PATRON';top:0;position:relative;font-weight:bold;opacity:.5;height:10px;border-radius:3px;text-transform:uppercase;color:inherit;padding:1px 5px 1px 5px;font-size:9px;line-height:19px;display:inline;float:right}.chatbro_patron_block .chatbro_patron_block_feature_history:before{content:'\7e';font-family:"chatbro",serif !important}.chatbro_patron_block .chatbro_patron_block_feature_files:before{content:'\29';font-family:"chatbro",serif !important}.chatbro_patron_block .chatbro_patron_block_feature_sync:before{content:'\75';font-family:"chatbro",serif !important}.chatbro_patron_block .chatbro_patron_load_progress{padding:6px 0}.chatbro_patron_block .chatbro_patron_load_progress .chatbro_patron_load_progress_radial{display:block;position:relative;margin:0;text-indent:-9999em;border:2px solid rgba(120,120,120,0.2);transform:translateZ(0);animation:chatbro_loader_radial 1.1s infinite linear}.chatbro_patron_block .chatbro_patron_load_progress .chatbro_patron_load_progress_radial,.chatbro_patron_block .chatbro_patron_load_progress .chatbro_patron_load_progress_radial:after{border-radius:50%;width:20px;height:20px}.chatbro_dropdown_menu{font-size:14px;display:block;visibility:visible;min-width:160px;max-width:286px;list-style:none;background-color:#FFFFFF;background-clip:padding-box;box-shadow:none;text-align:left;z-index:9999999999 !important;top:0;padding:0 10px;border-right:1px solid;border-bottom:1px solid;border-bottom-right-radius:3px;overflow-x:hidden;overflow-y:auto;overflow-y:overlay;scrollbar-width:thin;-ms-overflow-style:none;transform:translateZ(0)}.chatbro_dropdown_menu::-webkit-scrollbar{width:4px;height:4px}.chatbro_dropdown_menu::-webkit-scrollbar *{background:transparent}.chatbro_dropdown_menu::-webkit-scrollbar-thumb{background:#AAAAAA !important;border-radius:4px;-webkit-overflow-scrolling:touch}.chatbro_dropdown_menu .chatbro_dropdown_block{background:white;border-bottom:1px solid}.chatbro_dropdown_menu .chatbro_dropdown_block:last-child{border-bottom:none}.chatbro_dropdown_menu *{line-height:19.8714px}.chatbro_dropdown_menu a.chatbro_logout{background:inherit !important;line-height:14px;font-size:12px;margin-top:7px}.chatbro_dropdown_menu .chatbro_dropdown_header{text-transform:uppercase}.chatbro_dropdown_menu .chatbro_menu_link_ico{top:5px;position:relative;font-family:"chatbro",serif !important;margin-right:8px;left:0;font-size:20px;line-height:0}.chatbro_dropdown_menu .chatbro_menu_link_ico:before{content:"\57";font-family:"chatbro",serif !important}.chatbro_dropdown_menu div a{font-weight:400;line-height:1.42857143;display:block;clear:both;padding:6px 5px;cursor:pointer;white-space:nowrap;text-decoration:none;color:inherit;overflow:hidden;text-overflow:ellipsis;border-radius:4px;transition:.2s ease-out}.chatbro_dropdown_menu div a:hover{color:inherit}.chatbro_dropdown_menu div a img{display:inline;width:20px;height:20px;margin:0 7px 0 0;vertical-align:sub;top:2px;position:relative}.chatbro_dropdown_menu .chatbro_copyright_link{line-height:1.6}.chatbro_dropdown_menu .chatbro_copyright_link div{line-height:12px}.chatbro_dropdown_menu .chatbro_dropdown_menu_link_new_window:before,.chatbro_dropdown_menu .chatbro_dropdown_menu_link_sign_out:before,.chatbro_dropdown_menu .chatbro_dropdown_menu_link_sign_in:before,.chatbro_dropdown_menu .chatbro_dropdown_menu_ban_list:before,.chatbro_dropdown_menu .chatbro_dropdown_menu_moder_list:before,.chatbro_dropdown_menu .chatbro_dropdown_menu_link_edit:before{font-family:"chatbro",serif !important;top:3px;position:relative;font-size:15px;opacity:.8;padding:0 10px 0 0}.chatbro_dropdown_menu .chatbro_dropdown_menu_link_sign_in:before{content:'\7b';font-family:"chatbro",serif !important}.chatbro_dropdown_menu .chatbro_dropdown_menu_link_new_window:before{content:'\60';font-family:"chatbro",serif !important}.chatbro_dropdown_menu .chatbro_dropdown_menu_link_sign_out:before{padding:0 5px 0 0;content:'\7c';font-family:"chatbro",serif !important}.chatbro_dropdown_menu .chatbro_dropdown_menu_link_edit:before{content:'\38';font-family:"chatbro",serif !important}.chatbro_dropdown_menu .chatbro_dropdown_menu_ban_list:before{content:'\66';font-family:"chatbro",serif !important}.chatbro_dropdown_menu .chatbro_dropdown_menu_moder_list:before{content:'\58';font-family:"chatbro",serif !important}.chatbro_dropdown_menu .chatbro_dropdown_menu_load_progress_wrapper{font-size:13px;display:none;border:none}.chatbro_dropdown_menu .chatbro_dropdown_menu_load_progress_wrapper .chatbro_dropdown_load_progress{padding:11px 15px}.chatbro_dropdown_menu .chatbro_dropdown_menu_load_progress_wrapper .chatbro_dropdown_load_progress .chatbro_dropdown_load_progress_radial{display:block;position:relative;margin:0 auto;text-indent:-9999em;border:2px solid rgba(120,120,120,0.2);transform:translateZ(0);animation:chatbro_loader_radial 1.1s infinite linear}.chatbro_dropdown_menu .chatbro_dropdown_menu_load_progress_wrapper .chatbro_dropdown_load_progress .chatbro_dropdown_load_progress_radial,.chatbro_dropdown_menu .chatbro_dropdown_menu_load_progress_wrapper .chatbro_dropdown_load_progress .chatbro_dropdown_load_progress_radial:after{border-radius:50%;width:25px;height:25px}.chatbro_dropdown_menu .chatbro_dropdown_menu_footnote{font-size:11px;font-style:italic;margin-top:0;text-align:right;opacity:.8}.chatbro_dropdown_menu .chatbro_dropdown_menu_footnote a{padding:0 10px;background:inherit !important}.chatbro_dropdown_menu .chatbro_dropdown_menu_admin_stuff_wrapper{display:none}.chatbro_dropdown_menu .chatbro_dropdown_menu_admin_stuff_wrapper .chatbro_dropdown_menu_admin_stuff{padding:5px 0}.chatbro_dropdown_menu .chatbro_dropdown_menu_plan_wrapper,.chatbro_dropdown_menu .chatbro_dropdown_menu_patron_wrapper{font-size:13px;display:none}.chatbro_dropdown_menu .chatbro_dropdown_menu_plan_wrapper .chatbro_dropdown_menu_plan,.chatbro_dropdown_menu .chatbro_dropdown_menu_patron_wrapper .chatbro_dropdown_menu_plan,.chatbro_dropdown_menu .chatbro_dropdown_menu_plan_wrapper .chatbro_dropdown_menu_patron,.chatbro_dropdown_menu .chatbro_dropdown_menu_patron_wrapper .chatbro_dropdown_menu_patron{padding:10px 0}.chatbro_dropdown_menu .chatbro_dropdown_menu_plan_wrapper .chatbro_dropdown_menu_plan.chatbro_dropdown_menu_plan_name_basic,.chatbro_dropdown_menu .chatbro_dropdown_menu_patron_wrapper .chatbro_dropdown_menu_plan.chatbro_dropdown_menu_plan_name_basic,.chatbro_dropdown_menu .chatbro_dropdown_menu_plan_wrapper .chatbro_dropdown_menu_patron.chatbro_dropdown_menu_plan_name_basic,.chatbro_dropdown_menu .chatbro_dropdown_menu_patron_wrapper .chatbro_dropdown_menu_patron.chatbro_dropdown_menu_plan_name_basic{color:#666;background-color:rgba(241,241,241,0.7)}.chatbro_dropdown_menu .chatbro_dropdown_menu_plan_wrapper .chatbro_dropdown_menu_plan.chatbro_dropdown_menu_plan_name_premium,.chatbro_dropdown_menu .chatbro_dropdown_menu_patron_wrapper .chatbro_dropdown_menu_plan.chatbro_dropdown_menu_plan_name_premium,.chatbro_dropdown_menu .chatbro_dropdown_menu_plan_wrapper .chatbro_dropdown_menu_patron.chatbro_dropdown_menu_plan_name_premium,.chatbro_dropdown_menu .chatbro_dropdown_menu_patron_wrapper .chatbro_dropdown_menu_patron.chatbro_dropdown_menu_plan_name_premium{color:#3c763d;background-color:rgba(223,240,216,0.7)}.chatbro_dropdown_menu .chatbro_dropdown_menu_plan_wrapper .chatbro_dropdown_menu_plan .chatbro_dropdown_menu_plan_name,.chatbro_dropdown_menu .chatbro_dropdown_menu_patron_wrapper .chatbro_dropdown_menu_plan .chatbro_dropdown_menu_plan_name,.chatbro_dropdown_menu .chatbro_dropdown_menu_plan_wrapper .chatbro_dropdown_menu_patron .chatbro_dropdown_menu_plan_name,.chatbro_dropdown_menu .chatbro_dropdown_menu_patron_wrapper .chatbro_dropdown_menu_patron .chatbro_dropdown_menu_plan_name{line-height:10px}.chatbro_dropdown_menu .chatbro_dropdown_menu_plan_wrapper .chatbro_dropdown_menu_plan .chatbro_dropdown_menu_plan_name a,.chatbro_dropdown_menu .chatbro_dropdown_menu_patron_wrapper .chatbro_dropdown_menu_plan .chatbro_dropdown_menu_plan_name a,.chatbro_dropdown_menu .chatbro_dropdown_menu_plan_wrapper .chatbro_dropdown_menu_patron .chatbro_dropdown_menu_plan_name a,.chatbro_dropdown_menu .chatbro_dropdown_menu_patron_wrapper .chatbro_dropdown_menu_patron .chatbro_dropdown_menu_plan_name a{display:inline-block;padding:0}.chatbro_dropdown_menu .chatbro_dropdown_menu_plan_wrapper .chatbro_dropdown_menu_plan .chatbro_dropdown_menu_plan_costs,.chatbro_dropdown_menu .chatbro_dropdown_menu_patron_wrapper .chatbro_dropdown_menu_plan .chatbro_dropdown_menu_plan_costs,.chatbro_dropdown_menu .chatbro_dropdown_menu_plan_wrapper .chatbro_dropdown_menu_patron .chatbro_dropdown_menu_plan_costs,.chatbro_dropdown_menu .chatbro_dropdown_menu_patron_wrapper .chatbro_dropdown_menu_patron .chatbro_dropdown_menu_plan_costs{padding-top:10px}.chatbro_dropdown_menu .chatbro_dropdown_menu_plan_wrapper .chatbro_dropdown_menu_plan .chatbro_dropdown_menu_plan_costs_awork,.chatbro_dropdown_menu .chatbro_dropdown_menu_patron_wrapper .chatbro_dropdown_menu_plan .chatbro_dropdown_menu_plan_costs_awork,.chatbro_dropdown_menu .chatbro_dropdown_menu_plan_wrapper .chatbro_dropdown_menu_patron .chatbro_dropdown_menu_plan_costs_awork,.chatbro_dropdown_menu .chatbro_dropdown_menu_patron_wrapper .chatbro_dropdown_menu_patron .chatbro_dropdown_menu_plan_costs_awork{float:right}.chatbro_dropdown_menu .chatbro_dropdown_menu_plan_wrapper .chatbro_dropdown_menu_plan .chatbro_dropdown_menu_plan_alarms,.chatbro_dropdown_menu .chatbro_dropdown_menu_patron_wrapper .chatbro_dropdown_menu_plan .chatbro_dropdown_menu_plan_alarms,.chatbro_dropdown_menu .chatbro_dropdown_menu_plan_wrapper .chatbro_dropdown_menu_patron .chatbro_dropdown_menu_plan_alarms,.chatbro_dropdown_menu .chatbro_dropdown_menu_patron_wrapper .chatbro_dropdown_menu_patron .chatbro_dropdown_menu_plan_alarms{margin:0 !important;position:relative}.chatbro_dropdown_menu .chatbro_dropdown_menu_plan_wrapper .chatbro_dropdown_menu_plan .chatbro_dropdown_menu_plan_alarms,.chatbro_dropdown_menu .chatbro_dropdown_menu_patron_wrapper .chatbro_dropdown_menu_plan .chatbro_dropdown_menu_plan_alarms,.chatbro_dropdown_menu .chatbro_dropdown_menu_plan_wrapper .chatbro_dropdown_menu_patron .chatbro_dropdown_menu_plan_alarms,.chatbro_dropdown_menu .chatbro_dropdown_menu_patron_wrapper .chatbro_dropdown_menu_patron .chatbro_dropdown_menu_plan_alarms{padding:5px 0 0 15px !important}.chatbro_dropdown_menu .chatbro_dropdown_menu_plan_wrapper .chatbro_plan_warning_icon,.chatbro_dropdown_menu .chatbro_dropdown_menu_patron_wrapper .chatbro_plan_warning_icon{font-size:14px;position:absolute;top:0;padding-right:0;margin:0;left:-19px;font-family:"chatbro",serif !important}.chatbro_dropdown_menu .chatbro_dropdown_menu_plan_wrapper .chatbro_plan_edit_icon,.chatbro_dropdown_menu .chatbro_dropdown_menu_patron_wrapper .chatbro_plan_edit_icon{font-size:14px;padding-right:0;margin:0;vertical-align:middle;padding-right:5px;opacity:.8;font-family:"chatbro",serif !important}.chatbro_dropdown_menu .chatbro_dropdown_menu_plan_wrapper .chatbro_plan_edit_icon:before,.chatbro_dropdown_menu .chatbro_dropdown_menu_patron_wrapper .chatbro_plan_edit_icon:before{content:"\38";font-family:"chatbro",serif !important}.chatbro_dropdown_menu .chatbro_dropdown_menu_plan_wrapper .chatbro_plan_warning_icon:before,.chatbro_dropdown_menu .chatbro_dropdown_menu_patron_wrapper .chatbro_plan_warning_icon:before{content:"\6c";font-family:"chatbro",serif !important}.chatbro_dropdown_menu .chatbro_dropdown_menu_plan_wrapper ul,.chatbro_dropdown_menu .chatbro_dropdown_menu_patron_wrapper ul{float:none !important;list-style-type:disc}.chatbro_dropdown_menu .chatbro_dropdown_menu_plan_wrapper li.chatbro_plan_alert,.chatbro_dropdown_menu .chatbro_dropdown_menu_patron_wrapper li.chatbro_plan_alert{padding:0 !important;margin:0 !important;font-size:12px}.chatbro_dropdown_menu .chatbro_dropdown_menu_plan_wrapper li.chatbro_plan_alert.chatbro_plan_alert_danger,.chatbro_dropdown_menu .chatbro_dropdown_menu_patron_wrapper li.chatbro_plan_alert.chatbro_plan_alert_danger{list-style-type:none;position:relative}.chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper{padding:5px 0}.chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper .chatbro_dropdown_menu_user{padding:10px 0}.chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper .chatbro_dropdown_menu_user .chatbro_dropdown_admin,.chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper .chatbro_dropdown_menu_user .chatbro_dropdown_patron,.chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper .chatbro_dropdown_menu_user .chatbro_dropdown_moder{position:relative;cursor:help;font-weight:bold;border:1px solid;height:auto;border-radius:3px;text-transform:uppercase;color:inherit;padding:2px 3px;font-size:10px;margin-right:4px;text-transform:lowercase;opacity:.8;top:-2px;line-height:8px}.chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper .chatbro_dropdown_menu_user .chatbro_dropdown_moder{border-color:#358ad7;background:#358ad7;color:white}.chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper .chatbro_dropdown_menu_user .chatbro_dropdown_admin{border-color:#d73535;background:#d73535;color:white}.chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper .chatbro_dropdown_menu_user .chatbro_dropdown_patron_lvl1{border-color:#fff1aa;color:#001F28;background:#fff1aa}.chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper .chatbro_dropdown_menu_user .chatbro_dropdown_patron_lvl2{border-color:#e8f1ff;color:#001016;background:#e8f1ff}.chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper .chatbro_dropdown_menu_user .chatbro_dropdown_patron_lvl3{border-color:#ffe8c6;color:#002F3B;background:#ffe8c6}.chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper .chatbro_dropdown_menu_user .chatbro_dropdown_moder:after{content:'moder'}.chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper .chatbro_dropdown_menu_user .chatbro_dropdown_patron:after{content:'patron'}.chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper .chatbro_dropdown_menu_user .chatbro_dropdown_admin:after{content:'admin'}.chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper .chatbro_dropdown_menu_user .chatbro_dropdown_guest{font-weight:bold;opacity:.8;font-size:11px;display:none}.chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper .chatbro_dropdown_menu_user div.chatbro_dropdown_menu_user_avatar_block{display:inline-block;position:relative}.chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper .chatbro_dropdown_menu_user div.chatbro_dropdown_menu_user_avatar_block .chatbro_dropdown_menu_user_avatar{height:40px;width:40px;margin:2px 10px 0 0;line-height:40px;border-radius:3px;display:inline-block;font-size:14px}.chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper .chatbro_dropdown_menu_user div.chatbro_dropdown_menu_user_avatar_block .chatbro_admin_avatar:before{text-shadow:1px 1px 2px #848484;content:"\\";position:relative;font-family:"chatbro",serif !important;font-size:20px}.chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper .chatbro_dropdown_menu_user div.chatbro_dropdown_menu_user_avatar_block .chatbro_moder_avatar:before{text-shadow:1px 1px 2px #848484;content:"X";position:relative;font-family:"chatbro",serif !important;font-size:20px}.chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper .chatbro_dropdown_menu_user div.chatbro_dropdown_menu_user_avatar_block .chatbro_guest_avatar:before{top:12px;text-shadow:1px 1px 2px #848484;content:"L";font-size:23px;line-height:35px;position:relative;font-family:"chatbro",serif !important}.chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper .chatbro_dropdown_menu_user div.chatbro_dropdown_menu_user_info{display:inline-block;vertical-align:top;display:-moz-inline-stack}.chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper .chatbro_dropdown_menu_user div.chatbro_dropdown_menu_user_info .chatbro_dropdown_menu_user_info_gateway{font-family:"chatbro",serif !important;top:0;cursor:help;border:1px solid;border-radius:3px;color:inherit;padding:1px 2px;font-size:11px;background:transparent;border-color:inherit;margin-right:4px;opacity:.8}.chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper .chatbro_dropdown_menu_user div.chatbro_dropdown_menu_user_info .chatbro_guest{top:-5px;position:relative;margin-left:5px}.chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper .chatbro_dropdown_menu_user div.chatbro_dropdown_menu_user_info .chatbro_fb_ico:before{content:"\4d";font-family:"chatbro",serif !important}.chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper .chatbro_dropdown_menu_user div.chatbro_dropdown_menu_user_info .chatbro_tg_ico:before{content:"\45";font-family:"chatbro",serif !important}.chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper .chatbro_dropdown_menu_user div.chatbro_dropdown_menu_user_info .chatbro_vk_ico:before{content:"\54";font-family:"chatbro",serif !important}.chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper .chatbro_dropdown_menu_user div.chatbro_dropdown_menu_user_info .chatbro_guid_ico{font-family:Tahoma,Helvetica,sans-serif !important;font-size:10px;top:-2px;position:relative}.chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper .chatbro_dropdown_menu_user div.chatbro_dropdown_menu_user_info .chatbro_guid_ico:before{content:"CMS"}.chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper .chatbro_dropdown_menu_user div.chatbro_dropdown_menu_user_info .chatbro_go_ico:before{content:"\4e";position:relative;top:1px;font-weight:bold;font-family:"chatbro",serif !important}.chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper .chatbro_dropdown_menu_user div.chatbro_dropdown_menu_user_info .chatbro_dropdown_menu_user_info_name{max-width:125px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:bold;font-size:13px}.chatbro_dropdown_menu .chatbro_dropdown_menu_user_wrapper .chatbro_dropdown_menu_user div.chatbro_dropdown_menu_user_info a{padding:0}.chatbro_dropdown_menu .chatbro_dropdown_divider{padding:11px 15px;font-weight:bold}.chatbro_dropdown_menu .chatbro_copyright{font-size:13px;min-width:200px}.chatbro_dropdown_menu .chatbro_copyright a{margin:0 !important;color:inherit;text-align:left;padding:5px 0 6px 0;line-height:12px;opacity:.7;font-size:10px;height:36px}.chatbro_message_attachment{position:relative;display:block;overflow:hidden;margin:5px 5px 0 0;padding:0;vertical-align:top;word-wrap:break-word;word-break:break-all;word-break:break-word}.chatbro_message_attachment a{float:left}.chatbro_message_attachment a.chatbro_message_attachment_file .chatbro_message_attachment_file_size{opacity:.7;font-size:10px}.chatbro_message_attachment a.chatbro_message_attachment_file .chatbro_message_attachment_file_ico{font-family:"chatbro",serif !important;float:left;opacity:.8}.chatbro_message_attachment a.chatbro_message_attachment_file .chatbro_message_attachment_file_ico:before{content:"\67";font-size:17px;margin-right:5px;font-family:"chatbro",serif !important}.chatbro_message_video_attachment{position:absolute;top:0;left:0;width:100%;max-width:100%;height:100%;border:0}.chatbro_message_attachment_audio .chatbro_audio_player{display:-ms-flexbox;display:flex;max-width:217px;width:100%;padding:0;height:30px}.chatbro_message_attachment_audio .chatbro_audio_player .chatbro_audio_player_source{display:none}.chatbro_message_attachment_audio .chatbro_audio_player .chatbro_audio_player_play_btn{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:left;justify-content:left;font-size:17px;cursor:pointer;opacity:.8;width:27px;position:absolute;padding:6px 0}.chatbro_message_attachment_audio .chatbro_audio_player .chatbro_audio_player_play_btn_start:before{font-family:"chatbro",serif !important;content:"\2c"}.chatbro_message_attachment_audio .chatbro_audio_player .chatbro_audio_player_play_btn_stop:before{font-family:"chatbro",serif !important;content:"\2d";font-size:16px}.chatbro_message_attachment_audio .chatbro_audio_player .chatbro_audio_player_controls_bar{line-height:14px}.chatbro_message_attachment_audio .chatbro_audio_player .chatbro_audio_player_controls{-ms-flex:3;flex:3;padding:0;padding-left:27px}.chatbro_message_attachment_audio .chatbro_audio_player .chatbro_audio_player_controls .chatbro_audio_player_controls_title_wrap{display:-ms-flexbox;display:flex;transition:all 150ms;margin:5px 0;position:relative}.chatbro_message_attachment_audio .chatbro_audio_player .chatbro_audio_player_controls .chatbro_audio_player_controls_title_wrap .chatbro_audio_player_controls_title{font-size:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:auto;max-width:160px;transition:all 150ms ease-out;cursor:pointer}.chatbro_message_attachment_audio .chatbro_audio_player .chatbro_audio_player_controls .chatbro_audio_player_controls_title_wrap .chatbro_audio_player_controls_title .chatbro_audio_player_controls_title_name{font-weight:500}.chatbro_message_attachment_audio .chatbro_audio_player .chatbro_audio_player_controls .chatbro_audio_player_controls_bar{display:-ms-flexbox;display:flex;margin-top:4px;visibility:hidden}.chatbro_message_attachment_audio .chatbro_audio_player .chatbro_audio_player_controls .chatbro_audio_player_controls_bar progress{width:100%}.chatbro_message_attachment_audio .chatbro_audio_player .chatbro_audio_player_controls .chatbro_audio_player_controls_bar progress[value]{appearance:none;color:#2b6dad;height:3px;cursor:pointer;transition:height 150ms ease-out,visibility 80ms ease-out;box-sizing:border-box;display:block;font-size:12px;font-weight:400;line-height:14px;overflow-wrap:break-word;text-align:left;text-shadow:none;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;vertical-align:baseline;visibility:hidden;white-space:pre-wrap;word-break:break-word;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb}.chatbro_message_attachment_audio .chatbro_audio_player .chatbro_audio_player_controls .chatbro_audio_player_controls_bar progress[value]::-webkit-progress-bar{background-color:#e7e8ec;border-radius:2px !important;color:#2b6dad}.chatbro_message_attachment_audio .chatbro_audio_player .chatbro_audio_player_controls .chatbro_audio_player_controls_bar progress[value]::-webkit-progress-value{background-color:#2b6dad}.chatbro_message_attachment_audio .chatbro_audio_player .chatbro_audio_player_controls .chatbro_audio_player_controls_bar input[type='range']{overflow:hidden;visibility:hidden;width:75px;margin:0;margin-left:10px;height:3px;appearance:none;cursor:pointer;border-radius:2px !important;outline:none;transition:height 80ms ease-out,visibility 80ms ease-out}.chatbro_message_attachment_audio .chatbro_audio_player .chatbro_audio_player_controls .chatbro_audio_player_controls_bar input[type='range']::-moz-range-thumb{width:0;appearance:none;height:0;cursor:ew-resize;box-shadow:-80px 0 0 80px #2b6dad;cursor:pointer}.chatbro_message_attachment_audio .chatbro_audio_player .chatbro_audio_player_controls .chatbro_audio_player_controls_bar input[type='range']::-moz-range-progress{height:5px;background-color:#2b6dad;appearance:none}.chatbro_message_attachment_audio .chatbro_audio_player .chatbro_audio_player_controls .chatbro_audio_player_controls_bar input[type='range']::-moz-range-track{height:3px;appearance:none;color:#13bba4;margin-top:-1px;background-color:#e7e8ec}.chatbro_message_attachment_audio .chatbro_audio_player .chatbro_audio_player_controls .chatbro_audio_player_controls_bar input[type='range']::-ms-fill-lower{background-color:#2b6dad;appearance:none}.chatbro_message_attachment_audio .chatbro_audio_player .chatbro_audio_player_controls .chatbro_audio_player_controls_bar input[type='range']::-ms-fill-upper{background-color:#e7e8ec;appearance:none}.chatbro_message_attachment_audio .chatbro_audio_player .chatbro_audio_player_controls .chatbro_audio_player_controls_bar input[type='range']::-webkit-slider-runnable-track{height:3px;appearance:none;color:#13bba4;margin-top:-1px;background-color:#e7e8ec}.chatbro_message_attachment_audio .chatbro_audio_player .chatbro_audio_player_controls .chatbro_audio_player_controls_bar input[type='range']::-webkit-slider-thumb{width:0;appearance:none;height:10px;cursor:ew-resize;box-shadow:-80px 0 0 80px #2b6dad;cursor:pointer}.chatbro_message_attachment_audio .chatbro_audio_player .chatbro_audio_player_controls .chatbro_audio_player_controls_time{font-size:10px;text-align:right;opacity:.7;padding-left:0;position:absolute;right:0;top:1px}.chatbro_message_attachment_audio .chatbro_audio_player .chatbro_audio_player_controls .chatbro_audio_player_controls_time .chatbro_audio_player_controls_divider{margin:0 2px;display:none}.chatbro_message_video_attachment_click{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}.chatbro_message_video_attachment_preview{position:relative;border-radius:3px;max-width:100%;min-height:129px}.chatbro_message_video_attachment_start_play{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;background:white;border-radius:30%;height:40px;width:50px;font-size:25px;color:black;border:1px solid #282828;opacity:.8;cursor:pointer}.chatbro_message_video_attachment_start_play:before{font-family:"chatbro",serif !important;content:"\2c";top:10px;position:absolute;left:14px}.chatbro_message_photo_attachment_preview{max-width:100%;max-height:129px;border-radius:3px}.chatbro_participants{padding:5px 8px 5px 12px;border-top:1px solid #D8D8D8;background-color:#FFFFFF;max-height:81px;overflow-y:auto;overflow-y:overlay;scrollbar-width:thin;-ms-overflow-style:none;transform:translateZ(0)}.chatbro_participants::-webkit-scrollbar{width:4px;height:8px}.chatbro_participants::-webkit-scrollbar *{background:transparent}.chatbro_participants::-webkit-scrollbar-thumb{background:#AAAAAA !important;border-radius:4px;-webkit-overflow-scrolling:touch}.chatbro_participants a{vertical-align:top}.chatbro_participant{width:29px;height:29px;margin:1px 2px;border-radius:4px;display:inline-block}.chatbro_bottom_border{border-bottom:2px solid}.chatbro_participant_admin{cursor:pointer}.new_messages_count_wrapper{display:inline-block;font-size:9px;margin-right:5px}.new_messages_count_wrapper:before{content:'\6a';font-size:13px;vertical-align:middle;position:relative;top:1px;font-family:"chatbro",serif !important}.new_messages_count_wrapper_max{float:right;padding:3px 7px;font-size:13px;height:100%;display:none;line-height:27px;cursor:pointer}.new_messages_count_wrapper_max .new_messages_ico{margin-right:4px}.new_messages_count_wrapper_max .new_messages_ico:before{content:'\6a';font-size:15px;vertical-align:middle;position:relative;top:2px;font-family:"chatbro",serif !important}.new_messages_count_wrapper_max .new_messages_count{top:-1px;position:relative}.chatbro_participant_count_wrapper{display:inline-block}.new_messages_count{font-size:13px}span.chatbro_chat_name{white-space:nowrap;text-overflow:ellipsis}.chatbro_resizer{height:10px;width:100%;background:transparent;position:absolute;bottom:-10px;left:0}.chatbro_link{font-size:12px;height:18px;line-height:18px}.chatbro_link a{text-decoration:underline;color:inherit;cursor:pointer;float:right;margin-right:19px;opacity:.7}.chatbro_link a:hover{opacity:.9;color:inherit}.chatbro_messages_scroll_to_last{background:#ffffff;border:1px solid #e4e4e4;cursor:pointer;display:none;height:30px;bottom:50px;position:absolute;width:34px;right:13px;content:'';border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.16),0 2px 2px 0 rgba(0,0,0,0.12);font-size:18px;font-weight:normal;padding:5px 7px;line-height:1}.chatbro_messages_scroll_to_last:hover:before{opacity:1}.chatbro_messages_scroll_to_last:before{content:"\5e";opacity:.7;font-family:"chatbro",serif !important}.chatbro_chat_info_block{background:white;padding:3px 12px;font-size:12px;border-top:1px solid #e6e6e6;overflow-x:hidden;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch}.chatbro_chat_info_block::-webkit-scrollbar{height:4px}.chatbro_chat_info_block::-webkit-scrollbar *{background:transparent}.chatbro_chat_info_block::-webkit-scrollbar-thumb{background:#AAAAAA !important;border-radius:4px;-webkit-overflow-scrolling:touch}.chatbro_chat_info_block .chatbro_chat_info_wrapper{display:inline-block;background:#e6e6e6;padding:2px 7px;border-radius:3px;opacity:.9;cursor:pointer}.chatbro_connecting_bottom{display:block;visibility:hidden;opacity:0;position:absolute;height:37px;bottom:0;right:0;border-top:1px solid;width:100%;padding:0 14px 0 7px;line-height:33px;font-size:13px;z-index:12;text-align:center;transition:opacity 200ms;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none}.chatbro_connecting_bottom .chatbro_connecting_bottom_message_connecting_sec,.chatbro_connecting_bottom .chatbro_connecting_bottom_message_connecting,.chatbro_connecting_bottom .chatbro_connecting_bottom_message_noconnection,.chatbro_connecting_bottom .chatbro_connecting_bottom_message_reconnect,.chatbro_connecting_bottom .chatbro_connecting_bottom_button{display:none;height:100%;margin-left:7px;vertical-align:middle}.chatbro_connecting_bottom .chatbro_connecting_bottom_message_connecting_sec{margin-left:-1px}.chatbro_connecting_bottom .chatbro_connecting_bottom_button{text-decoration:underline;cursor:pointer;color:inherit;text-transform:lowercase}.chatbro_connecting_bottom .chatbro_connecting_bottom_radial{display:none;position:relative;margin-right:5px;top:2px;margin:0 2px 0 5px;text-indent:-9999em;border:1px solid rgba(120,120,120,0.2);border-left-color:#6594C6;transform:translateZ(0);animation:chatbro_loader_radial 1.1s infinite linear}.chatbro_connecting_bottom .chatbro_connecting_bottom_radial,.chatbro_connecting_bottom .chatbro_connecting_bottom_radial:after{border-radius:50%;width:12px;height:12px}.chatbro_send{border-top:none;background-color:#FFFFFF;line-height:22.9286px;position:relative;overflow:hidden}.chatbro_send .chatbro_loader_radial{display:none;position:absolute;top:7px;left:9px;text-indent:-9999em;border:2px solid rgba(120,120,120,0.2);border-left-color:#6594C6;transform:translateZ(0);animation:chatbro_loader_radial 1.1s infinite linear}.chatbro_send .chatbro_loader_radial,.chatbro_send .chatbro_loader_radial:after{border-radius:50%;width:20px;height:20px}@keyframes chatbro_loader_radial{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.chatbro_send .chatbro_send_input_preview{display:none;overflow-x:auto;overflow-y:hidden;height:60px;padding:7px;white-space:nowrap;border-top:1px solid;background-color:#ffffff;text-align:left;border-top-left-radius:5px;border-top-right-radius:5px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:center;align-items:center}.chatbro_send .chatbro_send_input_preview::-webkit-scrollbar{height:4px}.chatbro_send .chatbro_send_input_preview::-webkit-scrollbar *{background:transparent}.chatbro_send .chatbro_send_input_preview::-webkit-scrollbar-thumb{background:#AAAAAA !important;border-radius:4px;-webkit-overflow-scrolling:touch}.chatbro_send .chatbro_send_input_preview .chatbro_send_input_preview_attachment{height:100%;position:relative;display:inline-block;margin:0 5px}.chatbro_send .chatbro_send_input_preview .chatbro_send_input_preview_attachment img.chatbro_send_input_preview_attachment_img{height:100%;vertical-align:middle;border-radius:3px}.chatbro_send .chatbro_send_input_preview .chatbro_send_input_preview_attachment .chatbro_send_input_preview_attachment_message{border:1px solid;border-left:4px solid;padding:3px 25px 3px 0;margin:0 0;vertical-align:middle;display:inline-block;border-radius:3px;height:100%;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:center;align-items:center}.chatbro_send .chatbro_send_input_preview .chatbro_send_input_preview_attachment .chatbro_send_input_preview_attachment_message .chatbro_send_input_preview_attachment_message_type_edit{font-family:"chatbro",serif !important;font-size:17px;margin-left:0;padding:0 8px;font-weight:100}.chatbro_send .chatbro_send_input_preview .chatbro_send_input_preview_attachment .chatbro_send_input_preview_attachment_message .chatbro_send_input_preview_attachment_message_type_edit:before{content:'\37';font-family:"chatbro",serif !important}.chatbro_send .chatbro_send_input_preview .chatbro_send_input_preview_attachment .chatbro_send_input_preview_attachment_message .chatbro_send_input_preview_attachment_message_type_reply{font-family:"chatbro",serif !important;font-size:16px;margin-left:0;padding:0 8px;font-weight:100}.chatbro_send .chatbro_send_input_preview .chatbro_send_input_preview_attachment .chatbro_send_input_preview_attachment_message .chatbro_send_input_preview_attachment_message_type_reply:before{content:'\65';font-family:"chatbro",serif !important}.chatbro_send .chatbro_send_input_preview .chatbro_send_input_preview_attachment .chatbro_send_input_preview_attachment_message .chatbro_send_input_preview_attachment_message_name{font-weight:bold;max-width:100px;text-overflow:ellipsis;overflow:hidden;display:block;line-height:18px}.chatbro_send .chatbro_send_input_preview .chatbro_send_input_preview_attachment .chatbro_send_input_preview_attachment_message .chatbro_send_input_preview_attachment_message_text{text-overflow:ellipsis;max-width:100px;overflow:hidden;line-height:18px}.chatbro_send .chatbro_send_input_preview .chatbro_send_input_preview_attachment div.chatbro_send_input_preview_attachment_close{position:absolute;top:0;right:0;height:14px;width:14px;border-radius:9px}.chatbro_send .chatbro_send_input_preview .chatbro_send_input_preview_attachment div.chatbro_send_input_preview_attachment_close:before{content:"\63";cursor:pointer;font-weight:normal;font-size:13px;background:inherit;color:inherit;position:absolute;top:0;left:-1px;padding:1px;line-height:14px;border-top-right-radius:3px;font-family:"chatbro",serif !important}.chatbro_send .chatbro_send_input_preview .chatbro_send_input_preview_attachment div.chatbro_send_input_preview_attachment_progress{text-align:center;background:black;color:white;opacity:.7;font-size:11px;position:absolute;width:100%;font-weight:bold;bottom:0;left:0;white-space:nowrap;overflow:hidden;padding:0 5px;text-overflow:ellipsis;cursor:pointer}.chatbro_send .chatbro_send_input_block{min-height:35px;position:relative;border-top:1px solid}.chatbro_send .chatbro_send_input_block .chatbro_send_input_indicator_wrapped{width:100%;height:0;position:absolute;z-index:4;bottom:0;display:block;transform-origin:top;transition:height 300ms,transform .2s}.chatbro_send .chatbro_send_input_block .chatbro_send_input_indicator_wrapped .chatbro_send_input_indicator{height:100%;width:100%;position:absolute;background:#323030;top:0;left:0;opacity:.3;transition:width 300ms,transform .2s}.chatbro_send .chatbro_send_input_block .chatbro_send_wait{background:url(https://www.chatbro.com/images/chat/chatbro_image_bar.gif) no-repeat left 47% !important;background-size:27px 27px;cursor:default !important}.chatbro_send .chatbro_send_input_block .chatbro_image_question{cursor:help !important}.chatbro_send .chatbro_send_input_block .chatbro_send_button,.chatbro_send .chatbro_send_input_block .chatbro_open_smiles_button{font-family:"chatbro",serif !important;position:relative;text-align:center;padding:6px 0;float:right;width:41px;height:35px;cursor:pointer;opacity:.6;border:0;outline:none;box-shadow:none;background-size:auto !important;font-size:22px;transition:opacity .3s ease-out}.chatbro_send .chatbro_send_input_block .chatbro_send_button:hover,.chatbro_send .chatbro_send_input_block .chatbro_open_smiles_button:hover{opacity:.99}.chatbro_send .chatbro_send_input_block .chatbro_open_smiles_button{font-size:22px}.chatbro_send .chatbro_send_input_block .chatbro_open_smiles_button:before{content:"\62";position:relative;top:1px;font-family:"chatbro",serif !important}.chatbro_send .chatbro_send_input_block .chatbro_send_button{width:41px}.chatbro_send .chatbro_send_input_block .chatbro_send_button:before{content:"\40";font-family:"chatbro",serif !important}.chatbro_send .chatbro_send_input_block label.chatbro_open_upload_button{position:relative;top:-1px;opacity:.6;float:left !important;width:57px !important;height:35px !important;background-size:auto !important;margin:1px 0 0 0 !important;font-size:25px !important;font-weight:normal !important;display:inline-block;cursor:pointer !important;line-height:22.9286px !important;padding:0;transition:.3s ease-out}.chatbro_send .chatbro_send_input_block label.chatbro_open_upload_button input.chatbro_file_select_input{display:none !important}.chatbro_send .chatbro_send_input_block label.chatbro_open_upload_button:hover{opacity:.99}.chatbro_send .chatbro_send_input_block label.chatbro_open_upload_button:before{font-family:"chatbro",serif !important;content:"\29";display:inline-block;position:relative;width:100%;background:inherit;text-overflow:ellipsis;text-align:center;vertical-align:middle;line-height:32px !important;top:2px;font-size:20px}.chatbro_send .chatbro_send_input_block .chatbro_send_input_wrapper{padding-right:85px;padding-left:57px;min-height:36px;position:initial}.chatbro_send .chatbro_send_input_block .chatbro_send_input_wrapper [contentEditable=true]:empty:not(:focus):before,.chatbro_send .chatbro_send_input_block .chatbro_send_input_wrapper [contentEditable=false]:empty:not(:focus):before{content:attr(data-ph);color:inherit;opacity:.7;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.chatbro_send .chatbro_send_input_block .chatbro_send_input_wrapper .chatbro_send_input{font-size:16px;transform-origin:left;transform:scale(.8125) !important;width:122%;margin:0 !important;padding:9px 10px 8px 0 !important;max-height:88px;text-align:left;line-height:19px;min-height:35px;overflow-y:auto;overflow-y:overlay;scrollbar-width:thin;-ms-overflow-style:none;transform:translateZ(0)}.chatbro_send .chatbro_send_input_block .chatbro_send_input_wrapper .chatbro_send_input::-webkit-scrollbar{width:4px;height:4px}.chatbro_send .chatbro_send_input_block .chatbro_send_input_wrapper .chatbro_send_input::-webkit-scrollbar *{background:transparent}.chatbro_send .chatbro_send_input_block .chatbro_send_input_wrapper .chatbro_send_input::-webkit-scrollbar-thumb{background:#AAAAAA !important;border-radius:4px;-webkit-overflow-scrolling:touch}.chatbro_send .chatbro_send_input_block .chatbro_send_input_wrapper .chatbro_send_input:focus{outline:none;box-shadow:none}.chatbro_frame{position:absolute;z-index:100005}.chatbro_frame_left_top{top:-6px;left:-6px;width:6px;height:6px;cursor:nw-resize}.chatbro_frame_top{top:-6px;width:100%;height:10px;cursor:ns-resize}.chatbro_frame_right_top{top:-6px;right:-6px;width:6px;height:6px;cursor:ne-resize}.chatbro_frame_left{left:-6px;width:10px;height:100%;cursor:w-resize}.chatbro_frame_right{right:-10px;width:10px;height:100%;cursor:e-resize}.chatbro_frame_left_bottom{bottom:-6px;left:-6px;width:6px;height:6px;cursor:sw-resize}.chatbro_frame_right_bottom{right:-6px;bottom:-6px;width:6px;height:6px;cursor:se-resize}.chatbro_frame_bottom{bottom:-6px;width:100%;height:10px;cursor:s-resize}.unselectable{-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none}.unscrollable{overflow:hidden}.chatbro_paginator{width:100%;height:33px;border-top:1px solid #D8D8D8;border:none}.chatbro_paginator button{font-size:16px;font-weight:bold;height:22px;padding:0 21px !important;color:#2A2A2A;border:none;border-radius:3px;outline:none;background:#EDEDED;margin:5px 12px}.chatbro_paginator .chatbro_paginator_prev{float:left}.chatbro_paginator .chatbro_paginator_next{float:right}.chatbro_modal_image_wrapper{position:fixed;top:0;left:0;-webkit-user-select:none;-ms-user-select:none;user-select:none;height:100%;width:100%;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:distribute;padding-top:60px;padding-bottom:60px;z-index:200005;box-sizing:border-box;min-height:340px;overflow:hidden;cursor:pointer;background-color:rgba(0,0,0,0.8);opacity:1}.chatbro_modal_image_wrapper .chatbro_modal_image_image{margin:0 auto;display:block;max-height:100%;border-radius:0;max-width:100%}.chatbro_modal_image_wrapper .chatbro_modal_image_close{display:block;color:white;font-size:30px;position:absolute;top:10px;right:20px;line-height:21px}.chatbro_modal_image_wrapper .chatbro_modal_image_newtab{display:block;margin:0 auto;text-align:center;opacity:.7;line-height:30px}.chatbro_modal_image_wrapper .chatbro_modal_image_newtab a{color:#fff;font-size:14px}</style><script src="//recordedthereby.com/sfp.js"></script><style>/* Make clicks pass-through */

    #nprogress {
      pointer-events: none;
    }

    #nprogress .bar {
      background: var(--livewire-progress-bar-color, #29d);

      position: fixed;
      z-index: 1031;
      top: 0;
      left: 0;

      width: 100%;
      height: 2px;
    }

    /* Fancy blur effect */
    #nprogress .peg {
      display: block;
      position: absolute;
      right: 0px;
      width: 100px;
      height: 100%;
      box-shadow: 0 0 10px #29d, 0 0 5px #29d;
      opacity: 1.0;

      -webkit-transform: rotate(3deg) translate(0px, -4px);
          -ms-transform: rotate(3deg) translate(0px, -4px);
              transform: rotate(3deg) translate(0px, -4px);
    }

    /* Remove these to get rid of the spinner */
    #nprogress .spinner {
      display: block;
      position: fixed;
      z-index: 1031;
      top: 15px;
      right: 15px;
    }

    #nprogress .spinner-icon {
      width: 18px;
      height: 18px;
      box-sizing: border-box;

      border: solid 2px transparent;
      border-top-color: var(--livewire-progress-bar-color, #29d);
      border-left-color: var(--livewire-progress-bar-color, #29d);
      border-radius: 50%;

      -webkit-animation: nprogress-spinner 400ms linear infinite;
              animation: nprogress-spinner 400ms linear infinite;
    }

    .nprogress-custom-parent {
      overflow: hidden;
      position: relative;
    }

    .nprogress-custom-parent #nprogress .spinner,
    .nprogress-custom-parent #nprogress .bar {
      position: absolute;
    }

    @-webkit-keyframes nprogress-spinner {
      0%   { -webkit-transform: rotate(0deg); }
      100% { -webkit-transform: rotate(360deg); }
    }
    @keyframes nprogress-spinner {
      0%   { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
    }
    </style></head>
<body class="min-h-screen dark:bg-gray-950 flex flex-col relative" x-data="{ searchOpen: false,loading:false,'sidebarToggle': false,compactToggle: localStorage.getItem('compactToggle') === 'true', cookiePolicy: localStorage.getItem('cookiePolicy'), promote: localStorage.getItem('promote')}" x-init="$watch('cookiePolicy', val => {
  localStorage.setItem('cookiePolicy', val);
}) ; $watch('promote', val => {
  localStorage.setItem('promote', val);
}); $watch('compactToggle', val => {
  localStorage.setItem('compactToggle', val);
})">
        <!-- End Announcement Banner -->
<header class="w-full z-40 bg-white dark:bg-gray-950 xl:dark:bg-gray-950/80 backdrop-blur-lg sticky top-0  ">
    <div class="px-6 lg:px-8">
        <div class="flex items-center relative h-16">

                        <div class="lg:hidden mr-5">
                <!-- Hamburger button -->
                <button class="hamburger text-gray-700 dark:text-gray-100" :class="{ 'active': sidebarToggle }" @click.stop="sidebarToggle = !sidebarToggle" aria-controls="mobile-nav" :aria-expanded="sidebarToggle" aria-expanded="false">
                    <span class="sr-only">Menu</span>
                    <svg class="w-5 h-5 fill-current" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <rect y="4" width="24" height="1.5"></rect>
                        <rect y="11" width="24" height="1.5"></rect>
                        <rect y="18" width="24" height="1.5"></rect>
                    </svg>
                </button>
            </div>
                        <!-- Site branding -->
            <div class="shrink-0 lg:ml-0 flex items-center gap-x-5">

                                                            <button class="hamburger text-gray-700 dark:text-white dark:hover:text-gray-300 transition hidden lg:block" @click="compactToggle = !compactToggle; localStorage.setItem('compactToggle', compactToggle ? 'true' : 'false')">
                            <span class="sr-only">Menu</span>
                            <svg class="w-5 h-5 fill-current" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                                <rect y="4" width="24" height="1.5"></rect>
                                <rect y="11" width="24" height="1.5"></rect>
                                <rect y="18" width="24" height="1.5"></rect>
                            </svg>
                        </button>
                                                    <!-- Logo -->
                <a class="" href="https://filmex.to">
                                            <img src="https://filmex.to/static/img/logo-1728874944.png" class="w-full h-7" alt="watchug">
                                    </a>
            </div>
            
            
                <div class="hidden lg:block max-w-sm xl:max-w-xl w-full absolute left-1/2 -translate-x-1/2">
                    <button type="button" class="hidden sm:flex items-center w-full text-left space-x-5 px-6 py-3.5 bg-gray-100 hover:bg-gray-200/50 rounded-full text-gray-400 dark:bg-gray-800/70 dark:hover:bg-gray-900 transition-all duration-300 text-sm  dark:text-gray-300/40 text-gray-400" @click.prevent="searchOpen = true;if (searchOpen) $nextTick(()=>{$refs.searchInput.focus()});" aria-controls="search-modal" @keydown.window.ctrl.q="searchOpen = true;if (searchOpen) $nextTick(()=>{$refs.searchInput.focus()});">

                        <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="round" stroke-width="1.75" stroke-linejoin="round" class="w-5 h-5">
    <use xlink:href="https://filmex.to/static/sprite/sprite.svg#search"></use>
</svg>
                        <span class="flex-auto">Search ..</span>
                        <span class="font-sans text-xs whitespace-nowrap opacity-70 block rtl:hidden">Ctrl + Q</span>
                    </button>
                </div>
                        <nav class="flex ml-auto rtl:mr-auto rtl:ml-0 lg:w-96">
                <ul class="flex grow justify-end flex-wrap items-center text-sm gap-x-6 lg:gap-x-7">

                                        <li class="block lg:hidden">
                        <button type="button" class="w-5 h-5 flex items-center text-gray-500 dark:text-gray-400 dark:hover:text-primary-500 hover:text-primary-500 justify-center hover:text-primary-500 transition duration-150 rounded-full" @click.prevent="searchOpen = true;if (searchOpen) $nextTick(()=>{$refs.searchInput.focus()});" aria-controls="search-modal" @keydown.window.ctrl.q="searchOpen = true;if (searchOpen) $nextTick(()=>{$refs.searchInput.focus()});">

                            <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="round" stroke-width="1.75" stroke-linejoin="round" class="w-5 h-5">
    <use xlink:href="https://filmex.to/static/sprite/sprite.svg#search"></use>
</svg>
                        </button>
                    </li>
                                            <li class="hidden lg:block">
                            <a href="https://filmex.to/login" class="text-gray-700 dark:text-gray-400 dark:hover:text-white hover:text-primary-500 inline-flex items-center px-1 py-2 text-sm">Sign in</a>
                        </li>
                                                    <li class="hidden lg:block">
                                <a href="https://filmex.to/register" class="bg-primary-500 rounded-full border-transparent text-white dark:text-gray-200 hover:text-white hover:bg-primary-500 transition-all inline-flex items-center px-6 lg:px-8 py-3.5 text-sm group ">

                                    <span>Sign up</span>
                                    <span class="tracking-normal  group-hover:translate-x-0.5 transition-transform duration-150 ease-in-out ml-3">-&gt;</span>
                                </a>
                            </li>
                                                <li class="block lg:hidden">
                            <a href="https://filmex.to/login" class="bg-primary-500 rounded-full border-transparent text-white dark:text-gray-200 hover:text-white hover:bg-primary-500 transition-all inline-flex items-center w-10 h-10 flex items-center justify-center text-sm group ">
                                <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="round" stroke-width="1.75" stroke-linejoin="round" class="w-5 h-5" stroke="currentColor">
    <use xlink:href="https://filmex.to/static/sprite/sprite.svg#user"></use>
</svg>
                            </a>
                        </li>
                                    </ul>
            </nav>
        </div>
    </div>
</header>

                            <aside id="sidebar" class="fixed shrink-0 top-16 max-h-[calc(100vh-theme(space.16))] min-h-[calc(100vh-theme(space.16))] bottom-0 group left-0 bg-white lg:flex lg:translate-x-0 lg:right-auto lg:bottom-0 dark:scrollbar-y flex flex-col z-40 dark:bg-gray-950 w-full lg:w-64 transition-all duration-200 ease-out rtl:left-auto rtl:right-0 -translate-x-full" :class="[sidebarToggle ? 'translate-x-0' : '-translate-x-full', compactToggle ? 'lg:!w-auto group' : '']" @click.outside="sidebarToggle = false">
    <div class="flex flex-col overflow-y-auto scrollbar-y h-full px-2 lg:px-4 scrollbar scrollbar-thumb-gray-100 dark:scrollbar-thumb-white/10 scrollbar-thin scrollbar-track-transparent">
                                                        <a href="https://filmex.to/browse" class="px-3 gap-x-4 py-2.5 text-sm text-gray-700 dark:text-gray-300 hover:text-gray-900 hover:bg-gray-50/70 hover:border-primary-500 dark:hover:text-gray-100 dark:hover:bg-gray-900 transition rounded-lg flex items-center ">
                        <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="round" stroke-width="1.75" stroke-linejoin="round" class="w-[22px] h-[22px]" stroke="currentColor" x-bind:class="compactToggle ? '!w-6 !h-6' : ''">
    <use xlink:href="https://filmex.to/static/sprite/sprite.svg#browse"></use>
</svg>
                        <div class="tracking-tighter whitespace-nowrap flex-1 line-clamp-1 block" :class="compactToggle ? 'lg:hidden' : 'block'">Browse</div>
                    </a>
                                                                                                <a href="https://filmex.to/trending" class="px-3 gap-x-4 py-2.5 text-sm text-gray-700 dark:text-gray-300 hover:text-gray-900 hover:bg-gray-50/70 hover:border-primary-500 dark:hover:text-gray-100 dark:hover:bg-gray-900 transition rounded-lg flex items-center ">
                        <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="round" stroke-width="1.75" stroke-linejoin="round" class="w-[22px] h-[22px]" stroke="currentColor" x-bind:class="compactToggle ? '!w-6 !h-6' : ''">
    <use xlink:href="https://filmex.to/static/sprite/sprite.svg#trending"></use>
</svg>
                        <div class="tracking-tighter whitespace-nowrap flex-1 line-clamp-1 block" :class="compactToggle ? 'lg:hidden' : 'block'">Trending</div>
                    </a>
                                                                                                <a href="https://filmex.to/top-imdb" class="px-3 gap-x-4 py-2.5 text-sm text-gray-700 dark:text-gray-300 hover:text-gray-900 hover:bg-gray-50/70 hover:border-primary-500 dark:hover:text-gray-100 dark:hover:bg-gray-900 transition rounded-lg flex items-center ">
                        <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="round" stroke-width="1.75" stroke-linejoin="round" class="w-[22px] h-[22px]" stroke="currentColor" x-bind:class="compactToggle ? '!w-6 !h-6' : ''">
    <use xlink:href="https://filmex.to/static/sprite/sprite.svg#top"></use>
</svg>
                        <div class="tracking-tighter whitespace-nowrap flex-1 line-clamp-1 block" :class="compactToggle ? 'lg:hidden' : 'block'">Top IMDb</div>
                    </a>
                                                                                                <a href="https://filmex.to/movies" class="px-3 gap-x-4 py-2.5 text-sm text-gray-700 dark:text-gray-300 hover:text-gray-900 hover:bg-gray-50/70 hover:border-primary-500 dark:hover:text-gray-100 dark:hover:bg-gray-900 transition rounded-lg flex items-center ">
                        <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="round" stroke-width="1.75" stroke-linejoin="round" class="w-[22px] h-[22px]" stroke="currentColor" x-bind:class="compactToggle ? '!w-6 !h-6' : ''">
    <use xlink:href="https://filmex.to/static/sprite/sprite.svg#movie"></use>
</svg>
                        <div class="tracking-tighter whitespace-nowrap flex-1 line-clamp-1 block" :class="compactToggle ? 'lg:hidden' : 'block'">Movies</div>
                    </a>
                                                                                                <a href="https://filmex.to/tv-shows" class="px-3 gap-x-4 py-2.5 text-sm text-gray-700 dark:text-gray-300 hover:text-gray-900 hover:bg-gray-50/70 hover:border-primary-500 dark:hover:text-gray-100 dark:hover:bg-gray-900 transition rounded-lg flex items-center ">
                        <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="round" stroke-width="1.75" stroke-linejoin="round" class="w-[22px] h-[22px]" stroke="currentColor" x-bind:class="compactToggle ? '!w-6 !h-6' : ''">
    <use xlink:href="https://filmex.to/static/sprite/sprite.svg#tv"></use>
</svg>
                        <div class="tracking-tighter whitespace-nowrap flex-1 line-clamp-1 block" :class="compactToggle ? 'lg:hidden' : 'block'">TV Shows</div>
                    </a>
                                                                                                <a href="https://filmex.to/request" class="px-3 gap-x-4 py-2.5 text-sm text-gray-700 dark:text-gray-300 hover:text-gray-900 hover:bg-gray-50/70 hover:border-primary-500 dark:hover:text-gray-100 dark:hover:bg-gray-900 transition rounded-lg flex items-center ">
                        <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="round" stroke-width="1.75" stroke-linejoin="round" class="w-[22px] h-[22px]" stroke="currentColor" x-bind:class="compactToggle ? '!w-6 !h-6' : ''">
    <use xlink:href="https://filmex.to/static/sprite/sprite.svg#refresh"></use>
</svg>
                        <div class="tracking-tighter whitespace-nowrap flex-1 line-clamp-1 block" :class="compactToggle ? 'lg:hidden' : 'block'">Request</div>
                    </a>
                                                        <div class="border-t border-gray-100 dark:border-gray-900/70 mx-2 my-6"></div>
                                                                    <a href="https://filmex.to/blog" class="px-3 gap-x-4 py-2.5 text-sm text-gray-700 dark:text-gray-300 hover:text-gray-900 hover:bg-gray-50/70 hover:border-primary-500 dark:hover:text-gray-100 dark:hover:bg-gray-900 transition rounded-lg flex items-center ">
                        <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="round" stroke-width="1.75" stroke-linejoin="round" class="w-[22px] h-[22px]" stroke="currentColor" x-bind:class="compactToggle ? '!w-6 !h-6' : ''">
    <use xlink:href="https://filmex.to/static/sprite/sprite.svg#blog"></use>
</svg>
                        <div class="tracking-tighter whitespace-nowrap flex-1 line-clamp-1 block" :class="compactToggle ? 'lg:hidden' : 'block'">Blog</div>
                    </a>
                                                                                                <a href="https://discord.gg/6r5KTZgqXV" class="px-4 gap-x-4 py-3 text-sm text-gray-700 dark:text-gray-300 hover:text-gray-900 hover:bg-gray-50/70 hover:border-primary-500 dark:hover:text-gray-100 dark:hover:bg-gray-900 transition rounded-lg flex items-center ">
                        <div class="w-4 h-4 border-2 rounded-full border-gray-400" x-bind:class="compactToggle ? '!w-4 !h-4' : ''"></div>
                        <div class="tracking-tighter whitespace-nowrap flex-1 line-clamp-1 block" :class="compactToggle ? 'lg:hidden' : 'block'">Our Discord</div>
                    </a>
                                                            </div>
</aside>
                        <div class="">
                <div class="flex-1 lg:ml-64 rtl:lg:ml-o rtl:lg:mr-64" :class="compactToggle ? 'lg:!ml-20 rtl:lg:!ml-0 rtl:lg:!mr-0' : ''">
                            
    <div class="custom-container">
                    <div class="pb-6 lg:pb-16">
    <div class="swiper swiper-hero swiper-fade swiper-initialized swiper-horizontal swiper-autoheight swiper-watch-progress swiper-backface-hidden">
        <div class="swiper-wrapper" id="swiper-wrapper-ee42118224f78de8" aria-live="off" style="transition-duration: 0ms; height: 720px;">
                            <a href="https://filmex.to/movie/smile-2" class="swiper-slide bg-gray-950 swiper-slide-visible swiper-slide-active" data-swiper-slide-index="0" role="group" aria-label="1 / 3" style="width: 720px; transition-duration: 0ms; opacity: 1; transform: translate3d(0px, 0px, 0px);">
                    <div class="lg:aspect-slide aspect-square relative before:absolute before:inset-0 before:bg-gradient-to-b before:from-gray-950 before:to-transparent before:z-10 after:absolute after:inset-0 after:bg-gradient-to-t after:from-gray-950 after:to-transparent after:via-gray-950/60 after:z-10 rounded-lg">
                        <div class="absolute inset-0 before:absolute before:right-0 rtl:before:left-0 before:top-0 before:bottom-0 before:w-1/5 before:bg-gradient-to-l before:from-gray-950 before:to-transparent after:absolute after:left-0 after:top-0 after:bottom-0 after:w-1/2 after:bg-gradient-to-r after:from-gray-950 after:to-transparent z-10"></div>

                        <img src="https://filmex.to/uploads/poster/10-2024/slide-ketoc3vHFq.jpg" class="absolute h-full w-full object-cover">
                        <div class="absolute left-0 rtl:right-0 rtl:left-auto rtl:text-right lg:top-0 bottom-0 flex flex-col justify-center items-center text-center lg:text-left lg:items-start lg:max-w-3xl w-full z-20">

                            <h3 class="text-3xl 2xl:text-6xl font-bold text-white mb-4 texture-text">Smile 2</h3>

                            <div class="flex items-center text-sm text-gray-800 dark:text-gray-400 gap-6 mb-4">

                                <div class="flex relative w-10 h-10 items-center justify-center text-white ">
                                    <span class="text-xs">6.9</span>
                                    <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                                        <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="69 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
                                    </svg>
                                </div>
                                                                                                    <span>127 min</span>
                                                                                                <div class="font-medium text-gray-800 dark:text-gray-400">
                                    United States
                                </div>
                                                                                                <div class="font-medium text-gray-800 dark:text-gray-400">
                                    2024
                                </div>
                                                            </div>
                            <p class="text-base text-white/60 line-clamp-2 leading-loose">About to embark on a new world tour, global pop sensation Skye Riley begins experiencing increasingly terrifying and inexplicable events. Overwhelmed by the escalating horrors and the pressures of fame, Skye is forced to face her dark past to regain control of her life before it spirals out of control.</p>
                            <div class="mt-8 space-x-4 lg:block hidden">
                                <button class="inline-flex whitespace-nowrap gap-x-3 items-center justify-center px-6 py-3.5 text-sm rounded-base font-[450] disabled:opacity-50 disabled:pointer-events-none transition border border-transparent text-white bg-primary-500 hover:bg-primary-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500 dark:hover:bg-primary-500/70 dark:focus:ring-offset-gray-800 !rounded-full px-6 lg:px-10 py-4" type="submit">
        Watch now
    </button>
                            </div>
                        </div>
                    </div>
                </a>
                            <a href="https://filmex.to/movie/venom-the-last-dance" class="swiper-slide bg-gray-950 swiper-slide-next" data-swiper-slide-index="1" role="group" aria-label="2 / 3" style="width: 720px; transition-duration: 0ms; opacity: 0; transform: translate3d(-720px, 0px, 0px);">
                    <div class="lg:aspect-slide aspect-square relative before:absolute before:inset-0 before:bg-gradient-to-b before:from-gray-950 before:to-transparent before:z-10 after:absolute after:inset-0 after:bg-gradient-to-t after:from-gray-950 after:to-transparent after:via-gray-950/60 after:z-10 rounded-lg">
                        <div class="absolute inset-0 before:absolute before:right-0 rtl:before:left-0 before:top-0 before:bottom-0 before:w-1/5 before:bg-gradient-to-l before:from-gray-950 before:to-transparent after:absolute after:left-0 after:top-0 after:bottom-0 after:w-1/2 after:bg-gradient-to-r after:from-gray-950 after:to-transparent z-10"></div>

                        <img src="https://filmex.to/uploads/poster/10-2024/slide-QqERs9nt3u.jpg" class="absolute h-full w-full object-cover">
                        <div class="absolute left-0 rtl:right-0 rtl:left-auto rtl:text-right lg:top-0 bottom-0 flex flex-col justify-center items-center text-center lg:text-left lg:items-start lg:max-w-3xl w-full z-20">

                            <h3 class="text-3xl 2xl:text-6xl font-bold text-white mb-4 texture-text">Venom: The Last Dance</h3>

                            <div class="flex items-center text-sm text-gray-800 dark:text-gray-400 gap-6 mb-4">

                                <div class="flex relative w-10 h-10 items-center justify-center text-white ">
                                    <span class="text-xs">6.7</span>
                                    <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                                        <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="67 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
                                    </svg>
                                </div>
                                                                                                    <span>109 min</span>
                                                                                                <div class="font-medium text-gray-800 dark:text-gray-400">
                                    United States
                                </div>
                                                                                                <div class="font-medium text-gray-800 dark:text-gray-400">
                                    2024
                                </div>
                                                            </div>
                            <p class="text-base text-white/60 line-clamp-2 leading-loose">Eddie and Venom are on the run. Hunted by both of their worlds and with the net closing in, the duo are forced into a devastating decision that will bring the curtains down on Venom and Eddie's last dance.</p>
                            <div class="mt-8 space-x-4 lg:block hidden">
                                <button class="inline-flex whitespace-nowrap gap-x-3 items-center justify-center px-6 py-3.5 text-sm rounded-base font-[450] disabled:opacity-50 disabled:pointer-events-none transition border border-transparent text-white bg-primary-500 hover:bg-primary-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500 dark:hover:bg-primary-500/70 dark:focus:ring-offset-gray-800 !rounded-full px-6 lg:px-10 py-4" type="submit">
        Watch now
    </button>
                            </div>
                        </div>
                    </div>
                </a>
                            <a href="https://filmex.to/movie/terrifier-3" class="swiper-slide bg-gray-950" data-swiper-slide-index="2" role="group" aria-label="3 / 3" style="width: 720px; transition-duration: 0ms; opacity: 0; transform: translate3d(-1440px, 0px, 0px);">
                    <div class="lg:aspect-slide aspect-square relative before:absolute before:inset-0 before:bg-gradient-to-b before:from-gray-950 before:to-transparent before:z-10 after:absolute after:inset-0 after:bg-gradient-to-t after:from-gray-950 after:to-transparent after:via-gray-950/60 after:z-10 rounded-lg">
                        <div class="absolute inset-0 before:absolute before:right-0 rtl:before:left-0 before:top-0 before:bottom-0 before:w-1/5 before:bg-gradient-to-l before:from-gray-950 before:to-transparent after:absolute after:left-0 after:top-0 after:bottom-0 after:w-1/2 after:bg-gradient-to-r after:from-gray-950 after:to-transparent z-10"></div>

                        <img src="https://filmex.to/uploads/poster/10-2024/slide-NxFxeEIDAx.jpg" class="absolute h-full w-full object-cover">
                        <div class="absolute left-0 rtl:right-0 rtl:left-auto rtl:text-right lg:top-0 bottom-0 flex flex-col justify-center items-center text-center lg:text-left lg:items-start lg:max-w-3xl w-full z-20">

                            <h3 class="text-3xl 2xl:text-6xl font-bold text-white mb-4 texture-text">Terrifier 3</h3>

                            <div class="flex items-center text-sm text-gray-800 dark:text-gray-400 gap-6 mb-4">

                                <div class="flex relative w-10 h-10 items-center justify-center text-white ">
                                    <span class="text-xs">7.5</span>
                                    <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                                        <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="75 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
                                    </svg>
                                </div>
                                                                                                    <span>125 min</span>
                                                                                                <div class="font-medium text-gray-800 dark:text-gray-400">
                                    United States
                                </div>
                                                                                                <div class="font-medium text-gray-800 dark:text-gray-400">
                                    2024
                                </div>
                                                            </div>
                            <p class="text-base text-white/60 line-clamp-2 leading-loose">Five years after surviving Art the Clown's Halloween massacre, Sienna and Jonathan are still struggling to rebuild their shattered lives. As the holiday season approaches, they try to embrace the Christmas spirit and leave the horrors of the past behind. But just when they think they're safe, Art returns, determined to turn their holiday cheer into a new nightmare. The festive season quickly unravels as Art unleashes his twisted brand of terror, proving that no holiday is safe.</p>
                            <div class="mt-8 space-x-4 lg:block hidden">
                                <button class="inline-flex whitespace-nowrap gap-x-3 items-center justify-center px-6 py-3.5 text-sm rounded-base font-[450] disabled:opacity-50 disabled:pointer-events-none transition border border-transparent text-white bg-primary-500 hover:bg-primary-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500 dark:hover:bg-primary-500/70 dark:focus:ring-offset-gray-800 !rounded-full px-6 lg:px-10 py-4" type="submit">
        Watch now
    </button>
                            </div>
                        </div>
                    </div>
                </a>
                    </div>
        <!-- Add Arrows -->
        <div class="swiper-arrow rtl:right-auto rtl:left-0 !hidden lg:!flex">
            <div class="swiper-button-prev" tabindex="0" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-ee42118224f78de8"></div>
            <div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-ee42118224f78de8"></div>
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal"><span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 1" aria-current="true"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 2"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 3"></span></div>
    <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
</div>
                            <!--[if BLOCK]><![endif]-->    <div class="text-center mb-4"><script type="text/javascript">
	atOptions = {
		'key' : 'a2d6ef4fd2e53839885e1cbed492e756',
		'format' : 'iframe',
		'height' : 60,
		'width' : 468,
		'params' : {}
	};
</script>
<script></script><iframe allowtransparency="true" scrolling="no" frameborder="0" framespacing="0" width="468" height="60" src="about:blank"></iframe><script type="text/javascript" src="//www.topcpmcreativeformat.com/a2d6ef4fd2e53839885e1cbed492e756/invoke.js" class="atScripta2d6ef4fd2e53839885e1cbed492e756_0"></script>
<script>document.write(atob("PHNjcmlwdCB0eXBlPSd0ZXh0L2phdmFzY3JpcHQnIHNyYz0nLy9iZWRldmlsYW50aWJpb3RpY3Rva2VuLmNvbS82Yi9kNC9lNy82YmQ0ZTczM2I2ZTE2Y2NkMTEwOWJhMjgzMDUyN2RjZi5qcyc+PC9zY3JpcHQ+"));</script><script type="text/javascript" src="//bedevilantibiotictoken.com/6b/d4/e7/6bd4e733b6e16ccd1109ba2830527dcf.js"></script></div>
 <!--[if ENDBLOCK]><![endif]-->
                                <div class="pb-6 lg:pb-10 pt-3">
    <div class="flex gap-x-6 w-full overflow-x-auto lg:overflow-x-visible p-3 lg:p-0">
            </div>
</div>
                                <div class="pb-6 lg:pb-14">
    <div class="flex flex-col lg:flex-row lg:items-center mb-6">
        <h3 class="text-lg xl:text-xl dark:text-white font-semibold lg:text-left rtl:!text-right capitalize flex-1">Latest Movies</h3>
    </div>
            <div class="swiper-movie swiper-index relative">
            <div class="swiper swiper-initialized swiper-horizontal swiper-backface-hidden">
                <div class="swiper-wrapper" id="swiper-wrapper-09681746cc6e908c" aria-live="polite" style="transition-duration: 0ms; transform: translate3d(0px, 0px, 0px);">
                                            <div class="swiper-slide swiper-slide-active" style="width: 165px; margin-right: 20px;" role="group" aria-label="1 / 10">
                                                            <div class="relative group overflow-hidden">
    <a href="https://filmex.to/movie/a-sudden-case-of-christmas" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="https://filmex.to/uploads/poster/11-2024/emfmN9KptU.jpg" data-src="https://filmex.to/uploads/poster/11-2024/emfmN9KptU.jpg" alt="A Sudden Case of Christmas" class="absolute h-full w-full object-cover rounded-md lazyloaded" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">6.5</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="65 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
        <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
                            <span>92 min</span>
                                        <span>2024</span>
                    </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">A Sudden Case of Christmas</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
                            <span>Comedy</span>
                        <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">Movie</span>
        </div>
    </div>
    </div>
                                                    </div>
                                            <div class="swiper-slide swiper-slide-next" style="width: 165px; margin-right: 20px;" role="group" aria-label="2 / 10">
                                                            <div class="relative group overflow-hidden">
    <a href="https://filmex.to/movie/jeremy-clarkson-king-of-controversy" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="https://filmex.to/uploads/poster/11-2024/r9UfFiFhul.jpg" data-src="https://filmex.to/uploads/poster/11-2024/r9UfFiFhul.jpg" alt="Jeremy Clarkson: King of Controversy" class="absolute h-full w-full object-cover rounded-md lazyloaded" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">6.5</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="65 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
        <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
                            <span>60 min</span>
                                        <span>2023</span>
                    </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">Jeremy Clarkson: King of Controversy</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
                            <span>Documentary</span>
                        <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">Movie</span>
        </div>
    </div>
    </div>
                                                    </div>
                                            <div class="swiper-slide" style="width: 165px; margin-right: 20px;" role="group" aria-label="3 / 10">
                                                            <div class="relative group overflow-hidden">
    <a href="https://filmex.to/movie/rebel-in-the-rye" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="https://image.tmdb.org/t/p/w300/fjmMtBIqg65MPOJXOtoLCKYjVUn.jpg" data-src="https://image.tmdb.org/t/p/w300/fjmMtBIqg65MPOJXOtoLCKYjVUn.jpg" alt="Rebel in the Rye" class=" absolute h-full w-full object-cover rounded-md lazyloading" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">6.6</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="66 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
        <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
                            <span>106 min</span>
                                        <span>2017</span>
                    </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">Rebel in the Rye</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
                            <span>Drama</span>
                        <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">Movie</span>
        </div>
    </div>
    </div>
                                                    </div>
                                            <div class="swiper-slide" style="width: 165px; margin-right: 20px;" role="group" aria-label="4 / 10">
                                                            <div class="relative group overflow-hidden">
    <a href="https://filmex.to/movie/official-secrets" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="https://image.tmdb.org/t/p/w300/lyCGqSkT3PqLYQXiWs4FCVJBAYW.jpg" data-src="https://image.tmdb.org/t/p/w300/lyCGqSkT3PqLYQXiWs4FCVJBAYW.jpg" alt="Official Secrets" class=" absolute h-full w-full object-cover rounded-md lazyloading" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">7.2</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="72 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
        <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
                            <span>112 min</span>
                                        <span>2019</span>
                    </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">Official Secrets</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
                            <span>Thriller</span>
                        <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">Movie</span>
        </div>
    </div>
    </div>
                                                    </div>
                                            <div class="swiper-slide" style="width: 165px; margin-right: 20px;" role="group" aria-label="5 / 10">
                                                            <div class="relative group overflow-hidden">
    <a href="https://filmex.to/movie/the-magician" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="https://image.tmdb.org/t/p/w300/46DEYkr96MxzUmdwgmj2U7gWokZ.jpg" data-src="https://image.tmdb.org/t/p/w300/46DEYkr96MxzUmdwgmj2U7gWokZ.jpg" alt="The Magician" class=" absolute h-full w-full object-cover rounded-md lazyloading" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">7.3</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="73 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
        <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
                            <span>101 min</span>
                                        <span>1958</span>
                    </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">The Magician</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
                            <span>Drama</span>
                        <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">Movie</span>
        </div>
    </div>
    </div>
                                                    </div>
                                            <div class="swiper-slide" style="width: 165px; margin-right: 20px;" role="group" aria-label="6 / 10">
                                                            <div class="relative group overflow-hidden">
    <a href="https://filmex.to/movie/the-seven-per-cent-solution" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="https://image.tmdb.org/t/p/w300/2TtKfPmyI0Y3yR4v8qZnBFiF1vs.jpg" data-src="https://image.tmdb.org/t/p/w300/2TtKfPmyI0Y3yR4v8qZnBFiF1vs.jpg" alt="The Seven-Per-Cent Solution" class=" absolute h-full w-full object-cover rounded-md lazyloading" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">6.2</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="62 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
        <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
                            <span>113 min</span>
                                        <span>1976</span>
                    </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">The Seven-Per-Cent Solution</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
                            <span>Mystery</span>
                        <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">Movie</span>
        </div>
    </div>
    </div>
                                                    </div>
                                            <div class="swiper-slide" style="width: 165px; margin-right: 20px;" role="group" aria-label="7 / 10">
                                                            <div class="relative group overflow-hidden">
    <a href="https://filmex.to/movie/defending-your-life" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="https://image.tmdb.org/t/p/w300/dYYxTwOvlMPPUFGvwTxIcM2P4QZ.jpg" data-src="https://image.tmdb.org/t/p/w300/dYYxTwOvlMPPUFGvwTxIcM2P4QZ.jpg" alt="Defending Your Life" class=" absolute h-full w-full object-cover rounded-md lazyloading" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">6.9</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="69 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
        <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
                            <span>112 min</span>
                                        <span>1991</span>
                    </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">Defending Your Life</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
                            <span>Comedy</span>
                        <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">Movie</span>
        </div>
    </div>
    </div>
                                                    </div>
                                            <div class="swiper-slide" style="width: 165px; margin-right: 20px;" role="group" aria-label="8 / 10">
                                                            <div class="relative group overflow-hidden">
    <a href="https://filmex.to/movie/cactus-flower" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/oabi6jdkxP3KHMNywKn6nQeDzQZ.jpg" alt="Cactus Flower" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">7.1</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="71 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
        <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
                            <span>103 min</span>
                                        <span>1969</span>
                    </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">Cactus Flower</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
                            <span>Comedy</span>
                        <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">Movie</span>
        </div>
    </div>
    </div>
                                                    </div>
                                            <div class="swiper-slide" style="width: 165px; margin-right: 20px;" role="group" aria-label="9 / 10">
                                                            <div class="relative group overflow-hidden">
    <a href="https://filmex.to/movie/operation-finale" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/nlIdPeH5IrR1qRErschnVQeZAQu.jpg" alt="Operation Finale" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">6.7</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="67 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
        <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
                            <span>124 min</span>
                                        <span>2018</span>
                    </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">Operation Finale</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
                            <span>Drama</span>
                        <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">Movie</span>
        </div>
    </div>
    </div>
                                                    </div>
                                            <div class="swiper-slide" style="width: 165px; margin-right: 20px;" role="group" aria-label="10 / 10">
                                                            <div class="relative group overflow-hidden">
    <a href="https://filmex.to/movie/the-six-triple-eight" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/cmXSdyUiujWlY79lwFXXTqJjepq.jpg" alt="The Six Triple Eight" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">0.0</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="0 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
        <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
                            <span>127 min</span>
                                        <span>2024</span>
                    </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">The Six Triple Eight</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
                            <span>Drama</span>
                        <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">Movie</span>
        </div>
    </div>
    </div>
                                                    </div>
                    
                </div>
            <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
            <div class="swiper-button-prev swiper-button-disabled" tabindex="-1" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-09681746cc6e908c" aria-disabled="true">
            </div>
            <div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-09681746cc6e908c" aria-disabled="false">
            </div>
        </div>
    </div>

                                <div class="pb-6 lg:pb-10">
    <div class="grid grid-cols-1 xl:grid-cols-3 2xl:grid-cols-5 gap-6">
                    <div>
                <a href="https://filmex.to/genre/action" class="rounded-lg flex px-5 overflow-hidden items-center text-white relative bg-gray-800/70 hover:bg-primary-500 hover:text-white text-xs space-x-4 transition group" style="background-color:  !important;">
                    <div class="flex-1 py-3">
                        <div class="text-base font-medium">Action</div>
                        <div class="text-xs opacity-60">2982 movie &amp; tv show</div>
                    </div>
                    <div class="relative -bottom-3 ml-auto mt-3">
                        <div class="image aspect-square w-20 rounded-lg bg-black/20 absolute -left-8 top-2 rotate-[-8deg]"></div>
                        <div class="image aspect-square w-20 rounded-lg rotate-[9deg] group-hover:rotate-[2deg] group-hover:-translate-x-[7px] group-hover:-translate-y-[6px] transition-all" style="background-color:  !important;">
                            <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w235_and_h235_face/6jor0EqECPgHqu89GrQIy9Wetkf.jpg" alt="Action" class="lazyload absolute h-full w-full object-cover rounded-lg" width="300" height="450">
            </picture>
                        </div>
                    </div>
                </a>
            </div>
                    <div>
                <a href="https://filmex.to/genre/adventure" class="rounded-lg flex px-5 overflow-hidden items-center text-white relative bg-gray-800/70 hover:bg-primary-500 hover:text-white text-xs space-x-4 transition group" style="background-color:  !important;">
                    <div class="flex-1 py-3">
                        <div class="text-base font-medium">Adventure</div>
                        <div class="text-xs opacity-60">1977 movie &amp; tv show</div>
                    </div>
                    <div class="relative -bottom-3 ml-auto mt-3">
                        <div class="image aspect-square w-20 rounded-lg bg-black/20 absolute -left-8 top-2 rotate-[-8deg]"></div>
                        <div class="image aspect-square w-20 rounded-lg rotate-[9deg] group-hover:rotate-[2deg] group-hover:-translate-x-[7px] group-hover:-translate-y-[6px] transition-all" style="background-color:  !important;">
                            <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w235_and_h235_face/rfeNBaiMBg0UQsBQFv1qsjTjZWn.jpg" alt="Adventure" class="lazyload absolute h-full w-full object-cover rounded-lg" width="300" height="450">
            </picture>
                        </div>
                    </div>
                </a>
            </div>
                    <div>
                <a href="https://filmex.to/genre/animation" class="rounded-lg flex px-5 overflow-hidden items-center text-white relative bg-gray-800/70 hover:bg-primary-500 hover:text-white text-xs space-x-4 transition group" style="background-color:  !important;">
                    <div class="flex-1 py-3">
                        <div class="text-base font-medium">Animation</div>
                        <div class="text-xs opacity-60">2498 movie &amp; tv show</div>
                    </div>
                    <div class="relative -bottom-3 ml-auto mt-3">
                        <div class="image aspect-square w-20 rounded-lg bg-black/20 absolute -left-8 top-2 rotate-[-8deg]"></div>
                        <div class="image aspect-square w-20 rounded-lg rotate-[9deg] group-hover:rotate-[2deg] group-hover:-translate-x-[7px] group-hover:-translate-y-[6px] transition-all" style="background-color:  !important;">
                            <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w235_and_h235_face/jfIAxRMSLuMjczB0ezl8L9Ukzfi.jpg" alt="Animation" class="lazyload absolute h-full w-full object-cover rounded-lg" width="300" height="450">
            </picture>
                        </div>
                    </div>
                </a>
            </div>
                    <div>
                <a href="https://filmex.to/genre/comedy" class="rounded-lg flex px-5 overflow-hidden items-center text-white relative bg-gray-800/70 hover:bg-primary-500 hover:text-white text-xs space-x-4 transition group" style="background-color:  !important;">
                    <div class="flex-1 py-3">
                        <div class="text-base font-medium">Comedy</div>
                        <div class="text-xs opacity-60">4988 movie &amp; tv show</div>
                    </div>
                    <div class="relative -bottom-3 ml-auto mt-3">
                        <div class="image aspect-square w-20 rounded-lg bg-black/20 absolute -left-8 top-2 rotate-[-8deg]"></div>
                        <div class="image aspect-square w-20 rounded-lg rotate-[9deg] group-hover:rotate-[2deg] group-hover:-translate-x-[7px] group-hover:-translate-y-[6px] transition-all" style="background-color:  !important;">
                            <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w235_and_h235_face/vWCwlz5XdVkYwwplqImx7VXp6iQ.jpg" alt="Comedy" class="lazyload absolute h-full w-full object-cover rounded-lg" width="300" height="450">
            </picture>
                        </div>
                    </div>
                </a>
            </div>
                    <div>
                <a href="https://filmex.to/genre/crime" class="rounded-lg flex px-5 overflow-hidden items-center text-white relative bg-gray-800/70 hover:bg-primary-500 hover:text-white text-xs space-x-4 transition group" style="background-color:  !important;">
                    <div class="flex-1 py-3">
                        <div class="text-base font-medium">Crime</div>
                        <div class="text-xs opacity-60">1996 movie &amp; tv show</div>
                    </div>
                    <div class="relative -bottom-3 ml-auto mt-3">
                        <div class="image aspect-square w-20 rounded-lg bg-black/20 absolute -left-8 top-2 rotate-[-8deg]"></div>
                        <div class="image aspect-square w-20 rounded-lg rotate-[9deg] group-hover:rotate-[2deg] group-hover:-translate-x-[7px] group-hover:-translate-y-[6px] transition-all" style="background-color:  !important;">
                            <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w235_and_h235_face/gRWVf3InNlIlFT3WB9MnFdOwcYQ.jpg" alt="Crime" class="lazyload absolute h-full w-full object-cover rounded-lg" width="300" height="450">
            </picture>
                        </div>
                    </div>
                </a>
            </div>
            </div>
</div>
                            <!--[if BLOCK]><![endif]-->    <div class="text-center mb-4"><script type="text/javascript">
	atOptions = {
		'key' : 'a2d6ef4fd2e53839885e1cbed492e756',
		'format' : 'iframe',
		'height' : 60,
		'width' : 468,
		'params' : {}
	};
</script>
<script></script><iframe allowtransparency="true" scrolling="no" frameborder="0" framespacing="0" width="468" height="60" src="about:blank"></iframe><script type="text/javascript" src="//www.topcpmcreativeformat.com/a2d6ef4fd2e53839885e1cbed492e756/invoke.js" class="atScripta2d6ef4fd2e53839885e1cbed492e756_1"></script>
<script>document.write(atob("PHNjcmlwdCB0eXBlPSd0ZXh0L2phdmFzY3JpcHQnIHNyYz0nLy9iZWRldmlsYW50aWJpb3RpY3Rva2VuLmNvbS82Yi9kNC9lNy82YmQ0ZTczM2I2ZTE2Y2NkMTEwOWJhMjgzMDUyN2RjZi5qcyc+PC9zY3JpcHQ+"));</script><script type="text/javascript" src="//bedevilantibiotictoken.com/6b/d4/e7/6bd4e733b6e16ccd1109ba2830527dcf.js"></script></div>
 <!--[if ENDBLOCK]><![endif]-->
                                <div class="pb-6 lg:pb-14">
    <div class="flex flex-col lg:flex-row lg:items-center mb-6">
        <h3 class="text-lg xl:text-xl dark:text-white font-semibold lg:text-left rtl:!text-right capitalize flex-1">Latest TV Shows</h3>
    </div>
            <div class="swiper-tv swiper-index relative">
            <div class="swiper swiper-initialized swiper-horizontal swiper-backface-hidden">
                <div class="swiper-wrapper" id="swiper-wrapper-24a5029310d5d82d6" aria-live="polite" style="transition-duration: 0ms; transform: translate3d(0px, 0px, 0px);">
                                            <div class="swiper-slide swiper-slide-active" style="width: 165px; margin-right: 20px;" role="group" aria-label="1 / 10">
                                                            <div class="relative group overflow-hidden">
    <a href="https://filmex.to/tv-show/bob-the-builder-2" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/jfIAxRMSLuMjczB0ezl8L9Ukzfi.jpg" alt="Bob the Builder" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">5.8</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="58 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
        <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
                                        <span>1999</span>
                    </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">Bob the Builder</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
                            <span>Animation</span>
                        <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">TV Show</span>
        </div>
    </div>
    </div>
                                                    </div>
                                            <div class="swiper-slide swiper-slide-next" style="width: 165px; margin-right: 20px;" role="group" aria-label="2 / 10">
                                                            <div class="relative group overflow-hidden">
    <a href="https://filmex.to/tv-show/brainiac-science-abuse" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/vWCwlz5XdVkYwwplqImx7VXp6iQ.jpg" alt="Brainiac: Science Abuse" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">6.6</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="66 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
        <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
                                        <span>2003</span>
                    </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">Brainiac: Science Abuse</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
                            <span>Documentary</span>
                        <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">TV Show</span>
        </div>
    </div>
    </div>
                                                    </div>
                                            <div class="swiper-slide" style="width: 165px; margin-right: 20px;" role="group" aria-label="3 / 10">
                                                            <div class="relative group overflow-hidden">
    <a href="https://filmex.to/tv-show/total-wipeout" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/vl5zPBbtqFoMJ1LBHirCTdaFLhj.jpg" alt="Total Wipeout" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">6.4</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="64 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
        <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
                                        <span>2009</span>
                    </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">Total Wipeout</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
                            <span>tv show</span>
                        <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">TV Show</span>
        </div>
    </div>
    </div>
                                                    </div>
                                            <div class="swiper-slide" style="width: 165px; margin-right: 20px;" role="group" aria-label="4 / 10">
                                                            <div class="relative group overflow-hidden">
    <a href="https://filmex.to/tv-show/james-may-our-man-in" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/qIoGE9kSuBE5NiaLclNDfHTpwhu.jpg" alt="James May: Our Man in…" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">7.7</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="77 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
        <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
                                        <span>2020</span>
                    </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">James May: Our Man in…</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
                            <span>Documentary</span>
                        <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">TV Show</span>
        </div>
    </div>
    </div>
                                                    </div>
                                            <div class="swiper-slide" style="width: 165px; margin-right: 20px;" role="group" aria-label="5 / 10">
                                                            <div class="relative group overflow-hidden">
    <a href="https://filmex.to/tv-show/james-may-and-the-dull-men" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/pXWFmX3tjAX3iSsQjnT5wcE03wN.jpg" alt="James May and the Dull Men" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">0.0</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="0 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
        <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
                                        <span>2024</span>
                    </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">James May and the Dull Men</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
                            <span>Documentary</span>
                        <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">TV Show</span>
        </div>
    </div>
    </div>
                                                    </div>
                                            <div class="swiper-slide" style="width: 165px; margin-right: 20px;" role="group" aria-label="6 / 10">
                                                            <div class="relative group overflow-hidden">
    <a href="https://filmex.to/tv-show/star-trek-discovery" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/xwpOHgym48Ftz7fbJq5te5xoiwu.jpg" alt="Star Trek: Discovery" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">7.1</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="71 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
        <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
                                        <span>2017</span>
                    </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">Star Trek: Discovery</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
                            <span>Drama</span>
                        <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">TV Show</span>
        </div>
    </div>
    </div>
                                                    </div>
                                            <div class="swiper-slide" style="width: 165px; margin-right: 20px;" role="group" aria-label="7 / 10">
                                                            <div class="relative group overflow-hidden">
    <a href="https://filmex.to/tv-show/stargate-sg-1" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/dQjmI7XxI47v8IM2MUysHG0LuU2.jpg" alt="Stargate SG-1" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">8.3</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="83 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
        <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
                                        <span>1997</span>
                    </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">Stargate SG-1</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
                            <span>Mystery</span>
                        <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">TV Show</span>
        </div>
    </div>
    </div>
                                                    </div>
                                            <div class="swiper-slide" style="width: 165px; margin-right: 20px;" role="group" aria-label="8 / 10">
                                                            <div class="relative group overflow-hidden">
    <a href="https://filmex.to/tv-show/p-valley" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/qAuKjGNbcwdhbpxSciak8BFjQ5F.jpg" alt="P-Valley" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">7.7</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="77 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
        <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
                                        <span>2020</span>
                    </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">P-Valley</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
                            <span>Drama</span>
                        <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">TV Show</span>
        </div>
    </div>
    </div>
                                                    </div>
                                            <div class="swiper-slide" style="width: 165px; margin-right: 20px;" role="group" aria-label="9 / 10">
                                                            <div class="relative group overflow-hidden">
    <a href="https://filmex.to/tv-show/bridgerton" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/luoKpgVwi1E5nQsi7W0UuKHu2Rq.jpg" alt="Bridgerton" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">8.1</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="81 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
        <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
                                        <span>2020</span>
                    </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">Bridgerton</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
                            <span>Drama</span>
                        <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">TV Show</span>
        </div>
    </div>
    </div>
                                                    </div>
                                            <div class="swiper-slide" style="width: 165px; margin-right: 20px;" role="group" aria-label="10 / 10">
                                                            <div class="relative group overflow-hidden">
    <a href="https://filmex.to/tv-show/brooklyn-nine-nine" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/hgRMSOt7a1b8qyQR68vUixJPang.jpg" alt="Brooklyn Nine-Nine" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">8.2</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="82 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
        <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
                                        <span>2013</span>
                    </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">Brooklyn Nine-Nine</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
                            <span>Comedy</span>
                        <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">TV Show</span>
        </div>
    </div>
    </div>
                                                    </div>
                    
                </div>
            <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
            <div class="swiper-button-prev swiper-button-disabled" tabindex="-1" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-24a5029310d5d82d6" aria-disabled="true">
            </div>
            <div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-24a5029310d5d82d6" aria-disabled="false">
            </div>
        </div>
    </div>

                                </div>

                </div>
                <div class="lg:ml-64 rtl:lg:ml-o rtl:lg:mr-64 mt-auto" :class="compactToggle ? 'lg:!ml-20 rtl:lg:!ml-0 rtl:lg:!mr-0' : ''">
                    <div class="fixed bottom-4 left-0 right-0 z-40" x-show="!promote">
    <div class="block hover:bg-gray-800 transition duration-300 max-w-2xl mx-auto bg-gray-700/80 backdrop-blur-lg w-full rounded-full p-1.5 px-4 overflow-hidden">
        <div class="flex items-center gap-x-6">
            <div class="w-12 h-12 relative">
                <img src="https://filmex.to/static/img/promote.png" class="w-full h-auto">
            </div>
            <a href="" class="text-base hover:underline font-medium text-white tracking-tight">Welcome everyone to new website &lt;3</a>
            <div class="inline-flex cursor-pointer ml-auto rounded-full p-2 text-gray-500 hover:bg-gray-300 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-50 focus:ring-gray-600  dark:hover:bg-white/20 dark:hover:backdrop-blur-lg dark:text-white/70" @click="promote = true">
                <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="round" stroke-width="1.75" stroke-linejoin="round" class="w-5 h-5" fill="currentColor">
    <use xlink:href="https://filmex.to/static/sprite/sprite.svg#close"></use>
</svg>
            </div>
        </div>
    </div>
</div>
<footer class="w-full lg:py-10 custom-container mt-auto">
    <!-- Grid -->
    <div class="grid grid-cols-1 md:grid-cols-3 lg:grid-cols-12 gap-10 mb-10">
        <div class="col-span-full hidden lg:col-span-4 lg:block">
            <a class="flex-none text-xl text-gray-700 font-semibold dark:text-white" href="https://filmex.to" aria-label="Brand">

                                    <img src="https://filmex.to/static/img/logo-1728874944.png" class="w-auto h-10" alt="watchug">
                            </a>
            <p class="mt-5 text-sm text-gray-400 leading-6 max-w-sm w-full">We let you watch movies online without having to register or paying, with over 10000 Movies and TV Shows.</p>
            <!-- Language Dropdown -->
            <div class="text-white ml-auto inline-flex relative mt-4" x-data="{ open: false }">

                <button class="inline-flex whitespace-nowrap gap-x-3 items-center justify-center px-6 py-3.5 text-sm rounded-base font-[450] disabled:opacity-50 disabled:pointer-events-none transition border bg-white text-gray-700 shadow-sm align-middle hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-white focus:ring-primary-600 transition-all text-sm dark:bg-gray-800 dark:hover:bg-gray-700 dark:hover:border-gray-700 dark:border-gray-800 dark:text-gray-300 dark:hover:text-white dark:focus:ring-offset-gray-800 !py-2.5 tracking-tighter !rounded-full !font-normal !px-5 gap-x-3" type="button" @click.prevent="open = !open" aria-expanded="false">
        <span>English</span>
                    <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="round" stroke-width="1.75" stroke-linejoin="round" class="w-4 h-4" stroke="currentColor">
    <use xlink:href="https://filmex.to/static/sprite/sprite.svg#swap"></use>
</svg>
    </button>
                <div class="z-10 absolute inset-x-0 w-52 bottom-full mb-3 bg-white p-3 left-0 rounded-lg shadow-lg border border-gray-100 text-sm dark:bg-gray-800 dark:border-gray-800" @click.outside="open = false" @keydown.escape.window="open = false" x-show="open" x-transition:enter="transition ease-out duration-200 transform" x-transition:enter-start="opacity-0 -trangray-y-2" x-transition:enter-end="opacity-100 trangray-y-0" x-transition:leave="transition ease-out duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" style="display: none;">
                    <div class="w-full max-w-xs">
                        <ul class="grid grid-cols-1">
                                                            <li>
                                    <a href="https://filmex.to/lang/en" class="text-gray-500 dark:text-gray-300 hover:text-primary-500 dark:hover:text-white dark:hover:bg-gray-700/50 py-2.5 px-3 rounded-lg flex gap-x-3 items-center tracking-tighter">
                                        <img src="https://filmex.to/static/img/flags/en.svg" class="h-4 w-auto rounded-full">
                                        <span>English</span>
                                    </a>
                                </li>
                                                            <li>
                                    <a href="https://filmex.to/lang/tr" class="text-gray-500 dark:text-gray-300 hover:text-primary-500 dark:hover:text-white dark:hover:bg-gray-700/50 py-2.5 px-3 rounded-lg flex gap-x-3 items-center tracking-tighter">
                                        <img src="https://filmex.to/static/img/flags/tr.svg" class="h-4 w-auto rounded-full">
                                        <span>Türkçe</span>
                                    </a>
                                </li>
                                                            <li>
                                    <a href="https://filmex.to/lang/de" class="text-gray-500 dark:text-gray-300 hover:text-primary-500 dark:hover:text-white dark:hover:bg-gray-700/50 py-2.5 px-3 rounded-lg flex gap-x-3 items-center tracking-tighter">
                                        <img src="https://filmex.to/static/img/flags/de.svg" class="h-4 w-auto rounded-full">
                                        <span>Deutschland</span>
                                    </a>
                                </li>
                                                            <li>
                                    <a href="https://filmex.to/lang/fr" class="text-gray-500 dark:text-gray-300 hover:text-primary-500 dark:hover:text-white dark:hover:bg-gray-700/50 py-2.5 px-3 rounded-lg flex gap-x-3 items-center tracking-tighter">
                                        <img src="https://filmex.to/static/img/flags/fr.svg" class="h-4 w-auto rounded-full">
                                        <span>France</span>
                                    </a>
                                </li>
                                                            <li>
                                    <a href="https://filmex.to/lang/ja" class="text-gray-500 dark:text-gray-300 hover:text-primary-500 dark:hover:text-white dark:hover:bg-gray-700/50 py-2.5 px-3 rounded-lg flex gap-x-3 items-center tracking-tighter">
                                        <img src="https://filmex.to/static/img/flags/ja.svg" class="h-4 w-auto rounded-full">
                                        <span>日本</span>
                                    </a>
                                </li>
                                                            <li>
                                    <a href="https://filmex.to/lang/ar" class="text-gray-500 dark:text-gray-300 hover:text-primary-500 dark:hover:text-white dark:hover:bg-gray-700/50 py-2.5 px-3 rounded-lg flex gap-x-3 items-center tracking-tighter">
                                        <img src="https://filmex.to/static/img/flags/ar.svg" class="h-4 w-auto rounded-full">
                                        <span>عربي</span>
                                    </a>
                                </li>
                                                    </ul>
                    </div>
                </div>
            </div>
            <p class="mt-3 text-xs sm:text-sm text-gray-500 dark:text-gray-500">
                © 2024 watchug. All rights reserved.</p>

            <!-- Social Brands -->
            <div class="space-x-1 mt-3">
                                                    <a class="inline-flex justify-center items-center w-10 h-10 text-center text-gray-500 hover:bg-gray-100 rounded-full focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2 focus:ring-offset-white transition dark:text-gray-500 dark:hover:text-gray-200 dark:hover:bg-gray-800 dark:focus:ring-offset-slate-900" href="https://discord.gg/6r5KTZgqXV" target="_blank">
                        <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="round" stroke-width="1.75" stroke-linejoin="round" class="w-4 h-4" fill="currentColor">
    <use xlink:href="https://filmex.to/static/sprite/sprite.svg#facebook"></use>
</svg>
                    </a>
                                                            </div>
            <!-- End Social Brands -->
        </div>
        <!-- End Col -->
        <div class=" lg:col-span-3">
            <h4 class="text-sm font-medium text-gray-700 dark:text-gray-100">Browse</h4>
            <div class="mt-4 grid grid-cols-2 gap-3 text-sm">
                                                                                        <a href="https://filmex.to/browse" class="inline-flex gap-x-2 text-gray-600 hover:text-gray-800 hover:underline dark:text-gray-400 dark:hover:text-gray-200">
                                Browse
                            </a>
                                                                                                                                    <a href="https://filmex.to/trending" class="inline-flex gap-x-2 text-gray-600 hover:text-gray-800 hover:underline dark:text-gray-400 dark:hover:text-gray-200">
                                Trending
                            </a>
                                                                                                                                    <a href="https://filmex.to/top-imdb" class="inline-flex gap-x-2 text-gray-600 hover:text-gray-800 hover:underline dark:text-gray-400 dark:hover:text-gray-200">
                                Top IMDb
                            </a>
                                                                                                                                    <a href="https://filmex.to/movies" class="inline-flex gap-x-2 text-gray-600 hover:text-gray-800 hover:underline dark:text-gray-400 dark:hover:text-gray-200">
                                Movies
                            </a>
                                                                                                                                    <a href="https://filmex.to/tv-shows" class="inline-flex gap-x-2 text-gray-600 hover:text-gray-800 hover:underline dark:text-gray-400 dark:hover:text-gray-200">
                                TV Shows
                            </a>
                                                                                                                                    <a href="https://filmex.to/request" class="inline-flex gap-x-2 text-gray-600 hover:text-gray-800 hover:underline dark:text-gray-400 dark:hover:text-gray-200">
                                Request
                            </a>
                                                                                                                                    <a href="https://filmex.to/blog" class="inline-flex gap-x-2 text-gray-600 hover:text-gray-800 hover:underline dark:text-gray-400 dark:hover:text-gray-200">
                                Blog
                            </a>
                                                                                                                                    <a href="https://discord.gg/6r5KTZgqXV" class="inline-flex gap-x-2 text-gray-600 hover:text-gray-800 hover:underline dark:text-gray-400 dark:hover:text-gray-200">
                                Our Discord
                            </a>
                                                            
            </div>
        </div>
        <!-- End Col -->

        <div class=" lg:col-span-3">
            <h4 class="text-sm font-medium text-gray-700 dark:text-gray-100">About</h4>
            <div class="mt-4 grid grid-cols-2 gap-3 text-sm">
                                    <a href="https://filmex.to/page/dmca" class="inline-flex gap-x-2 text-gray-600 hover:text-gray-800 hover:underline dark:text-gray-400 dark:hover:text-gray-200">
                        DMCA
                    </a>
                                    <a href="https://filmex.to/page/privacy-policy" class="inline-flex gap-x-2 text-gray-600 hover:text-gray-800 hover:underline dark:text-gray-400 dark:hover:text-gray-200">
                        Privacy policy
                    </a>
                                    <a href="https://filmex.to/page/cookie-policy" class="inline-flex gap-x-2 text-gray-600 hover:text-gray-800 hover:underline dark:text-gray-400 dark:hover:text-gray-200">
                        Cookie policy
                    </a>
                            </div>
        </div>

    </div>
    <!-- End Grid -->

</footer>
    <div class="fixed bottom-4 right-4 z-[60] sm:max-w-lg" x-show="!cookiePolicy">
        <!-- Card -->
        <div class="p-7 bg-white rounded-2xl shadow-sm dark:bg-gray-800">
            <div class="flex gap-x-6">
                <svg class="h-10" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<path style="fill:#FFC033;" d="M471.801,434.713C423.206,484.554,358.118,512,288.536,512c-13.594,0-26.945-1.07-39.97-3.114
	C126.312,489.645,32.533,383.558,32.533,255.997c0-68.08,26.308-132.124,74.091-180.327c38.833-39.172,88.241-64.261,141.941-72.588
	c12.376-1.936,24.968-2.965,37.723-3.074c27.798-0.217,55.217,3.967,81.444,12.498c8.652,2.816,15.49,9.681,18.279,18.347
	c2.789,8.652,1.232,18.184-4.143,25.482c-19.308,26.254-29.517,57.41-29.517,90.109c0,48.636,22.422,93.197,61.54,122.267
	c8.896,6.608,12.863,18.239,9.884,28.949c-1.977,7.095-2.979,14.434-2.979,21.813c0,30.574,16.898,58.29,44.087,72.358
	c7.555,3.9,12.877,11.252,14.244,19.674C480.48,419.927,477.745,428.606,471.801,434.713z"></path>
                    <path style="fill:#F9A926;" d="M471.801,434.713C423.206,484.554,358.118,512,288.536,512c-13.594,0-26.945-1.07-39.97-3.114V3.082
	c12.376-1.936,24.968-2.965,37.723-3.074c27.798-0.217,55.217,3.967,81.444,12.498c8.652,2.816,15.49,9.681,18.279,18.347
	c2.789,8.652,1.232,18.184-4.143,25.482c-19.308,26.254-29.517,57.41-29.517,90.109c0,48.636,22.422,93.197,61.54,122.267
	c8.896,6.608,12.863,18.239,9.884,28.949c-1.977,7.095-2.979,14.434-2.979,21.813c0,30.574,16.898,58.29,44.087,72.358
	c7.555,3.9,12.877,11.252,14.244,19.674C480.48,419.927,477.745,428.606,471.801,434.713z"></path>
                    <path style="fill:#A6673A;" d="M270.027,177.519c0,31.237-25.401,56.638-56.638,56.638s-56.638-25.401-56.638-56.638
	s25.401-56.638,56.638-56.638S270.027,146.282,270.027,177.519z"></path>
                    <path style="fill:#99522E;" d="M270.027,177.519c0,31.237-25.401,56.638-56.638,56.638V120.88
	C244.625,120.88,270.027,146.282,270.027,177.519z"></path>
                    <path style="fill:#A6673A;" d="M253.63,315.709c0,35.665-29.03,64.681-64.695,64.681s-64.681-29.016-64.681-64.681
	s29.016-64.695,64.681-64.695S253.63,280.044,253.63,315.709z"></path>
                    <path style="fill:#99522E;" d="M253.63,315.709c0,35.665-29.03,64.681-64.695,64.681V251.014
	C224.6,251.014,253.63,280.044,253.63,315.709z"></path>
                    <path style="fill:#A6673A;" d="M356.751,362.314c0,27.134-22.084,49.218-49.232,49.218c-27.134,0-49.218-22.084-49.218-49.218
	c0-27.148,22.084-49.232,49.218-49.232C334.667,313.082,356.751,335.166,356.751,362.314z"></path>
                    <path style="fill:#99522E;" d="M356.751,362.314c0,27.134-22.084,49.218-49.232,49.218v-98.45
	C334.667,313.082,356.751,335.166,356.751,362.314z"></path>
</svg>


                <p class="text-sm text-gray-800 dark:text-gray-200">
                    By browsing this website, you accept our <a href="" target="_blank" class="inline-flex items-center gap-x-1.5 text-primary-500 decoration-2 hover:underline font-medium">cookies policy</a>.
                </p>

                <div>
                    <button type="button" class="inline-flex rounded-full p-2 text-gray-500 hover:bg-gray-300 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-50 focus:ring-gray-600  dark:hover:bg-gray-600 dark:text-gray-400" @click="cookiePolicy = true">
                        <span class="sr-only">Dismiss</span>
                        <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="round" stroke-width="1.75" stroke-linejoin="round" class="w-5 h-5" fill="currentColor">
    <use xlink:href="https://filmex.to/static/sprite/sprite.svg#close"></use>
</svg>
                    </button>
                </div>
            </div>
        </div>
    </div>
                </div>
            </div><div id="container_auto_movable_0031003500360030003100310033" class=" chatbro_container"> <div class="chatbro_chat chatbro_movable_chat" style="display: none; height: 238px; width: 290px; top: 0px; left: 0px; box-shadow: rgba(0, 0, 0, 0.1) 2px 3px 7px 0px;">  <div class="chatbro_out_of_chat_top"></div><div class="chatbro_header chatbro_maximized_header" style="border-radius: 5px 5px 0px 0px; background: rgb(71, 77, 91); color: rgb(177, 167, 167);"><table class="chatbro_header_table"><tbody><tr><td><div class="chatbro_header_alarm" style="background: rgb(177, 167, 167); border-color: rgb(71, 77, 91); color: rgb(71, 77, 91);"><span class="chatbro_alarm_ico"></span></div><button class="chatbro_header_button chatbro_invite_button chatbro_maximized_invite_button" title="Menu" style="color: rgb(177, 167, 167); background: rgb(71, 77, 91);"></button></td><td class="chatbro_header_caption_td" style="cursor: move;"><div class="chatbro_caption chatbro_maximized_caption"><div class="chatbro_title chatbro_maximized_title" style="color: rgb(177, 167, 167);"><div class="chatbro_chat_name" style="width: 35.25px;"> Filmex.to Chat!&nbsp; </div>  <div class="chatbro_participant_wrapper_max" style="margin-right: 5px;"><span class="chatbro_participant_ico"></span><span class="chatbro_participant_count" data-tippy="Online: 246 web" data-tippy-pos="left" data-tippy-animate="slide" style="display: inline; cursor: help;">246</span></div> <span class="new_messages_count_wrapper_max" style="display: none;"><span class="new_messages_ico"></span><span class="new_messages_count"></span></span> <div class="chatbro_notifications"><span class="chatbro_bell_ico"></span></div></div></div></td><td> <button class="chatbro_header_button chatbro_minimize_button" title="Hide" style="color: rgb(177, 167, 167); background: rgb(71, 77, 91);"></button></td></tr></tbody></table></div> <div class="chatbro_body" style="border-radius: 0px 0px 5px 5px; border-color: rgb(71, 77, 91);"><div class="chatbro_in_chat_top" style="background: rgb(62, 62, 62);"></div><div class="chatbro_system_messages_block" style="border-color: rgb(71, 77, 91); background: rgb(62, 62, 62);"><div class="chatbro_system_messages_wrapper" style="height: auto;"><div class="chatbro_system_messages"></div></div></div> <div class="chatbro_modal_block" style="height: 0px;"> <div class="chatbro_fade_block" style="height: 100%;"><div class="chatbro_login_progress_radial"></div></div><div class="chatbro_modal_wrapper"><div class="chatbro_fade_side_block"></div> <div class="chatbro_modal chatbro_modal_wrapper_login" style="background: rgb(62, 62, 62);"><div class="chatbro_modal_login"> <div><span class="chatbro_modal_close chatbro_modal_login_close" style="color: rgb(155, 155, 155);"></span></div> <div class="chatbro_modal_login_head_site chatbro_modal_head" style="display: none;">Sign in as</div> <div class="chatbro_modal_login_site" style="display: none;"><img class="chatbro_modal_login_site_avatar"><span class="chatbro_modal_login_site_name"></span></div> <div class="chatbro_modal_login_head_social chatbro_modal_head" style="display: block; color: rgb(255, 249, 249);">Sign in with</div> <div class="chatbro_modal_login_social" style="display: block; margin-bottom: 20px;"><span class="chatbro_vk_login" target="_blank" style="display: inline;"><img src="//www.chatbro.com/images/chat_vk_logo.png" alt="vk"></span><span class="chatbro_tg_login" target="_blank" style="display: inline;"><img src="//www.chatbro.com/images/chat_telegram_logo.png" alt="tg"></span><span class="chatbro_fb_login" target="_blank" style="display: none;"><img src="//www.chatbro.com/images/chat_facebook_logo.png" alt="fb"></span><span class="chatbro_go_login" target="_blank" style="display: inline;"><img src="//www.chatbro.com/images/chat_google_logo.png" alt="go"></span></div> <div class="chatbro_modal_login_head_guest_var1 chatbro_modal_head" style="display: block; color: rgb(255, 249, 249);">or as guest with</div><div class="chatbro_modal_login_head_guest_var2 chatbro_modal_head" style="display: none; color: rgb(255, 249, 249);">Sign in as guest with</div> <div class="chatbro_modal_login_input_block" style="display: block;"><button class="chatbro_modal_login_btn" style="color: rgb(62, 62, 62); background: rgb(255, 249, 249);">GO</button><div><div class="chatbro_modal_login_input_wrapper"><div class="chatbro_modal_login_input_div" style="border-color: rgb(74, 74, 74);"><input class="chatbro_modal_login_input" maxlength="30" type="text" placeholder="temporary name" style="background: rgb(62, 62, 62); color: rgb(204, 199, 199);"></div></div></div></div> <div class="chatbro_modal_login_bot" style="color: rgb(155, 155, 155);">Only letters, digits and spaces 30 symbols maximum</div> <div class="chatbro_modal_head chatbro_custom_login" style="margin-bottom: 0px; margin-top: 20px; display: none;"><a class="chatbro_custom_login_link">Site log in</a></div></div></div> <div class="chatbro_modal chatbro_modal_wrapper_menu" style="background: rgb(62, 62, 62); color: rgb(255, 249, 249);"><div class="chat_modal_menu"><div class="chatbro_modal_menu_head chatbro_modal_head" style="color: rgb(255, 249, 249);"><span class="chatbro_modal_menu_title">Menu</span><span class="chatbro_modal_close chatbro_modal_menu_close" style="color: rgb(155, 155, 155);"></span></div><div class="chatbro_modal_menu_body"><div class="chatbro_modal_menu_delete_messages_from_user" style="border-color: rgb(74, 74, 74);"><div class="chatbro_modal_menu_delete_messages_from_user_ico"></div><span>Delete last 20 messages</span></div><div class="chatbro_modal_menu_set_moder" style="border-color: rgb(74, 74, 74);"><div class="chatbro_modal_menu_set_moder_ico"></div><span>Make moderator</span></div> <div class="chatbro_modal_menu_delete_moder" style="border-color: rgb(74, 74, 74);"><div class="chatbro_modal_menu_delete_moder_ico"></div><span>Remove from moderators</span></div></div></div></div> <div class="chatbro_modal chatbro_modal_wrapper_ban" style="background: rgb(62, 62, 62); color: rgb(255, 249, 249);"><div class="chat_modal_ban"><div class="chatbro_modal_ban_head chatbro_modal_head" style="color: rgb(255, 249, 249);">Blocking <span class="chatbro_modal_close chatbro_modal_ban_close" style="color: rgb(155, 155, 155);"></span></div> <div class="chatbro_modal_ban_input_block"> <input class="chatbro_modal_ban_input" type="range" min="0" max="114" step="6" value="18" style="background: rgb(62, 62, 62);"><div class="chatbro_modal_ban_info_duration"><span class="chatbro_modal_ban_info_label"></span></div></div><div class="chatbro_modal_ban_info"><span class="chatbro_modal_ban_info_header chatbro_modal_ban_info_delete_messages">Delete messages</span><span class="chatbro_modal_ban_info_label"><input class="chatbro_modal_delete_all_messages_form_user" type="checkbox"></span></div><div class="chatbro_modal_ban_info"><span class="chatbro_modal_ban_info_header chatbro_modal_ban_info_shadow" title="The message of the user is not visible to anyone except himself">Shadow ban</span><span class="chatbro_modal_ban_info_label"><input class="chatbro_modal_ban_is_shadow" type="checkbox"></span></div><div class="chatbro_modal_ban_info"><div class="chatbro_ban_by_ip"><label for="banByIp">By IP</label><input id="banByIp" class="chatbro_ban_by_ip_radio" type="radio" name="banBy" value="ip" checked=""></div><div class="chatbro_ban_by_user_id"><label for="banByUserId">By user ID</label><input id="banByUserId" class="chatbro_ban_by_user_id_radio" type="radio" name="banBy" value="id"></div></div><div class="chatbro_modal_ban_info"><input class="chatbro_modal_ban_reason" placeholder="State the reason" type="text" name="reason" style="background: rgb(62, 62, 62); border-color: rgb(74, 74, 74);"></div><button class="chatbro_modal_ban_btn" style="color: rgb(62, 62, 62); background: rgb(255, 249, 249);">Ban</button></div></div> <div class="chatbro_modal chatbro_modal_wrapper_patron" style="background: rgb(62, 62, 62); color: rgb(255, 249, 249);"><div class="chat_modal_patron"> <div class="chatbro_modal_patron_body"></div></div></div></div></div> <div class="chatbro_messages_plug chatbro_fade_in"></div> <div class="chatbro_messages_preload chatbro_fade_in" style="background: rgb(62, 62, 62);"><table class="chatbro_fake_messages"></table></div> <div class="chatbro_messages_noconnection chatbro_fade_out" style="transform-origin: center bottom;"><div class="chatbro_messages_noconnection_wrapper" style="background-color: rgb(74, 74, 74); color: rgb(255, 249, 249);"><img class="chatbro_messages_noconnection_img" src="https://www.chatbro.com/images/no_connection.png" alt="No connection"><span class="chatbro_messages_noconnection_text">Unable to establish a connection to the server. Please try again later.</span></div></div> <div class="chatbro_messages_wrapper" style="background: rgb(62, 62, 62);"><div class="chatbro_messages_space" style="height: 0px; background: rgb(62, 62, 62);"></div><div class="chatbro_messages_block" style="width: 0px; background: rgb(62, 62, 62);"><table class="chatbro_messages"><tbody>  <tr class="chatbro_messages_empty" style="width: 0px; color: rgb(255, 249, 249);"><td>Be the first to leave a message</td></tr> <tr class="chatbro_messages_error" style="width: 0px; color: rgb(255, 249, 249);"><td>Oops, something went wrong. Try again later.</td></tr></tbody></table></div></div> <div class="chatbro_messages_scroll_to_last" style="bottom: 50px; background: rgb(74, 74, 74); border-color: rgb(74, 74, 74); color: rgb(255, 249, 249);"></div> <div class="chatbro_connecting_bottom" style="visibility: hidden; opacity: 0; border-color: rgb(74, 74, 74); background-color: rgb(68, 68, 68); color: rgb(255, 249, 249);"><div class="chatbro_connecting_bottom_radial" style="display: inline-block; border-color: rgb(112, 112, 112) rgb(112, 112, 112) rgb(112, 112, 112) rgb(161, 161, 161);"></div><div class="chatbro_connecting_bottom_message_connecting" style="display: inline-block;">Connecting...</div><div class="chatbro_connecting_bottom_message_noconnection" style="display: none;">No connection.</div><div class="chatbro_connecting_bottom_message_reconnect" style="display: none;">Reconnect in <div class="chatbro_connecting_bottom_message_connecting_sec" style="display: none;">sec.</div></div><div class="chatbro_connecting_bottom_button" style="display: none;">connect</div></div> <div class="chatbro_smiles_menu chatbro_fade_out" style="transform-origin: right bottom; border-color: rgb(74, 74, 74); background-color: rgb(68, 68, 68);"><div class="chatbro_smiles" style="color: rgb(255, 249, 249);"></div></div>  <div class="chatbro_send" style="background: rgb(105, 70, 70);"><div class="chatbro_send_input_preview" style="border-color: rgb(74, 74, 74); background: rgb(74, 74, 74); color: rgb(221, 221, 221);"></div><div class="chatbro_send_input_block" style="border-color: rgb(74, 74, 74);"> <div class="chatbro_send_input_indicator_wrapped" style="width: 0px; background: rgb(105, 70, 70);"><div class="chatbro_send_input_indicator" style="background: rgb(255, 249, 249);"></div></div> <div class="chatbro_send_button" style="background-color: rgb(105, 70, 70); color: rgb(221, 221, 221);"><div class="chatbro_loader_radial" style="border-color: rgb(126, 84, 84) rgb(126, 84, 84) rgb(126, 84, 84) rgb(221, 221, 221);"></div></div> <div class="chatbro_open_smiles_button" style="background-color: rgb(105, 70, 70); color: rgb(221, 221, 221);"></div> <label class="chatbro_open_upload_button" style="background-color: rgb(105, 70, 70); color: rgb(221, 221, 221);"><input class="chatbro_file_select_input" multiple="" name="chatbroFile" type="file"></label> <div class="chatbro_send_input_wrapper"><div class="chatbro_send_input" contenteditable="true" role="textbox" aria-multiline="true" data-ph="Write a message" style="background: rgb(105, 70, 70); color: rgb(246, 246, 246);"></div></div></div></div>  <div class="chatbro_in_chat_bottom" style="background: rgb(105, 70, 70);"></div></div><div class="chatbro_out_of_chat_bottom"></div></div> <div class="chatbro_minimized_chat chatbro_movable_chat chatbro_header_rotare_to_bottom" style="display: block; right: 20px; bottom: 20px;"> <div class="chatbro_out_of_chat_minimized"></div><div class="chatbro_header chatbro_minimized_header chatbro_opacity" style="display: block; height: 40px; border-radius: 5px; width: 10px; background: rgb(71, 77, 91); color: rgb(177, 167, 167);"><table style="border-radius: 5px;"><tbody><tr><td><button class="chatbro_header_button chatbro_invite_button chatbro_minimized_invite_button" title="Menu" style="display: none; color: rgb(177, 167, 167); background: rgb(71, 77, 91);"></button></td><td class="chatbro_header_caption_td" style="cursor: pointer;"> <div class="chatbro_caption chatbro_minimized_caption"><div class="chatbro_header_minimized_movable" style="color: rgb(177, 167, 167);"><div class="new_messages_count_wrapper" style="display: none;"><span class="new_messages_count"></span></div> <div class="chatbro_movable_minimized_ico_wrapper"><span class="chatbro_movable_minimized_icon_1"></span></div>  <div class="chatbro_movable_minimized_title">Chat&nbsp;</div>  <div class="chatbro_participant_count_wrapper"><span class="chatbro_participant_ico"></span><span class="chatbro_participant_count" data-tippy-disable="" style="display: inline;">246</span></div></div></div></td></tr></tbody></table></div></div> <div class="chatbro_dropdown_menu chatbro_movable_chat chatbro_fade_out" style="transform-origin: left top; max-width: 290px; height: auto; background: rgb(68, 68, 68); border-color: rgb(74, 74, 74);"><div class="chatbro_dropdown_block chatbro_dropdown_menu_load_progress_wrapper" style="display: block; background: rgb(68, 68, 68); border-color: rgb(74, 74, 74); color: rgb(255, 249, 249);"><div class="chatbro_dropdown_load_progress"><div class="chatbro_dropdown_load_progress_radial" style="border-color: rgb(112, 112, 112) rgb(112, 112, 112) rgb(112, 112, 112) rgb(161, 161, 161);"></div></div></div> <div class="chatbro_dropdown_block chatbro_dropdown_menu_user_wrapper" style="display: none; background: rgb(68, 68, 68); border-color: rgb(74, 74, 74); color: rgb(255, 249, 249);"><div class="chatbro_dropdown_menu_user"></div></div> <div class="chatbro_dropdown_block chatbro_dropdown_menu_plan_wrapper" style="background: rgb(68, 68, 68); border-color: rgb(74, 74, 74); color: rgb(255, 249, 249);"><div class="chatbro_dropdown_menu_plan"></div></div> <div class="chatbro_dropdown_block chatbro_dropdown_menu_patron_wrapper" style="background: rgb(68, 68, 68); border-color: rgb(74, 74, 74); color: rgb(255, 249, 249);"><div class="chatbro_dropdown_menu_patron"></div></div>   <div class="chatbro_dropdown_block chatbro_dropdown_menu_admin_stuff_wrapper" style="background: rgb(68, 68, 68); border-color: rgb(74, 74, 74); color: rgb(255, 249, 249);"><div class="chatbro_dropdown_menu_admin_stuff"></div></div> <div class="chatbro_dropdown_block chatbro_copyright" style="background: rgb(68, 68, 68); border-color: rgb(74, 74, 74); color: rgb(255, 249, 249);"><a class="chatbro_copyright_link" style="cursor: default;"><div class="chatbro_copyright_link_rev">rev 2024-10-22 9:54:32</div></a></div></div>
</div>


<div wire:snapshot="{&quot;data&quot;:{&quot;q&quot;:&quot;&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;HIvN56bX2CszPApJSQbA&quot;,&quot;name&quot;:&quot;search-component&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;e937b011b43e317c18756c141b570e5bb4f9cccabfcd2c56e62fa71ac531c8c0&quot;}" wire:effects="[]" wire:id="HIvN56bX2CszPApJSQbA">

    <div class="fixed inset-0 bg-gray-950/30 backdrop-blur-sm z-50 transition-opacity" x-show="searchOpen" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-out duration-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" aria-hidden="true" style="display: none;"></div>
    <!-- Modal dialog -->
    <div id="search-modal" class="fixed inset-0 z-50 overflow-hidden flex items-start top-20 mb-4 justify-center px-4 sm:px-6" role="dialog" aria-modal="true" x-show="searchOpen" x-transition:enter="transition ease-in-out duration-200" x-transition:enter-start="opacity-0 trangray-y-4" x-transition:enter-end="opacity-100 trangray-y-0" x-transition:leave="transition ease-in-out duration-200" x-transition:leave-start="opacity-100 trangray-y-0" x-transition:leave-end="opacity-0 trangray-y-4" style="display: none;">
        <div class="bg-white overflow-auto max-w-3xl w-full max-h-full rounded-xl px-2 py-1" @click.outside="searchOpen = false" @keydown.escape.window="searchOpen = false">
            <!-- Search form -->
            <div class="relative">
                <label for="modal-search" class="sr-only">Search</label>
                <input id="modal-search" class="w-full border-0 focus:ring-transparent bg-transparent placeholder-gray-400/50 text-sm appearance-none py-3 pl-14 pr-4" type="search" placeholder="Search .." x-ref="searchInput" name="q" wire:model.live.debounce.500ms="q">
                <button class="absolute inset-0 right-auto group" type="submit" aria-label="Search">
                    <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="round" stroke-width="1.75" stroke-linejoin="round" class="w-5 h-5 shrink-0 fill-current text-gray-400 group-hover:text-gray-500 ml-4 mr-4">
    <use xlink:href="https://filmex.to/static/sprite/sprite.svg#search"></use>
</svg>
                </button>
                <div role="status" class="absolute right-0 top-1/2 -translate-y-1/2" wire:loading="">
                    <svg aria-hidden="true" class="inline w-6 h-6 mr-3 text-gray-200 animate-spin dark:text-gray-100 fill-primary-500" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="currentColor"></path>
                        <path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentFill"></path>
                    </svg>
                    <span class="sr-only">Loading...</span>
                </div>
            </div>
             <!--[if ENDBLOCK]><![endif]-->
        </div>
    </div>
</div>
<script src="https://filmex.to/static/js/lazysizes.js"></script>
<div wire:snapshot="{&quot;data&quot;:{&quot;message&quot;:null,&quot;showToastr&quot;:false},&quot;memo&quot;:{&quot;id&quot;:&quot;YCer3loP90YPkoWjCvEk&quot;,&quot;name&quot;:&quot;notify-component&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;ab93f75f9b05fc5d84144960cf2fdc46a3e22526d4506c8bfd2f2c0160ac579b&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;show-toast&quot;]}" wire:id="YCer3loP90YPkoWjCvEk" class="notify fixed bottom-0 right-0 flex items-center w-full max-w-sm justify-center px-6 py-8 pointer-events-none z-50">
    <div x-data="{ showToastr:false, countdown: 4000,intervalx:100 }" x-init="
            window.Livewire.find('YCer3loP90YPkoWjCvEk').on('show-toast', () => {
                showToastr = true;
                countdown = 5000;
                intervalx = 100;
                const interval = setInterval(() => {
                    countdown = countdown - intervalx;
                    if (countdown === 0) {
                        showToastr = false;
                        clearInterval(interval);
                    }
                }, intervalx);
            });
         " x-show="showToastr" x-description="Notification panel, show/hide based on alert state." x-transition:enter="transform ease-out duration-300 transition" x-transition:enter-start="translate-y-2 opacity-0 sm:translate-y-0 sm:translate-x-2" x-transition:enter-end="translate-y-0 opacity-100 sm:translate-x-0" x-transition:leave="transition ease-in duration-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="flex items-center overflow-hidden relative w-full max-w-sm py-5 px-5 space-x-4 max-w-xs bg-gray-800 text-sm text-white rounded-md shadow-lg dark:bg-gray-700 pointer-events-auto" style="display: none;">
        <div class="bg-white/30 rounded-full transition-all duration-150 ease-linear absolute top-0 left-0" id="toast-timer" :style="{ height:`3px`,width: `${(100 * countdown) / 5000}%` }" style="height: 3px; width: 80%;">
        </div>
        <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
        <div class="ml-5 flex-shrink-0 flex">
            <button @click="showToastr = false;" class="inline-flex text-white/50 hover:text-white focus:outline-none focus:text-gray-500 transition ease-in-out duration-150">
                <svg class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
                    <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path>
                </svg>
            </button>
        </div>
    </div>

</div>
        <script src="https://filmex.to/static/js/swiper.js"></script>
    
    <script>
        var swiper = new Swiper('.swiper-hero', {
            pagination: {
                el: '.swiper-hero .swiper-pagination',
                clickable: true
            },
            navigation: {
                nextEl: '.swiper-hero .swiper-button-next',
                prevEl: '.swiper-hero .swiper-button-prev'
            },
            autoplay: {
                delay: 3000,
                disableOnInteraction: false
            },
            loop: true,
            autoHeight:true,
            effect: 'fade',
            watchSlidesProgress: true
        });

    </script>

    <script>
        var movie = new Swiper(".swiper-movie .swiper", {
            slidesPerView: 2,
            spaceBetween: 20,
            navigation: {
                nextEl: ".swiper-movie .swiper-button-next",
                prevEl: ".swiper-movie .swiper-button-prev",
            },
            breakpoints: {
                640: {
                    slidesPerView: 3,
                },
                768: {
                    slidesPerView: 4,
                },
                1300: {
                    slidesPerView: 6,
                },
                1500: {
                    slidesPerView: 8,
                },
                2000: {
                    slidesPerView: 8,
                },
            },
        });
    </script>

    <script>
        var tv = new Swiper(".swiper-tv .swiper", {
            slidesPerView: 2,
            spaceBetween: 20,
            navigation: {
                nextEl: ".swiper-tv .swiper-button-next",
                prevEl: ".swiper-tv .swiper-button-prev",
            },
            breakpoints: {
                640: {
                    slidesPerView: 3,
                },
                768: {
                    slidesPerView: 4,
                },
                1300: {
                    slidesPerView: 6,
                },
                1500: {
                    slidesPerView: 8,
                },
                2000: {
                    slidesPerView: 8,
                },
            },
        });
    </script>
<script>
    function toastNotification() {
        return {
            show: true,
            init() {
                this.show = true
                var progressBarElem = document.getElementById("toast-timer");
                var interval_time = 100; // ms
                var duration = 5000; // ms
                var total_duration = duration; // Keeps track of the total duration
                var update_timer = setInterval(function () {

                        duration = duration - interval_time;
                        // Update the progress bar if there is one
                        if (progressBarElem !== null) {
                            progressBarElem.style.width = (100 * duration) / total_duration + "%";
                        }

                    if (duration <= 0) {
                        // Stop updating the timer
                        clearInterval(update_timer);
                    }
                }, interval_time);

                setTimeout(() => {
                    this.show = false
                }, 5000)
            }
        }
    }
</script>
<script defer="" src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon="{&quot;rayId&quot;:&quot;8e324ada39e4384f&quot;,&quot;version&quot;:&quot;2024.10.5&quot;,&quot;r&quot;:1,&quot;serverTiming&quot;:{&quot;name&quot;:{&quot;cfExtPri&quot;:true,&quot;cfL4&quot;:true,&quot;cfSpeedBrain&quot;:true,&quot;cfCacheStatus&quot;:true}},&quot;token&quot;:&quot;99600ca795fe4ae2b400029737633ad4&quot;,&quot;b&quot;:1}" crossorigin="anonymous"></script>


<div id="efa4qop" style="position: fixed; inset: 0px; z-index: 2147483647; background: black; opacity: 0.01; height: 600px; width: 800px;"><a id="lkprm" href="http://scholarsslate.com/n095rzz8xd?tlf=97&amp;refer=https%3A%2F%2Ffilmex.to%2F&amp;kw=%5B%22watch%22%2C%22the%22%2C%22best%22%2C%22movies%22%2C%22tv%22%2C%22shows%22%2C%22%E2%80%94%22%2C%22filmex%22%5D&amp;key=6bd4e733b6e16ccd1109ba2830527dcf&amp;scrWidth=1&amp;scrHeight=1&amp;tz=0&amp;v=24.10.2259&amp;ship=&amp;psid=filmex.to,filmex.to&amp;sub3=invoke_layer&amp;res=14.1055&amp;dev=e&amp;uuid=e4ae8a15-e902-445e-8b05-fa2da009b3eb%3A1%3A1" target="_blank" style="display: block; height: inherit;"></a></div></body></html>