<!DOCTYPE html>
<html lang="en-US">

<head>
    <meta charset="UTF-8">
    <link rel="manifest" href="/2021/js/manifest.json?2025-Q2.v1">
    <meta name="theme-color" content="#111111" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="title" content="0 | Videos on WatchMojo.com" />
    <meta name="description" content="0 videos and branded content hosted and created by WatchMojo.com" />
    <meta name="keywords" content="0, Video, Videos, " />

    <title>0 | Videos on WatchMojo.com</title>
    <link rel="icon" href="/2016/img/wm-icon.png" type="image/png" />

            <link rel="preload" as="image" href="https://www.watchmojo.com/uploads/thumbs180/WM-Film-Top-10-DC-Characters-Warner-Brothers-Killed_O0M7X9-MPF_180.webp" />
    
    <script defer async src="https://www.googletagmanager.com/gtag/js?id=G-0GHDCGQNGJ"></script>
<script defer>
    document.addEventListener('pageLoadedEvent', (e) => {
        var e = document.createElement("script");
        var t = document.getElementsByTagName("script")[0];
        e.src = "https://www.googletagmanager.com/gtag/js?id=G-0GHDCGQNGJ";
        e.setAttribute('defer', '');
        e.async = true;
        e.onload = () => {
            const analyticsLoadedEvent = new Event("analyticsLoadedEvent");
            document.dispatchEvent(analyticsLoadedEvent);
        }
        t.parentNode.insertBefore(e, t);

        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'G-0GHDCGQNGJ');

        // Marfeel
        !function(){"use strict";function e(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],c=document.createElement("script");c.src=e,t?c.type="module":(c.async=!0,c.type="text/javascript",c.setAttribute("nomodule",""));var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(c,n)}!function(t,c){!function(t,c,n){var a,o,r;n.accountId=c,null!==(a=t.marfeel)&&void 0!==a||(t.marfeel={}),null!==(o=(r=t.marfeel).cmd)&&void 0!==o||(r.cmd=[]),t.marfeel.config=n;var i="https://sdk.mrf.io/statics";e("".concat(i,"/marfeel-sdk.js?id=").concat(c),!0),e("".concat(i,"/marfeel-sdk.es5.js?id=").concat(c),!1)}(t,c,arguments.length>2&&void 0!==arguments[2]?arguments[2]:{})}(window,8555,{} /* Config */)}();
    });
</script>

    <style>
* {  
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  margin:0;	
}
body {
  background:none repeat scroll 0 0 #d3d3d3;
  font-size:14px;
  letter-spacing:-0.02em;
  margin:0;
  padding:0;
 

  font-family:	 'Roboto', Arial, Helvetica, sans-serif !important;
  font-weight:400;

 
  color:#444;
}
input, select, option, button {color:#222; font-family:	 'Roboto', Arial, Helvetica , sans-serif ;font-weight:400;}

h1,h2,h3,h4,h5,h6 {
  color:#222;
  font-weight: normal;
  line-height: 1.3;
  margin:0.5rem 0;  
  letter-spacing:-0.025em; font-weight:500
}
h1 {font-size:2.5rem; font-weight:500}
h2 	{font-size:1.3rem;  font-weight: 400	; color:#555}  
h2 b{font-size:1.3rem;  font-weight: 400; color:#222}  

h3 {font-size:1.9rem;}  
h4 {font-size:1.3rem; font-weight:500; margin:0;}  
#download h4{ font-weight: normal}
#transcript h4{ font-size:1.2rem; line-height:1.2rem}


h5 {font-size:1.1rem;}  
h6 {font-size:0.9rem;}    







a, a:link, a:visited, a:hover, a:active {
  text-decoration:none;
  color:#09c; 
  transition:color 0.20s linear 0s;
  -o-transition:color 0.20s linear 0s;
  -ms-transition:color 0.20s linear 0s;
  -moz-transition:color 0.20s linear 0s;
  -webkit-transition:color 0.20s linear 0s;
}  
a:hover {color:#40baff; cursor:pointer}
p,li,dl,blockquote,table,kbd {
  font-size: 0.85rem;
  line-height: 1.6;
}
b,strong {font-weight:500;}
.text-center {text-align:center!important;}
.text-right {text-align:right!important;}
img {
  border:0;
  display:block;
  height:auto;
  max-width:100%;
  width:auto;
}
.owl-item img, .full-img {
    max-width: none;
    margin: 0 auto;
    width: 100%;
    height: auto;
}  
table {
  background:none repeat scroll 0 0 #fff;
  border:1px solid #f0f0f0;
  border-collapse:collapse;
  border-spacing:0;
  text-align:left;
  width:100%;
}
table tr td, table tr th {padding:0.625rem;}
table tfoot, table thead,table tr:nth-of-type(2n) {background:none repeat scroll 0 0 #f0f0f0;}
th,table tr:nth-of-type(2n) td {border-right:1px solid #fff;}
td {border-right:1px solid #f0f0f0;}
.size-960 .line,.size-1140 .line,.size-1280 .line ,.size-1920 .line{
  margin:0 auto;
  padding:0 0.1rem;
}
hr {
  border: 0;
  border-top: 1px solid #e5e5e5;
  clear:both;  
  height:0; 
  margin:2.5rem auto;
}
li {padding:0;}
ul,ol {padding-left:1.25rem;}
blockquote {
  border:2px solid #f0f0f0;
  padding:1.25rem;
}
/*
cite {
  color:#999;
  display:block;
  font-size:0.8rem; 
}
cite:before {content:"— ";}
*/
dl dt {font-weight:700;}
dl dd {margin-bottom:0.625rem;}
dl dd:last-child {margin-bottom:0;}
abbr {cursor:help;}
abbr[title] {border-bottom:1px dotted;}
kbd {
  background: #252525 none repeat scroll 0 0;
  color: #fff;
  padding: 0.125rem 0.3125rem;
}
code, kbd, pre, samp {font-family: Menlo,Monaco,Consolas,"Courier New",monospace;}
mark {
  background: #F3F8A9 none repeat scroll 0 0;
  padding: 0.125rem 0.3125rem;
}
.size-960 .line {max-width:60rem;}
.size-1140 .line {max-width:71.25rem;}
.size-1280 .line {max-width:80rem;}
.size-1920 .line {max-width:90rem;}
.size-960.align-content-left .line,.size-1140.align-content-left .line,.size-1280.align-content-left .line {margin-left:0;}
form {line-height:1.4;}
nav {
  display:block;
  width:100%;
  
}
.line:after, nav:after, .center:after, .box:after, .margin:after, .margin2x:after {
  clear:both;
  content:".";
  display:block;
  height:0;
  line-height:0;
  visibility:hidden;
}
.top-nav ul {padding:0;}
.top-nav ul ul {
  position:absolute;
  background:#252525;
}
.top-nav li {
  float:left;
  list-style:none outside none;
  cursor:pointer;
}
.top-nav li a,
.top-nav li .mainmenu {
  color:#fff; 
  display:block;
  font-size:1rem;
  padding:1.25rem; 
}
.top-nav li ul li a,
.top-nav li ul li .mainmenu {
  background:none repeat scroll 0 0 #252525;
  min-width:100%;
  
  padding:0.625rem;
}
.top-nav li a:hover, .aside-nav li a:hover {background:rgba(153, 153, 153, 0.25);}
.top-nav li .mainmenu:hover, .aside-nav li .mainmenu:hover {background:rgba(153, 153, 153, 0.25);}
.top-nav li ul {display:none; opacity:0.9}

.top-nav li ul li,.top-nav li ul li ul li {
  float:none;
  list-style:none outside none;
  min-width:200px;
  padding:0;
  
}
.top-nav li ul li:hover,.top-nav li ul li ul li:hover { background:#09c; color:#fff
}
.count-number {
  background: rgba(153, 153, 153, 0.25) none repeat scroll 0 0;
  border-radius: 10rem;
  color: #fff;
  display: inline-block;
  font-size: 0.7rem;
  height: 1.3rem;
  line-height: 1.3rem; 
  margin: 0 0 -0.3125rem 0.3125rem;
  text-align: center;
  width: 1.3rem;
}
ul.chevron .count-number {display:none;}
ul.chevron .submenu > a:after, ul.chevron .sub-submenu > a:after,ul.chevron .aside-submenu > a:after, ul.chevron .aside-sub-submenu > a:after {
  content:"\f004";
  display:inline-block;
  font-family:mfg;
  font-size:0.7rem;
  margin:0 0.625rem;
}
.top-nav .active-item a {background:none repeat scroll 0 0 rgba(153, 153, 153, 0.25);}
.aside-nav > ul > li.active-item > a:link,.aside-nav > ul > li.active-item > a:visited {
  background:none repeat scroll 0 0 rgba(153, 153, 153, 0.25);
  color:#fff;
} 
@media screen and (min-width:801px) {
  .aside-nav .count-number {
	  margin-left:-1.25rem;	
	  float:right;	
  }
  .top-nav li:hover > ul {
	  display:block;
	  z-index:10;
  }  
  .top-nav li:hover > ul ul {
    left:100%;
    margin:-3rem 0;
    width:100%;
  } 
}
.nav-text,.aside-nav-text {display:none;}
.aside-nav a,.aside-nav a:link,.aside-nav a:visited,.aside-nav li > ul,.top-nav a,.top-nav a:link,.top-nav a:visited {
  transition:background 0.20s linear 0s;
  -o-transition:background 0.20s linear 0s;
  -ms-transition:background 0.20s linear 0s;
  -moz-transition:background 0.20s linear 0s;
  -webkit-transition:background 0.20s linear 0s;
}
.aside-nav ul {
  background:#e8e8e8; 
  padding:0;
}
.aside-nav li {
  list-style:none outside none;
  cursor:pointer;
}
.aside-nav li a,.aside-nav li a:link,.aside-nav li a:visited {
  color:#444;
  display:block;
  font-size:1rem;
  padding:1.25rem;
  border-bottom:1px solid #d2d2d2; 
}
.aside-nav > ul > li:last-child a {border-bottom:0 none;}
.aside-nav li > ul {
  height:0;
  display:block;
  position:relative;
  background:#f4f4f4;
  border-left:solid 1px #f2f2f2;
  border-right:solid 1px #f2f2f2;
  overflow:hidden;
}
.aside-nav li ul ul {
  border:0;
  background:#fff;
}
.aside-nav ul ul a {padding:0.625rem 1.25rem;}
.aside-nav li a:link, .aside-nav li a:visited {color:#333;}
.aside-nav li li a:hover, .aside-nav li li.active-item > a, .aside-nav li li.aside-sub-submenu li a:hover {
  color:#999;
  background:none;
}
.aside-nav > ul > li > a:hover {color:#fff;}
.aside-nav li li a:hover:before, .aside-nav li li.active-item a:before {
  content:"\f006";
  display:inline-block;
  font-family:"mfg";
  font-size:0.6rem;
  margin:0 0.625rem 0 -1.25rem;
  width:0.625rem;
} 
.aside-nav li li a:link, .aside-nav li li a:visited {background:none;}
.aside-nav .show-aside-ul, .aside-nav .active-aside-item {height:auto;}
.padding {
  display:list-item;
  list-style:none outside none;
  padding:10px;
}
.margin,.margin2x {display: block;}
.margin {margin:0 -0.625rem;}
.margin2x {margin:0 -1.25rem;}
.line {clear:left;}
.line .line {padding:0;}
.hide-l {display:none;}
.box {
  background:none repeat scroll 0 0 #fff;
  display:block;
  padding:1.25rem;
  width:100%;
}
.margin-bottom {margin-bottom:0.9rem;}
.margin-bottom2x {margin-bottom:2.5rem;}
.s-1, .s-2, .s-five,.s-3, .s-4, .s-5, .s-6, .s-7, .s-8, .s-9, .s-10, .s-11, .s-12, .m-1, .m-2, .m-five, .m-3, .m-4, .m-5, .m-6, .m-7, .m-8, .m-9, .m-10, .m-11, .m-12, .l-1, .l-2, .l-five, .l-3, .l-4, .l-5, .l-6, .l-7, .l-8, .l-9, .l-10, .l-11, .l-12 {
  float:left;
  position:static;
}
.l-offset-1 {margin-left:8.3333%;}
.l-offset-2 {margin-left:16.6666%;}
.l-offset-five {margin-left:16.6666%;}
.l-offset-3 {margin-left:25%;}
.l-offset-4 {margin-left:33.3333%;}
.l-offset-5 {margin-left:41.6666%;}
.l-offset-6 {margin-left:50%;}
.l-offset-7 {margin-left:58.3333%;}
.l-offset-8 {margin-left:66.6666%;}
.l-offset-9 {margin-left:75%;}
.l-offset-10 {margin-left:83.3333%;}
.l-offset-11 {margin-left:91.6666%;}
.l-offset-12 {margin-left:100%;} 
.s-1 {width:8.3333%;}
.s-2 {width:16.6666%;}
.s-five {width:16.6666%;}
.s-3 {width:25%;}
.s-4 {width:33.3333%;}
.s-5 {width:41.6666%;}
.s-6 {width:50%;}
.s-7 {width:58.3333%;}
.s-8 {width:66.6666%;}
.s-9 {width:75%;}
.s-10 {width:83.3333%;}
.s-11 {width:91.6666%;}
.s-12 {width:100%;}
.margin > .s-1,.margin > .s-2,.margin > .s-five,.margin > .s-3,.margin > .s-4,.margin > .s-5,.margin > .s-6,.margin > .s-7,.margin > .s-8,.margin > .s-9,.margin > .s-10,.margin > .s-11,.margin > .s-12,
.margin > .m-1,.margin > .m-2,.margin > .m-five,.margin > .m-3,.margin > .m-4,.margin > .m-5,.margin > .m-6,.margin > .m-7,.margin > .m-8,.margin > .m-9,.margin > .m-10,.margin > .m-11,.margin > .m-12,
.margin > .l-1,.margin > .l-2,.margin > .l-five,.margin > .l-3,.margin > .l-4,.margin > .l-5,.margin > .l-6,.margin > .l-7,.margin > .l-8,.margin > .l-9,.margin > .l-10,.margin > .l-11,.margin > .l-12 {padding:0 0.625rem;}
.margin2x > .s-1,.margin2x > .s-2,.margin2x > .s-five,.margin2x > .s-3,.margin2x > .s-4,.margin2x > .s-5,.margin2x > .s-6,.margin2x > .s-7,.margin2x > .s-8,.margin2x > .s-9,.margin2x > .s-10,.margin2x > .s-11,.margin2x > .s-12,
.margin2x > .m-1,.margin2x > .m-2,.margin2x > .m-five,.margin2x > .m-3,.margin2x > .m-4,.margin2x > .m-5,.margin2x > .m-6,.margin2x > .m-7,.margin2x > .m-8,.margin2x > .m-9,.margin2x > .m-10,.margin2x > .m-11,.margin2x > .m-12,
.margin2x > .l-1,.margin2x > .l-2,.margin2x > .l-five,.margin2x > .l-3,.margin2x > .l-4,.margin2x > .l-5,.margin2x > .l-6,.margin2x > .l-7,.margin2x > .l-8,.margin2x > .l-9,.margin2x > .l-10,.margin2x > .l-11,.margin2x > .l-12 {padding:0 1.25rem;}
.m-1 {width:8.3333%;}
.m-2 {width:16.6666%;}
.m-five {width:20%;}
.m-3 {width:25%;}
.m-4 {width:33.3333%;}
.m-5 {width:41.6666%;}
.m-6 {width:50%;}
.m-7 {width:100%;} 
.m-8 {width:66.6666%;}
.m-9 {width:75%;}
.m-10 {width:83.3333%;}
.m-11 {width:91.6666%;}
.m-12 {width:100%;}
.l-1 {width:8.3333%;}
.l-2 {width:16.6666%;}
.l-five {width:20%;}
.l-3 {width:25%;}
.l-4 {width:33.3333%;}
.l-5 {width:50%;}
.l-6 {width:50%;}
.l-7 {width:58.3333%;}
.l-8 {width:66.6666%;}
.l-9 {width:100%;}
.l-10 {width:83.3333%;}
.l-11 {width:91.6666%;}
.l-12 {width:100%;}
.right {float:right;}
.left {float:left;}  
@media screen and (max-width:800px) {
  .size-960,.size-1140,.size-1280,.size-1920 {max-width:800px;}
  .hide-l,.hide-s {display:block;}
  .hide-m {display:none;}
  nav {
    display:block;
    cursor:pointer;
    line-height:3;
  }
  .top-nav li a {background:none repeat scroll 0 0 #4a4a4a; 	padding: 1.25rem 1.25rem;}
  .top-nav li .mainmenu {background:none repeat scroll 0 0 #4a4a4a; 	padding: 1.25rem 1.25rem;}
  .top-nav > ul {
    height:0;
    max-width:100%;
    overflow:hidden;
    position:relative;
    z-index:999;
  }
  .top-nav > ul.show-menu,.aside-nav.minimize-on-small > ul.show-menu {height:auto;margin-top: 0.75rem;}
  .top-nav ul ul {
    left:0;
    margin-top:0;
    position:relative;
    right:0;
  } 
  .top-nav li ul li a {min-width:100%;}
  .top-nav li ul li .mainmenu {min-width:100%;}
  .top-nav li {
    float:none;
    list-style:none outside none;
    padding:0;
  }
  .top-nav li a,
  .top-nav li .mainmenu {
    border-top:1px solid #222;
    color:#fff;
    display:block;
    padding:1.25rem 0.625rem !important;
    text-align:left;
    text-decoration:none;
  }
  .top-nav li ul li a {/*border-top:1px solid #222;*/}
  .top-nav li ul li ul li a {/*border-top:1px solid #222;*/}
  .top-nav li a:hover,
  .top-nav li .mainmenu:hover {
    background:none repeat scroll 0 0 #333;
    color:#fff;
  }
  .top-nav li ul,.top-nav li ul li ul {
    display:block;  
    overflow:hidden; 
    height:0;   
  } 
  .top-nav > ul ul.show-ul {
    display:block;
    height:auto;  
  }
  .top-nav li ul li a,
  .top-nav li ul li .mainmenu {
    background:none repeat scroll 0 0 #2b2b2b;
    padding:0.625rem;
  }
  .top-nav li ul li ul li a {
    background:none repeat scroll 0 0 #;
    color:#fff;
  }
  .nav-text {
    color:#fff;
    display:block;
    font-size:1.2rem;
    line-height:3;
    margin-right:0.625rem;
    max-width:100%;
    text-align:center;
    vertical-align:middle;
	margin-bottom:0 !important;
  }
  .nav-text:after {
    content:"☰";
    font-size:2rem;
    margin:5px 0 0 3px; display:inline-block;
    text-align:right;
  }
  .l-offset-1,.l-offset-2,.l-offset-five,.l-offset-3,.l-offset-4,.l-offset-5,.l-offset-6,.l-offset-7,.l-offset-8,.l-offset-9,.l-offset-10,.l-offset-11,.l-offset-12{margin-left:0;}
  .m-offset-1 {margin-left:8.3333%;}
  .m-offset-2 {margin-left:16.6666%;}
  .m-offset-five {margin-left:16.6666%;}
  .m-offset-3 {margin-left:25%;}
  .m-offset-4 {margin-left:33.3333%;}
  .m-offset-5 {margin-left:41.6666%;}
  .m-offset-6 {margin-left:50%;}
  .m-offset-7 {margin-left:58.3333%;}
  .m-offset-8 {margin-left:66.6666%;}
  .m-offset-9 {margin-left:75%;}
  .m-offset-10 {margin-left:83.3333%;}
  .m-offset-11 {margin-left:91.6666%;}
  .m-offset-12 {margin-left:100%;} 
  .l-1 {width:8.3333%;}
  .l-2 {width:16.6666%;}
  .l-five {width:20%;}
  .l-3 {width:25%;}
  .l-4 {width:33.3333%;}
  .l-5 {width:41.6666%;}
  .l-6 {width:50%;}
  .l-7 {width:58.3333%;}
  .l-8 {width:66.6666%;}
  .l-9 {width:75%;}
  .l-10 {width:83.3333%;}
  .l-11 {width:91.6666%;}
  .l-12 {width:100%;}
  .s-1 {width:8.3333%;}
  .s-2 {width:16.6666%;}
  .s-five {width:20%;}
  .s-3 {width:25%;}
  .s-4 {width:33.3333%;}
  .s-5 {width:41.6666%;}
  .s-6 {width:50%;}
  .s-7 {width:58.3333%;}
  .s-8 {width:66.6666%;}
  .s-9 {width:75%;}
  .s-10 {width:83.3333%;}
  .s-11 {width:91.6666%;}
  .s-12 {width:100%}
  .m-1 {width:8.3333%;}
  .m-2 {width:16.6666%;}
  .m-five {width:20%;}
  .m-3 {width:25%;}
  .m-4 {width:33.3333%;}
  .m-5 {width:41.6666%;}
  .m-6 {width:50%;}
  .m-7 {width:100%;}
  .m-8 {width:66.6666%;}
  .m-9 {width:75%;}
  .m-10 {width:83.3333%;}
  .m-11 {width:91.6666%;}
  .m-12 {width:100%}
}
@media screen and (max-width:480px) {
  .size-960,.size-1140,.size-1280,.size-1920 {max-width:480px;}
  .aside-nav li a {text-align: center;}
  .minimize-on-small .aside-nav-text {
    background:#252525 none repeat scroll 0 0;
    color:#fff;
    cursor:pointer;
    display:block;
    font-size:1.2rem;
    line-height:3;
    max-width:100%;
    padding-right:0.625rem;
    text-align:center;
    vertical-align:middle;
  }
  .aside-nav-text:after {
    content:"\f008";
    font-family:"mfg";
    font-size:1.1rem;
    margin-left:0.5rem;
    text-align:right;
  }
  .aside-nav.minimize-on-small > ul {
    height:0;
    overflow:hidden;
  }
  .hide-l,.hide-m {display:block;}
  .hide-s {display:none;}
  .count-number {margin-right:-1.25rem;} 
  .l-offset-1,.l-offset-2,.l-offset-five,.l-offset-3,.l-offset-4,.l-offset-5,.l-offset-6,.l-offset-7,.l-offset-8,.l-offset-9,.l-offset-10,.l-offset-11,.l-offset-12,
  .m-offset-1,.m-offset-2,.m-offset-five,.m-offset-3,.m-offset-4,.m-offset-5,.m-offset-6,.m-offset-7,.m-offset-8,.m-offset-9,.m-offset-10,.m-offset-11,.m-offset-12 {margin-left:0;}
  .s-offset-1 {margin-left:8.3333%;}
  .s-offset-2 {margin-left:16.6666%;}
  .s-offset-five {margin-left:16.6666%;}
  .s-offset-3 {margin-left:25%;}
  .s-offset-4 {margin-left:33.3333%;}
  .s-offset-5 {margin-left:41.6666%;}
  .s-offset-6 {margin-left:50%;}
  .s-offset-7 {margin-left:58.3333%;}
  .s-offset-8 {margin-left:66.6666%;}
  .s-offset-9 {margin-left:75%;}
  .s-offset-10 {margin-left:83.3333%;}
  .s-offset-11 {margin-left:91.6666%;}
  .s-offset-12 {margin-left:100%;} 
  .l-1 {width:8.3333%;}
  .l-2 {width:16.6666%;}
  .l-five {width:20%;}
  .l-3 {width:25%;}
  .l-4 {width:33.3333%;}
  .l-5 {width:41.6666%;}
  .l-6 {width:50%;}
  .l-7 {width:58.3333%;}
  .l-8 {width:66.6666%;}
  .l-9 {width:75%;}
  .l-10 {width:83.3333%;}
  .l-11 {width:91.6666%;}
  .l-12 {width:100%;}
  .m-1 {width:8.3333%;}
  .m-2 {width:16.6666%;}
  .m-five {width:20%;}
  .m-3 {width:25%;}
  .m-4 {width:33.3333%;}
  .m-5 {width:41.6666%;}
  .m-6 {width:50%;}
  .m-7 {width:58.3333%;}
  .m-8 {width:66.6666%;}
  .m-9 {width:75%;}
  .m-10 {width:83.3333%;}
  .m-11 {width:91.6666%;}
  .m-12 {width:100%}
  .s-1 {width:8.3333%;}
  .s-2 {width:16.6666%;}
  .s-five {width:20%;}
  .s-3 {width:25%;}
  .s-4 {width:33.3333%;}
  .s-5 {width:41.6666%;}
  .s-6 {width:50%;}
  .s-7 {width:58.3333%;}
  .s-8 {width:66.6666%;}
  .s-9 {width:75%;}
  .s-10 {width:83.3333%;}
  .s-11 {width:91.6666%;}
  .s-12 {width:100%}
}  
.center {
  float:none;
  margin:0 auto;
  display:block;
}

/************ CUSTOM STUFF **************/





.line h2{ text-transform:uppercase; margin:0.8rem 0 0.5rem 0}
.line h2 a{  }
.relatedpr h2{ display:inline-block; padding-top:10px;margin:0.8rem 0 0rem 0; }
.line .more{ float: right;
    font-size: 15px;
    margin:  5px ; text-transform:lowercase; }
	.darkmidgrey .line .more { color:#40baff !important}
	.darkmidgrey .line .more:hover { color:#fff !important}
.mainline {max-width:81rem; padding:0}

.pagesection { text-align:center; padding:20px 0}
.pages{ text-align:center ;}

.pages, .pages a{ font-size:21px;  }
.pages a {display:inline-block;margin:4px;}
.pages div{ display:inline}
.pages div a{ font-size:22px;}

 /*
 .owl-controls { 	    position: absolute;
    right: 0;
    top: -50px;}
.mainline .owl-controls {position: relative; top:0;}
*/
.topnav {	padding:1px !important;  }

.botnav {  padding:5px !important;}
footer{ background-color:#2b2b2b; margin:0 !important;	 }
#footer { font-weight:300}

#footer p{ padding:0; font-size:18px ; clear:both; font-weight:400}

footer ul{ padding:0 20px 0 0; margin:0;}
footer li{ list-style:none; }
footer li a{ text-transform: uppercase;font-size:14px; !important}
footer .social { padding:0; margin:0; }
footer .social a {  display:inline-block; margin:5px 25px 10px 0 !important;}

#footer{ margin:0 auto; padding:0 120px;  } 
#footer .bordbot{border-bottom:1px solid #555}
#footer .i-10{ padding: 10px 0 20px 0; color:#999; font-size:12px}
#footer .i-10 li a{font-size:14px; color:#ddd}
#footer .i-10 a{ margin:0 2px 5px ; font-size:12px; color:#fff; display:inline-block}
#footer .i-10 a:hover, #footer a:hover{ color:#40baff}
.item div{ color:#777; text-transform:uppercase; margin:0 }
.hpstats {    display: block !important;
    font-size: 0.8rem;
    padding: 0.5rem 0 0.3rem ; float:left}
.hpdate {    display: none !important;
    font-size: 0.8rem;/* temporary mod */ display:none !important;
    padding: 0.5rem 0 0.3rem ; float:left}
.hpget {    display: block !important;
    font-size: 0.8rem;
    padding: 0.1rem; float:right}
	
	
.hpshow {    display: block !important;
    font-size: 0.8rem; color:#000; font-weight:500;
    padding: 0.5rem 0 0.3rem ; float:right }
.hptitle{  color: #0077bb !important; min-height:3rem;
    font-size: 15px; padding: 0.3rem  ; letter-spacing:-0.02rem; line-height:17px;
    font-weight: normal; clear:both; text-transform:none !important; }
	
#owl-demox .hptitle{font-size: 18px; font-weight:400}
.hptrt{ font-size: 1rem;
    padding: 0.3rem 0;
    position: absolute;
    right: 0;
    text-shadow: 1px 1px 1px #000;
    top: 3px;
	display:none
  }
    #home-section  span { display:inline-block; margin:2px 0}
  #home-section   span  a {font-size:1rem; color:#fff}
   #home-section   span  a img{ width:1.5rem !important; margin: 0rem 0.3rem -0.2rem 0;}
   
.hpplay{ display:inline; margin:-0.2rem 0.3rem -0.2rem 0; width:1.8rem !important 	}
section{ color:#ebebeb;/*border-bottom:1px solid #eee*/} 
.image_logo{  display: block; float:left;
    position: relative;
	margin: 0 30px 0 0;
  }
.image_full{
   display:block;
     margin: 10px 10px;
    width: 200px;
} 
  
  
 .image_full img{max-height: 65px; }
  .image_mobile img{max-height: 80px; }
 .image_mobile{
  display:none; 
  /* -webkit-filter: drop-shadow(0px 2px 2px #222);
  filter: drop-shadow(0px 2px 2px #222); */
 }
 .black{ background-color:#000}
.darkgrey{    background-color: #1a1a1a;
    padding-top: 3px;
    border-top: 1px solid #252525;
    border-bottom: 1px solid #111; }
.darkrelated{ padding-top:10px}
.darkmidgrey{background-color:#222; padding-top:10px;}


.darkmidgrey .hptitle, .darkgrey .hptitle,.darkmidgrey .hpdate, .darkgrey .hpdate ,.darkmidgrey .hptrt, .darkgrey .hptrt ,.darkmidgrey h2, .darkgrey h2 { color:#fff }

.darkmidgrey .hptitle , .darkgrey .hptitle  { color:#f4f4f4 !important; font-weight:400}
.midgrey{background-color:#ccc;width:100% !important; max-width:100% !important;}
.lightgrey{background-color:#ebebeb; padding:1px 0;border-bottom:1px solid #ddd; border-top:1px solid #ddd; }
.cargrey {background-color:#fafafa;padding:1px 0; border-bottom:1px solid #eee; border-top:1px solid #eee;}
h2 { border-bottom:1px solid #eee}
.cargrey h2 { border: none}
.lightgrey h2 {  border: none}
.midgrey h2  { border: none}
.darkmidgrey h2 {  border: none}
.darkgrey h2 { border: none}

.backtrans{/*background-image:url(/2016/img/pixel02485.png);*/
background: #005d86; /* Old browsers */
background: -moz-linear-gradient(left, #005d86 20%, #0085b3 80%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #005d86 20%,#0085b3 80%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #005d86 20%,#0085b3 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005d86', endColorstr='#0085b3',GradientType=1 );


background:linear-gradient( #060606 0%, #1a1a1a 100%);

 }



.hoverground{ display:block; position:absolute; top:0; width:100%; height:100%;background: linear-gradient(45deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0)); }
.lightframe{background-color:#fff; }
.lightframe .line{ padding:10px; color:#373737; max-width:1280px;}
.lightframe .line h1{  line-height:2.5rem; margin-bottom:10px;}
.lightframe .line p { margin:2px 0 10px 0; display:inline-block}
.sorting,
.sorting_asc,
.sorting_desc{
    padding:4px 21px 4px 4px;
    cursor:pointer;
}
.sorting{
    background:url(data:image/gif;base64,R0lGODlhCwALAJEAAAAAAP///xUVFf///yH5BAEAAAMALAAAAAALAAsAAAIUnC2nKLnT4or00PvyrQwrPzUZshQAOw==) no-repeat center right;
}
.sorting_asc{
    background:url(data:image/gif;base64,R0lGODlhCwALAJEAAAAAAP///xUVFf///yH5BAEAAAMALAAAAAALAAsAAAIRnC2nKLnT4or00Puy3rx7VQAAOw==) no-repeat center right;
}
.sorting_desc{
    background:url(data:image/gif;base64,R0lGODlhCwALAJEAAAAAAP///xUVFf///yH5BAEAAAMALAAAAAALAAsAAAIPnI+py+0/hJzz0IruwjsVADs=) no-repeat center right;
}

.expandbutton{ display: block; color:#000; margin:20px 0 0 0; font-size:1.1rem;font-weight: 500; cursor:pointer; text-transform:uppercase}
.expandbutton a{ text-transform:capitalize; font-size:14px;}
.expandbuttonb{ display: block; color:#000; margin:20px 0 0 0; font-size:1.1rem;font-weight: 500; cursor:pointer; text-transform:uppercase}
.line h5{ display:inline-block; margin-right:10px;}

.mainline h5{ background: url('/2016/img/getmojo_back.png')  no-repeat center right; display:block; padding:20px; margin:20px; border-radius:10px; box-shadow:0 1px 2px #777; background-color:#ebebeb }
.expandbutton img, h5 img{ float:left; margin:-12px 5px 0 0}
.expandbutton span img{ float:none; margin:2px; display:inline}
.pagebuttons, .top-nav li a i, .top-nav li .mainmenu i{ font-weight:500;display:inline-block; font-size:10px; position:absolute; margin:3px 0px 3px 7px; font-style:normal;
    -webkit-transform:scale(2,1); /* Safari and Chrome */
    -moz-transform:scale(2,1); /* Firefox */
    -ms-transform:scale(2,1); /* IE 9 */
    -o-transform:scale(2,1); /* Opera */
    transform:scale(2,1); /* W3C */}
.top-nav li a i{ float:right; position: relative}
.top-nav li .mainmenu i{ float:right; position: relative}
.pagecontent{ }

#tags { margin:15px 3px  }
#tags a{ display:inline-block; padding:3px 6px ; text-transform:uppercase; background-color:#09c; color:#fff ; font-size:13px; margin:0px 2px 7px 0; border-radius: 2px; font-weight:500;   }
#tags a:hover{color:#fff; background-color:#40baff; }

#videosocial{ margin:20px 0; display: inline-block }
#videosocial a{ display:inline-block; margin-right:30px; color:#222; font-weight:500 }
#videosocial a:hover{  color:#20cade }
#videosocial img{ float:left; margin:-25px 5px 0 } 
#videosocial .wm_icon{ display:none; width:20%;}

.videosocialtop{ margin:0 !important; width:100%; position: fixed; left:0; z-index:1000; text-align: right; top:0; padding:18px 5px 1px 5px; background-color:rgba(34, 34, 34, 0.85)}
.videosocialtop a{ color:#fff !important; margin:0 3px !important;}
.videosocialtop img{     float: left;
    margin: -15px 10px 0px 0 !important;
    width: 40px;}
.videosocialtop #download{ display:none  !important;}
.videosocialtop .wm_icon{ display: inline-block !important;	 width:50%; float:left}
.videosocialtop .down{ display:none  !important;}
.videosocialtop div{  max-width: 81rem;

    margin: 0 auto;
    padding: 0 0.1rem;}
.top-nav .left li a{}
.top-nav .right li a{ font-size:0.75rem; padding:0.4rem 0.6rem 0.4rem 0.3rem; margin:0;}
.mainhead { margin:0 ; overflow:hidden; min-height: 399px; }
.mainhead img{ margin:0; object-fit: cover; min-height: 399px; }
#mainplayer { }
#mainplayer video{ }
#mainplayer div{ }

#instructions { max-width: 1024px; text-align: left; margin: 0px auto; }
  #instructions textarea { width: 100%; height: 100px; }
  
  .video-js {}
   .video-js .vjs-control-bar { 
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  video-js .vjs-volume-level,
.video-js .vjs-play-progress,
.video-js .vjs-slider-bar {
  background: $primary-foreground-color;
}

/* The main progress bar also has a bar that shows how much has been loaded. */
.video-js .vjs-load-progress {
  /* For IE8 we'll lighten the color */
  background: lighten($slider-bg-color, 25%);
  /* Otherwise we'll rely on stacked opacities */
  background: rgba($slider-bg-color, 0.5);
}

/* The load progress bar also has internal divs that represent
   smaller disconnected loaded time ranges */
.video-js .vjs-load-progress div {
  /* For IE8 we'll lighten the color */
  background: lighten($slider-bg-color, 50%);
  /* Otherwise we'll rely on stacked opacities */
  background: rgba($slider-bg-color, 0.75);
}

 .vjs-big-play-button {
    border-radius: 2rem !important;
    font-size: 4em !important;
    height: 4rem !important;
    line-height: 4rem !important;
    padding: 5px !important;
    width: 4rem !important;
  
}
  
  
/* OVERLAY */
#overdiv {background-color: #000;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.85;
    position: fixed;
    top: 0; 
    width: 100%;
    z-index: 1200;
	
	}
#myresponse {
    background-color: #eaeaea;
	border:5px solid #eaeaea;
    border-radius: 3px;
    display: none;
    height: 300px;
    left: 50%;
    margin: -150px 0 0 -120px;
    padding: 15px;
    position: fixed;
    top: 50%;
    width: 240px;
    z-index: 2000;}
#searchbox {

    border-radius: 3px;
    display: none;
    height: 78px;
    left: 50%;
    margin: -15px 0 0 -250px;
    padding: 0;
    position: fixed;
    top: 50%;
    width: 500px;
    z-index: 2000;}
	
	  
	
	
	.input-block-level { height:32px; width:200px;}
	.mywm_login { text-align:right; margin-top:2px}
    .mywm_login ul { right: 0;}
	.mywm_login img{ float:left; width:30px !important;  display:inline-block; vertical-align:middle; margin:-6px 3px 0 0 ;  }
	/*.loginpic{width:35px; height:35px; margin:0 4px 0 0 ; display:inline-block; vertical-align:middle; background-size: contain !important; float:right}*/
	.loginpic{width:32px; height:32px; margin:-7px 3px 0 0 ; display:inline-block; vertical-align:middle; background-size: cover !important; float: left; border-radius:16px;}
	
	.count-number{ display:none}
	.top-nav li ul li { text-align:left; background-color:#2b2b2b}
	.top-nav li ul li a { padding:0.625rem !important}
	.top-nav li ul li .mainmenu { padding:0.625rem !important}

/* BLOGS */
.blogs .itemimg img{ width:100px; border-radius:50px; border: none; margin:auto; float:none }
.blogs  .ticker .itemimg { width:32%; text-align:center}
.blogs .ticker .hptitle{ 
    font-size: 17px;
    width: 68%;
    color: #000 !important;
    line-height: 18px;
    font-weight: 500;
}
.blogs .ticker .hptitle:hover{ color: #09c !important; }
  .ticker .byline{ text-transform:uppercase; font-weight:500; color:#777;}
.blogs .honame { color:#777; font-weight:500; font-size:11px; display:block; text-transform:uppercase;}
.blogs .honame:before {   content: "";   position: absolute;   top: 49.99999%;  left: 0;   border-top: 1px solid;   width: 12px;  opacity: 0.5;}
/*COMMENTS*/	
	
.responseget img{ float:left; vertical-align:middle;  margin:3px 3px 0 0; padding:0}

.responseget  .comments {  font-size:11px; color:#777; min-height:13px; margin:5px;   border-radius:3px;  display:inline-block; padding:7px;}

.responseget  .comments div{ font-weight:normal; padding:0; margin:0; position:relative; border-radius:3px;  font-size:12px; width:auto !important ; background-color: #f4f4f4 }
.responseget  .comments div .up{ padding:0 ; display:inline-block; float:right }
.responseget  .comments div .down{  padding:0 ; display:inline-block;float:right }

.responseget  .comments div .flag{  padding:0 0 0 15px ; border-left:1px solid #777;  margin:0 ;font-size:13px;display:inline-block; float:right; height:18px}
.responseget  .comments div .flag a { color:#373737; font-size:15px}
.responseget  .comments div .flag img{height:20px; }
.responseget  .comments div div a{ margin:0  }
.responseget  .comments div div img{height:20px; }
.responseget  .comments div i{ font-style:normal; font-size:17px; font-weight:500; margin:0 5px !important; line-height:10px; display: inline; color:#09c; font-family:caption; }

.responseget  .comments div span{ display: inline-block;font-size:12px;float: left; text-align:left !important; line-height:normal; color:#777; width:100% !important;}
.responseget  .comments div span a{ font-weight:normal; font-size:14px; text-align:left; position:relative; line-height:normal; margin:0 10px 0 0}
.responseget  .comments div span .userlink a{ float:left; margin:0 2px !important; font-size:12px; font-style:italic; color:#57d5fd}
.responseget  .comments div span .userlink {margin:-5px 0 ; display:inline-block; overflow:hidden; width:280px; height:23px; }

/* 
.responseget  .comments div:hover span{ 
position:absolute;
max-width:1000px;
width: auto;
height: 30px;
padding:5px 6px 1px 6px !important;
background: #373737;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: inline-block;
margin:0px 0!important;
z-index: 10; color:#57d5fd;  
left:0px; text-align:center;
top: -27px; box-shadow:0px 2px 4px #777 
}
.responseget  .comments div:hover span:after{ 
   content: "";
position: absolute;
bottom: -5px;
left: 30px;
width:10px;
height:10px;
background-color: #373737 ;
border-bottom:2px solid #373737;
border-right:2px solid #373737;
display: block;
z-index: 10;
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
  }
  */
#comments h4{ font-size:1.2rem;font-weight:normal}
  .responseget .comments a {  font-weight:normal; font-size:11px;  width:auto; line-height:12px; height:auto;float:right; margin:0 15px 10px 0px !important ; position:relative}
	
.responseget  .comments div span div { background-color: transparent}	

.comments2017{  display: block;
    min-height: 70px !important;
	
}
.comments2017 a{ text-decoration:none; !important;}
#comments { width:800px}

.comment2017{ display:inline-block; width:100%; margin:10px 0}
.comment2017 i{ font-size:16px; margin:5px; }
.comment2017 span{ clear: both;
    display: block;
    margin: 5px 0px 0 58px;}
.comment2017 span div{display:inline-block; margin:5px 10px;}
.comment2017 span img{ width:20px; float:left; display:inline-block; margin: -5px 5px 5px 5px }
.comment2017 div{}
.comment2017 .flag img { width:18px; margin: -1px 5px 5px 5px}
.comment2017 div img{}
.comment2017 .userlink{  font-size: 1rem;
    margin: 2px 0 3px; }
	.comment2017 .userlink a{font-size: 0.9rem;
    font-weight: 400;
    margin: 6px 3px;
    display: inline-block;}
	.comment2017 .userlink a:hover{  text-decoration: underline}
  .commentpic{width:60px; height:60px; margin:0 12px 0 0 ; display:inline-block; vertical-align:middle; background-size: cover !important; float: left; background-color:#eee !important}
.comments2017 textarea{background-color: #eee; font-size:14px;
    border: medium none;
    clear: both;
    display: inline-block;
    font-family: helvetica,arial;
    margin: 0 0 5px !important;
    overflow: hidden;
    padding: 8px 10px 7px 10px;
    width: 91%;
}
.comments2017 .addbut{ background-color: #40baff;
    clear: both;
    color: #fff;
    float: right;
    font-size: 20px;
    line-height: normal;
    padding: 9px 33px 7px;
    text-transform: uppercase; border-radius:3px}
/* newsletter */

#contact_form .input-group-field, #mc-embedded-subscribe-form .input-group-field{ 
    font-size: 1em;
    line-height: 1.42;
    padding: 4px 6px;
}
#contact_form  .btn-secondary, #mc-embedded-subscribe-form .btn-secondary { font-size: 1em; border:none; background-color:#40baff; color:#fff;
    line-height: 1.42;
    padding: 6px 8px; text-transform:uppercase}
#contact_form  .btn-secondary:hover, #mc-embedded-subscribe-form .btn-secondary:hover{ background-color:#40baff; cursor:pointer}
#contact_form .input-group-btn,  #mc-embedded-subscribe-form  .input-group-btn { padding:0; margin:0; display: inline;
    margin: 0;
    vertical-align: middle;}
	
#contact_form	.input-group, #mc-embedded-subscribe-form  .input-group  {
    border-collapse: separate;
    display: inline;
    position: relative;
}



.newsletterform{ display: inline-block !important} 

.top-nav img{ width:15px;  display: inline-block;  margin: 0 5px;} 
.top-nav .left img{ display:none}

.top-nav .left .sear img{ display:inline-block}


.hpdate, .hptrt{margin:0 !important; position:absolute; color:#fff !important; text-shadow:1px 1px 0px #000;  text-transform:none !important; min-height: inherit  ;font-size: 11px;  padding:2px 3px 1px; font-weight: 500; opacity:0.8}
.hptrt{top:0; right:0; border-radius:0 0  0 0;background-color: rgba(0, 0, 0, 0.5);}
.hpdate{top:0; left:0; border-radius:0 0 0 0;background-color: rgba(0, 0, 0, 0.5);}
.hpstats{font-size: 11px;  padding:3px 3px 0px; margin-bottom:-3px;  font-weight: 500; width:100%; text-transform:lowercase !important;	}
.hpstats img{ width:15px; float:left; margin:0 2px;}
.stata{float: right} .statb{ float: right; margin:0 5px;}
.hpplay{ display:none}
.adsquare{float:right;  padding:50px; width:50%; text-align: center}

.post-image img{ border:1px solid #fff}

#mainmenu{ position: relative; z-index:100; width:100%}
.sear a{ background-color:rgba(155,155,155,0.15); position:absolute;padding:0.5rem 0.8rem 0.3rem 0.3rem; right:0; bottom:0; color:#40baff !important; border-radius: 5px 5px   0 0}
.sear a:hover{background-color:#068 !important;   }
.sear img{ width:20px; margin:-4px 5px }
.mobilesear{ display:none}
.split{/*height:100px;*/}
#getmojo .itemimg img{ width:100%;
    height:100%;
    vertical-align: middle;}
#getmojo .itemimg{  background-size: contain; max-height:200px; background-color:#fff;
    background-repeat: no-repeat;
    background-position: center; border: 1px solid #ddd}
#getmojo .hptitle{ text-align:center}
.download { margin:15px 0 0 2px !important; }
#download{display:none;}
.advert{ float:right; margin:15px 0px 20px 40px; }
.advert div{ }
#advertbig{ width:100%; text-align:center; margin:0 auto; background-color:#2b2b2b; display:block}
/*
#advertbig span{ position:absolute;  top:-3px; right:-3px;}
#advertbig span a{     background-color: #000;
    border-radius: 30px;
    border: 1px solid #ccc;
    color: #ccc;
    font-weight: normal;
    width: 20px;
    height: 20px;
    display: block;
    line-height: 19px; font-size:11px;
}
#advertbig  div{ width:970px; height:250px; background-color:#6c6; display:inline-block; margin: 3px; position:relative}
*/
.suggestnav{ width:100%; border-bottom:1px solid #ccc; margin:15px 0 0 0}
.suggestnav div{ display:inline-block; }
.suggestnav div a{background-color:#1a1a1a; color:#fff; font-size:14px; display:inline-block; padding:7px 10px; margin:0 1px;  border-radius:3px 3px 0 0; }
.suggestnav div a span{ font-size:13px; margin:0 2px;}
.suggestnav div a:active, .suggestnav div a:hover, .suggestnav div .tabactive{ background-color:#09c; color:#fff}
.suggestion .normal  {width:100%} 
.suggestion .mywm{ color:#09c}
.suggestion .title{ color:#333; letter-spacing:-0.025rem;}
#responseget{/*min-height:500px;*/}

.credits{ text-transform:uppercase; font-weight:500; margin:20px 0; display:inline-block;}
.credits a{ margin:0 5px 0 0; text-transform:capitalize;}
.footer_sub{ margin: 10px 0 0 0 !important;}
.footer_sub p:hover{color:#40baff !important;}
.rp_more{ background-color: #09c;
    color: #fff !important;
    width: 100%;
    border-radius: 3px;
    text-align: center;
    padding: 10px;}
@media (min-width: 1024px) {
	.suggestion .title{ font-size:19px; width:100%}
	.suggestion .mywm{ font-size:14px; float:left ;  display: inline-block !important;}
}
@media (max-width: 1023px) and (min-width: 640px){
	.suggestion .title{ font-size:17px; width:100%}
	.suggestion .mywm{ font-size:12px; float:left ; display: inline-block !important;}
	
			}

@media (max-width: 800px) and (min-width: 320px){
    .mainhead { min-height: 259px; }
    .mainhead img { min-height: 259px; }
	.split{height:/*65px;*/}
	.sear { display:none}
	.mobilesear{ display: inline-block; right:0; position:absolute}
	.mobilesear img{ width:30px; margin:10px;	}
	 .image_logo img{max-height: 60px; margin:; }
	.image_logo {    margin: 0 35%;
    position: absolute;
    text-align: center;
    width: 32%;}
	
	.pages a{ font-size:17px;  }
	h1{ font-size:1.8rem; line-height:1.9rem !important}
	#footer { padding:0px}
	footer ul{ float:none !important; padding:0;}
	#footer li { padding:0px 5px 5px;  display:inline-block}
	footer .social a {  display:inline-block; margin:5px 15px 10px !important;}
	footer { padding:0 !important}
	.loginpic{width:45px; height:45px; margin:-12px 8px 0 0;  display:inline-block; vertical-align:middle; background-size: cover !important; float: left; border-radius:23px}
	.mywm_login img{ float:left; width:45px !important; margin:-12px 8px 0 0 !important;  display:inline-block; vertical-align:middle;}
	
	.top-ul img{ width:24px; margin: 0 10px -5px 5px}
	.top-nav .left img{ display: inline-block}
	
	#home-section .post-text { color: #fff; padding: 1rem 0.8rem  2rem !important;}
	.relatedpr h2{ display:inline-block; padding-top:10px;margin:0.8rem 0 0rem 0; }
	
	#searchbox {
   
    border-radius: 3px;
    display: none;
    height: 78px;
    left: 50%;
    margin: -15px 0 0 -160px;
    padding: 0;
    position: fixed;
    top: 50%;
    width: 320px;
    z-index: 2000;}
	#videosocial img {
    float: left;
    margin: -10px 3px 0 0;
    width: 52px !important;}
	
	
	#videosocial{ margin:20px 0 ; display: inline-block }
	#videosocial a { margin-right:10px;}
	.lightframe{ padding:0 5px;}
	#comments { width:400px}
	.comments2017 textarea { width:327px;}
	.comment2017{ font-size:14px; }
	.comment2017 span{ 
    margin: 5px 0px 0 20px;}
	.top-nav li a i{ float:right; position: relative; content:"∨"}
	.top-nav li .mainmenu i{ float:right; position: relative; content:"∨"}
	#home-section .post-text h2 { font-size:1.6rem !important; }

	.image_full{    margin: 7px 10px 0 0;
    width: 130px; }
	.image_mobile{ }
	
	#home-section .line.line { border-bottom:1px solid #000}
	.top-nav  li a{ font-size:1rem !important;}
	
}

@media (max-width: 1024px) and (min-width: 801px){
	h1{ font-size:2.2rem; line-height:2.2rem !important}
	#home-section .post-text h2 { font-size:1.9rem !important; }
	
 #footer{ margin:0 auto; padding:0 30px;  } 

}

@media (max-width: 1024px) and (min-width: 320px){
	.advert{ width: 100%;
    text-align: center;
    margin: 0 0 10px auto;
    border-bottom: 1px solid #ddd;
    padding: 0px 0 10px; text-align:center;
}
	.advert div{}
	.adsquare{ padding:0 ; width:100%; text-align: center}

	
	
	#home-section .post-text p { font-size:1rem !important; 	}
}
 
#pp-cfp-root #pp-cfp-trigger:before{ content:"New Design.";}
#pp-cfp-root #pp-cfp-trigger { font-size:11px !important; padding:0 10px !important; border-color:#eee !important; height:32px !important }


/* TRIVIA */

#question  {color:#fff ; background-color:#000;  font-size:12px; position:relative;
padding: 0;
width: 100%;
text-align:left;}
#question span { display:block}
#question a{ color:#40baff; text-decoration:none}
#question a:hover{color:#40baff}
#question .cal_head{ position:absolute;left:355px; width:120px; font-size:15px; color:#ffd; padding:0 5px 0 0 ;text-shadow:1px 1px 3px #000; text-align:right}
	

#question .cal_img{ height:170px; overflow:hidden; display: none}
#question .cal_img img { margin:-30px 0 0 0px}
#question .cal_title{          font-size: 30px;
    color: #fff;
    line-height: 31px;
    margin: 0px !important;
    font-weight: 500;
    text-align: left;
    position: absolute;
    bottom: 30px;
    text-shadow: 1px 1px 1px #000;
    padding: 20px; }  
	
	
#question .cal_question i {  display:block;text-transform: none; font-style:normal;  font-weight:normal;color:#40baff;font-size:19px; margin:-30px 0 5px -10px;text-shadow: 1px 1px 0px #000; }
#question .cal_title a { color:#fff;}
#question .cal_title a:hover{ color:#40baff;}
#question .cal_question{ border-radius: 3px; padding:10px; font-size:19px; margin:20px 20px 10px; border:1px solid #40baff;   font-weight: 500; color:#fff; bottom:0px;background-color:rgba(0, 0, 0, 0.3) }
#question .cal_question b{ font-size:13px; color:#ccc}
#question h4{ margin: 5px 20px 10px ; font-weight: 500; text-align:center; border-radius: 3px; background-color:#09c;color:#ffd !important  }
#question h4 a{ font-size:18px ; display: inline-block; padding:9px 5px 7px  ; color:#fff; width:100%;border-radius: 3px; }
#question h4 a:hover{background-color:#40baff; border-radius: 3px; color:#fff }
#question .tf{ margin:15px 0; width:300px;  text-align:center; font-weight:500;color:#777; font-size:13px;}
#question .tf a{ margin:0 30px 0 0; font-size:17px;}
#question .mainanswer{ margin:15px 0 0 0}
#myscore{ background-color:rgba(0, 0, 0, 0.7) ;
			border-radius:0 0 55px 55px;
			margin:0;
			padding:5px;
			box-shadow: 0 1px 1px #555;
			height: 110px;
			opacity: 1;
			position: absolute;
			z-index:1;
			top: 0;
			right:0;
			width: 110px;
			border:none !important; display:none
	}
.scorebox { height:100px;position:absolute; width:100px; margin:0 ; padding:7px 9px 5px; font-size:14px;line-height:21px; background:rgba(0, 125, 180, 0.80); border-radius:50px; border:1px solid #09c !important; color:#fff;  text-align:center; font-weight:500}
.scorebox b{ font-size:48px; color:#ffb; margin:6px 3px 2px; display:inline-block }
.scorebox h8{ margin:0px 0 5px -5px; !important; line-height:11px; width:90px ;display:inline-block;font-size:11px; }
.scorebox  h8 b{ font-size:16px;margin: 1px!important; line-height:14px; !important; display:block}
#next_vid div{ width:150px; border-radius:35px;background-color:#09c ; display:inline-block; margin:20px 0 0 6px;}
#next_vid div:hover{ }
#next_vid div a{ border-radius:35px !important; color:#fff; display:block; font-size:17px; font-weight:500; line-height:16px; text-align:center; width:150px ; margin:0; padding:12px 0 15px; }
#next_vid div a:hover{ color:#fff !important;background-color:#40baff; text-decoration:none}
#next_vid div a b{  display:block; font-size:12px;}

#header{ position:fixed}
#trivia { color:#fff; font-weight: 500;   min-height:110px; font-size:21px;}
#trivia h3{ color:#666; font-size:16px; border:none; border-bottom:1px dotted #eaeaea; line-height: normal; margin:10px 0 5px 0; padding: 0; line-height:17px; height:auto; }
#trivia h2{ color:#dc0201; font-size:13px; margin:0 0 3px 0;  }
#trivia .mod{ margin:0 0 0 0; font-size:25px; width:100%; text-align: center; font-weight:500;}
#trivia .compare_poll { margin:20px 0 ; display:inline-block; display:none; width:480px; text-align:center }
#trivia .compare_poll  a{ font-size:13px; line-height:13px;color:#40baff }
#trivia .compare_poll  a:hover{ color:#3ce}
#trivia .bar_poll {display: inline-block; height:16px; margin:0 3px 0 20px ; padding:0;  background-color:#40baff; text-align:left; color:#fff;}
#trivia .text_poll {display: inline-block; width:100%; margin:3px 15px 0; text-align: left; font-size:15px; line-height:14px; font-weight: 500; }
#trivia span{ font-size:12px; font-weight:500; padding:1px 0 1px 5px; margin:3px 5px 3px 0}
#trivia h4 a{font-size:13px;line-height:16px; }

#trivia div{ margin:0 5px 10px; min-height:65px; border:none}
.main_content{ padding-top:70px;}
#videoplay { float:left; width:66%; position:relative}
.owl-carousel { display: block; }
#triviaplay { float:right; width:33%;  margin: 50px 0 10px 0}
#mainquestion{ position:relative}
		/* SUGGESTIONS*/

 .suggestion { color:#444}
.suggestion h3{    color: #000;
    font-weight: 500;
    font-size: 17px;
    margin: 0.5rem 0 0 ;
    float: left;}
.suggestion .sug { position:relative; border-radius: 3px; margin:1px}
.suggestion .normal{ float:left; width:50%; border:1px solid #fff}
.suggestion .featured{ float:right;width:50%; border:1px solid #fff}
.suggestion .normal .sug{ display:inline-block; width:99%}
.suggestion .sug div{ display:inline-block} 
.suggestion .featured .sug{ display:inline-block; width:99%; }
.suggestion .title{ display:inline-block; padding:13px 10px 10px; font-size:16px; float:left}

.suggestion .featured .title{ display:inline-block;  }
.suggestion .mywm{ font-size:12px; float:left ; margin:4px 0 0 12px; min-width:100px; overflow:hidden; clear:both}
.suggestion .mywm div{ display:inline-block; width:30px; height:30px; border-radius:15px;     background-position: center;
    background-size: cover; vertical-align:middle;
    background-repeat: no-repeat;margin:0 5px 0px 0px; background-color:#fff; }
.suggestion .mywm img{
    width: 20px;
    float: left;
    margin: 0;
    width: 15px;
    padding: 0px;
    z-index: 100;
    position: absolute;
    bottom: 28px;
    left: 35px;
}
.suggestion .votes img {     width: 24px;
    margin: -6px 10px 5px 5px;
    float: right;
    opacity: 0.9;
}
.suggestion .like{ display:inline-block; width:80px; margin:15px 0 0 0; text-align:right}
.suggestion .dislike{ display:inline-block;  width:80px; margin:15px 0 0 0; text-align:right}
.suggestion .sugtype{  float:right;/* margin:12px 5px 10px;*/ position:absolute; top:7px; right:-3px; margin:0;     border-right: 1px solid #fff;
}
.suggestion .sugtype a{ color:#fff; padding:4px 2px; font-size:11px; border-radius:3px; font-size:10px; text-transform:uppercase; font-weight: 500; }
.suggestion .msmojo a{  display:inline-block;  background-color:#DD7791;text-align:center;width:70px; }
.suggestion .cat a{   display:inline-block; background-color:#09c;text-align:center;width:70px;}
.suggestion .feat a{  display:inline-block; background-color:#09c;text-align:center;width:70px;}
.suggestion .votes{ float:right; font-size:14px; color:#000; margin: 0 0 0 10px}
.suggestion .votes a{ color:#777; font-weight: normal}
.suggestion .sugtype span{ display:inline-block; display:inline-block; margin:2px 10px 0 0; }
.suggestion .odd{ background-color:#eee}
.suggestion .even{ background-color:#f7f7f7}
.videopage{ max-width:854px;}
.suggestion .mywm a { color:#666}	
.suggestion .mywm span{ font-size: 10px;
    display: block;
    color: #777;
    clear: right;
    position: absolute;
    left: 47px;
    bottom: 3px; display:none }
@media (max-width: 1280px) and (min-width: 640px){
	#videoplay { width:100%}
#triviaplay {  width:100%; margin:0 0 15px 0}
#mainquestion { float:left; width:50%}
.mainanswer{ float:right; width:50%; margin:15px 0 0 0}
#question .cal_title{ position:relative;  bottom:0;   
    margin:  5px 10px 20px!important;
    padding: 10px; background:none } 
#question .cal_title :hover{ display: block}	
.size-1280 .line { padding: 0 10px;}
.size-1280 .darkgrey .line { padding: 0 3px;}
}

@media (max-width: 640px) and (min-width: 320px){
	.lightframe .line{ padding:10px 5px; color:#373737; max-width:1280px;}

	.hptitle, .title{ font-size:16px; line-height:18px;}
	#owl-demox .hptitle{font-size: 17px; font-weight:400}
	#videoplay { width:100%}
	#trivia{ padding:0 10px 10px;}
#triviaplay {  width:100%; margin:-10px 0 15px 0}
#question h4{ margin:15px 30px ;}
#question .cal_question { margin:25px 30px 15px 30px;}
#tags a{ font-size:12px;   }
#videosocial a {
    margin-right: 5px;
    font-size: 13px;
}
#videosocial img {
   width:32px !important;
}
#question .cal_title{ position:relative;   font-size:26px; line-height:27px; 
    margin: 10px 20px 20px!important;
    padding: 10px; bottom:0;   } 
	
.size-1280 .line { padding: 0 5px;}
.size-1280 .darkgrey .line { padding: 0 ;}	
	
}




@media (max-width: 1400px) and (min-width: 1024px){
	.suggestion .mywm{ font-size:12px; float:left ; display: inline-block !important;}
	.suggestion .title { font-size:16px;}
}
@media (max-width: 800px) and (min-width: 320px){
	.suggestion .mywm{ font-size:12px; float:left ; display: inline-block !important;}
.suggestion .normal{ float:left; width:100%}
.suggestion .featured{ float:left;width:100%}
.suggestion .sugtype{ /* margin:-10px 5px 10px; width:100%; text-align:center */ }
.suggestion .like{margin:10px 0 5px;}
.suggestion .dislike{   width:70px; margin:10px 0 5px;}
.suggestion h3{ margin:1rem 0.5rem 0}
.suggestion .title { width:75%; padding:10px; font-size:14px; }
#footer  li a{    background-color: #444;
    border-radius: 3px;
    padding: 2px 5px;}

}
@media (max-width: 1400px) {
	
.suggestion .title { width:75%; padding:10px; font-size:16px; }
}
@media (max-width: 1024px) and (min-width: 800px){
	
.suggestion .title { width:75%; padding:10px; font-size:14px; }
}

@media (max-width: 480px) and (min-width: 320px){
	.suggestion .title { font-size:14px;}
	#comments {
    width: 100%;}
	.comments2017 textarea {
    width: 85%;}
	.commentpic { width: 30px;
    height: 30px;
    margin: 0 2px 0 0;}
	.suggestnav div a { padding:5px 6px !important; font-size:11px !important;}

	.comments2017 .addbut{ margin:0 5px 5px; padding:5px 25px }
	.leadbutton{ display:none !important;}

}



@media (min-width: 800px) {
    .language-menu {
        padding-left: 50px;
    }
}</style>
    <style id="custom-style">
        .owl-carousel {
            height: 250px;
            overflow: hidden;
            display: inline-block;
            white-space: nowrap;
            width: 100%;
        }

        .owl-carousel .item {
            margin: 0 8px 0 0 !important;
            display: inline-block;
            max-width: 100%;
            width: calc(25% - 8px);
            vertical-align: top;
        }

        .owl-carousel .owl-item .item {
            width: auto;
        }

        .owl-carousel .hptitle {
            white-space: normal;
        }

        .owl-carousel img,
        .full-img {
            width: 310px;
            height: 180px;
            object-fit: contain;
            max-width: 100%;
        }

        .owl-carousel .owl-wrapper-outer {
            overflow: hidden;
            position: relative;
            width: 100%;
        }

        #owl-demo-tik {
            display: flex !important;
            flex-direction: row;
            min-height: 100px;
            max-height: 110px;
        }

        #owl-demo-tik img {
            width: 72px;
            height: 72px;
        }

        .leaderboard-ad,
        .leaderboard-md-ad {
            min-height: 90px;
        }

        .ticker .blog .itemimg {
            float: left;
            width: 23%;
        }

        .ticker .blog .hptitle {
            float: right;
            width: 76%;
        }

        .pt-0 {
            padding-top: 0;
        }

        .owl-carousel .owl-item {
            text-align: center;
        }

        .owl-carousel .owl-item .hptitle {
            text-align: left;
        }

        @media (max-width: 720px) {

            .leaderboard-ad,
            .leaderboard-md-ad {
                min-height: 85px;
            }

            .owl-carousel .item {
                width: 100%;
            }

            .owl-carousel .owl-item .hptitle {
                text-align: center;
            }
        }

        .cat-header {
            margin-top: 2rem;
            font-weight: 600;
            font-size: 1.4rem;
            color: #222;
        }
    </style>

    <link rel="canonical" href="https://www.watchmojo.com/videos/">
    <script type="application/ld+json">
        {
            "@context": "http://schema.org",
            "@type": "WebPage",
            "name": "0 Videos by WatchMojo.com",
            "description": "0 videos and branded content hosted and created by WatchMojo.com",
            "publisher": {
                "@type": "Organization",
                "name": "WacthMojo",
                "logo": {
                    "@type": "ImageObject",
                    "url": "https://www.watchmojo.com/images/logo-jsonld.png",
                    "width": 1000,
                    "height": 1000
                }
            }
        }
    </script>

</head>

<body class="size-1280">

    <!-- TOP NAV WITH LOGO -->

    
<div id="fb-root"></div>
<div id="overdiv"> </div>
<div id="myresponse">
	





<style>
  #myresponse {
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    border: 0px;
  }

  @media (min-width: 576px) {
    #myresponse {
      width: 360px;
      height: auto;
      left: 50%;
      top: 50%;
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      /* margin-left: -180px; */
      padding: 0px;
      border: 0px;
      padding-bottom: 24px;
    }
  }

  #myresponse .box_pop_header {
    width: 100%;
    background-color: #000;
    padding: 16px;
    text-align: center;
  }

  #myresponse .box_pop_header img {
    width: 60%;
    display: inline;
  }

  #myresponse .box_pop_header .close {
    position: absolute;
    top: 10px;
    right: 10px;
    border: none;
    background-color: transparent;
  }

  #myresponse .box_pop_header i.fa-times {
    font-size: 1.25rem;
    color: #FFF;
  }

  #myresponse .btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  }

  #myresponse .btn-block {
    display: block;
    width: 100%;
    font-family: roboto;
    font-weight: 400 !important;
    margin-left: auto;
    margin-right: auto;
  }

  #myresponse .btn-social {
    color: #fff !important;
  }

  #myresponse .btn-facebook {
    color: #fff;
    background-color: #3b5998;
    border-color: rgba(0, 0, 0, 0.2);
    margin-top: 24px;
  }

  #myresponse .btn-google {
    color: #fff;
    background-color: #dd4b39;
    border-color: rgba(0, 0, 0, 0.2);
  }

  #myresponse .btn-mojo {
    margin-top: 8px;
    color: #fff;
    background-color: #09c;
    border-color: rgba(0, 0, 0, 0.2);
  }

  #myresponse a {
    color: #09c !important;
  }

  #myresponse .btn-login-container {
    padding-left: 16px;
    padding-right: 16px;
  }

  #myresponse .btn-login-container h4 {
    margin-left: 2px;
    padding: 16px 0px 8px 0px;

    color: #222 !important;
    font-size: 1.3rem;
    font-weight: 500;
    margin: 0;
  }

  #myresponse .migration-container {
    width: 100%;
    margin-top: 24px;
    padding: 16px;
  }

  #myresponse .migration-container .btn-migration-container {
    background-color: #333333;
    width: 100%;
    padding: 8px;
  }

  #myresponse .migration-container .btn-migration-container h4 {
    color: #fff;
    margin-bottom: 8px;
  }

  #myresponse .migration-container .btn-migration-container span {
    color: #fff;
  }

  #myresponse .btn-migrate {
    margin-top: 24px;
    background-color: #0099CC !important;
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;

    border: 1px solid #0099CC;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    color: #fff;
    width: 100%;
  }

  #myresponse .btn-migrate:hover {
    background-color: #0086b3 !important;
    border-color: #0086b3 !important;
    color: #fff !important;
  }

  #myresponse .tempoff {
    display: inline-block;
    font-size: 11px;
    margin: 5px 0;
    text-align: center;
    width: 100%;
    color: black;
  }

  #myresponse .input-block-level {
    width: 100%;
    display: block;
    padding: 3px 5px;
    font-size: 14px;
    height: 32px;
    margin: 3px auto;
    border-radius: 3px;
    border: 1px solid #ddd;
  }

  #myresponse .sign-up {
    width: 100%;
    text-align: center;
    font-size: 12px;
    padding: 2px 0px;
    color: black;
  }

  #myresponse .login-error {
    width: 100%;
    text-align: center;
    font-size: 12px;
    padding: 2px 0px;
    color: red;
  }

  #myresponse .login-error span {
    width: 100% !important;
  }
</style>

<div class="box_pop_header">
  <img loading="lazy" class="lazy" data-src="/2016/img/wm_logo3_2018.png" alt="WatchMojo" width="197" height="72" />
  <button class="close" onClick="toggle_visibility('myresponse'); toggle_visibility('overdiv')">
    <i class="fas fa-times"></i>
  </button>
</div>

<div class="btn-login-container">
  <h4>Login Now!</h4>

  <form class="form-signin" method="post" action="/2021/login.php" name="login" id="mymojo" onSubmit="toggle_visibility('myresponse'); toggle_visibility('overdiv')">
    <input type="text" class="input-block-level" name="userName" id="userName" placeholder="Email" value="" required>
    <input type="password" class="input-block-level" name="password" id="password" placeholder="Password" value="" required>
    <div class="login-error"><span></span></div>

    <button class="btn btn-block btn-social btn-mojo" type="button" onClick="loginWM();">Sign in with WatchMojo</button>
    <div class="sign-up mt-1">
      <span class="me-3"><a href="/forgotPassword">Forgot Password?</a></span>
      <span>No account? <a href="/subscribe">Sign up now</a></span>
    </div>

  </form>

  <span class="tempoff">OR</span>

  <a class="btn btn-block btn-social btn-google" href="/my/login/v2/login_with_google.php?r=https%3A%2F%2Fwww.watchmojo.com%2Ftravel%2Fblog%2F%3Ffeed%3Drss2&login=google">
    <i class="fab fa-google"></i>&nbsp;&nbsp;Sign in with Google
  </a>

  <a href="#" class="btn btn-block btn-social btn-facebook" onclick="fb_login('', false);">
    <i class="fab fa-facebook"></i>&nbsp;&nbsp;Sign in with Facebook
  </a>
  
  <div class="sign-up mt-1">
    <span class=""><a href="/privacy-policy" target="_blank">Privacy Policy</a></span>
  </div>
</div></div>
<div id="searchbox"> </div>


<style>
	.leaderboard-ad,
	.leaderboard-md-ad {
		min-height: 90px;
		background-color: #2b2b2b;
		min-width: 728px;
		margin: 0 auto;
		position: relative
	}

	#advertbig .leaderboard-ad {
		min-height: 110px;
	}

	.medrec-ad {
		display: inline-block;
		margin-left: auto;
		margin-right: auto;
		background-color: #2b2b2b;
		min-height: 250px;
		min-width: 300px;
		position: relative
	}

	.text-adv {
		position: absolute;
		bottom: 2px;
		left: 5px;
		font-size: 12px;
		color: #999;
		z-index: 0;
	}

	.google-advertisememt {
		position: relative;
		z-index: 1;
	}

	.terrible-influence-desktop {
        padding: 0!important;
        background-color: transparent!important;
        min-height: 51px;
    }

    .terrible-influence-desktop img {
        display: block!important;
        width: auto;
		max-width: 320px;
    }
    .terrible-influence-mobile {
        display: block;
        min-height: 51px;
        width: 100%;
    }
    .terrible-influence-mobile img {
        margin: 0 auto;
		max-width: 320px;
    }
	@media screen and (max-width: 1024px) {
        .terrible-influence-desktop {
            display: none!important;
        }
    }
    @media screen and (min-width: 1024px) {
        .terrible-influence-mobile {
            display: none;
        }
    }

	@media (max-width: 720px) {

		.leaderboard-ad,
		.leaderboard-md-ad {
			min-height: 85px;
			min-width: 100%;
		}

		#advertbig .leaderboard-ad {
			min-height: 85px;
		}
	}

	@media screen and (min-width: 800px) {
		header .top-ul.left {
			display: flex;
			align-items: center;
		}

		header .top-nav li a,
		header .top-nav li .mainmenu {
			display: flex;
			white-space: nowrap;
		}
	}

	@media screen and (max-width: 800px) {
		.nav-text {
			font-size: 2.5rem;
			line-height: 1rem;
			padding: 1rem 0.5rem 1.5rem;
			text-align: left;
		}
	}

	header#mainmenu div.line.topnav {
		max-width: 100% !important;
	}
</style>

<div id="advertbig" class="leaderboard-ad">
	<div id='div-gpt-ad-1515447472938-0' class="google-advertisememt leaderboard-ad">
		<span class='text-adv'>advertisememt</span>
	</div>
</div>

<header id="mainmenu" class="backtrans">

	<div class="line topnav">

		<nav>
			<div class='image_logo'>
				<div class='image_full'><a href="/">
						<img loading="lazy" fetchpriority="low" src="/2016/img/wm_logo3_2018.webp" width="179" height="65" alt="WatchMojo" />
					</a></div>
			</div>
			<div class="top-nav">
				<div class="mobilesear">
					<a class="header-search mobile" href="#" title="Search" onclick="showHint('/my/search_2017.php','searchbox'); toggle_visibility('overdiv');showPopup('searchbox');return false; ">

					</a>
				</div>
				<p class="nav-text"></p>

				<ul class="top-ul left">
											<li>

							<div class="mainmenu menu-image watch">WATCH <i>∨</i>
							</div>
							<ul>
								<li>
									<div class="mainmenu">Categories</div>
									<ul>
										<li><a href="/categories/film">Film</a></li>
										<li><a href="/categories/tv">TV</a></li>
										<li><a href="/categories/music">Music</a></li>
										<li><a href="/categories/celeb">Celeb</a></li>
										<li><a href="/categories/video games">Video Games</a></li>
										<li><a href="/categories/comic">Comic</a></li>
										<li><a href="/categories/anime">Anime</a></li>
										<li><a href="/categories/pop-culture">Pop Culture</a></li>
										<li><a href="/exclusive/">Exclusive</a></li>
									</ul>
								</li>

								<li>
									
        <div class="mainmenu">Channels</div>
        <ul>
            <li><a data-google-interstitial="false" href="/msmojo/">MsMojo</a></li>
            <li><a data-google-interstitial="false" href="/channels/WMUK">WatchMojo UK</a></li>
            <li><a data-google-interstitial="false" href="/channels/MojoPlays">MojoPlays</a></li>
            <li><a data-google-interstitial="false" href="/channels/MojoTalks">MojoTalks</a></li>
            <li><a data-google-interstitial="false" href="/channels/MojoTravels">MojoTravels</a></li>
            <li><a data-google-interstitial="false" href="/channels/UnVeiled">UnVeiled</a></li>
            <li><a data-google-interstitial="false" href="/channels/GetMojo">GetMojo</a></li>
        </ul>
        								</li>
								<li>
									<div class="mainmenu">Shows</div>
									<ul>
										<li><a data-google-interstitial="false" href="/shows/Anticipated">Anticipated</a></li>
										<li><a data-google-interstitial="false" href="/shows/Gear Up">Gear Up</a></li>
										<li><a data-google-interstitial="false" href="/shows/MojoMinute">Mojo Minute</a></li>
										<li><a data-google-interstitial="false" href="/shows/Origins">Origins</a></li>
										<li><a data-google-interstitial="false" href="/shows/Top 10">Top 10</a></li>
										<li><a data-google-interstitial="false" href="/shows/TopX">TopX</a></li>
										<li><a data-google-interstitial="false" href="/shows/VS">VS</a></li>
										<li><a data-google-interstitial="false" href="/shows/WMFacts">WM Facts</a></li>
										<li><a data-google-interstitial="false" href="/shows/WMMyths">WM Myths</a></li>
										<li><a data-google-interstitial="false" href="/shows/WMNews">WM News</a></li>
									</ul>
								</li>

								<li>
									<a class="menu-image watch" href="/exclusive/">Exclusive!</a>
								</li>
							</ul>
						</li>

						<li>
							<div class="mainmenu menu-image suggest">SUGGEST <i>∨</i></div>

							<ul>
								<li><a href="/suggest/">WATCHMOJO</a></li>
								<li><a href="/msmojo/suggest/" style="color:#c92b5e">MSMOJO</a></li>
								<li><a href="/askmojo/suggest/">ASKMOJO</a></li>
							</ul>
						</li>

						<li>
							<div class="mainmenu menu-image read">READ <i>∨</i></div>
							<ul>
								<li>
									<div class="mainmenu">Categories</div>
									<ul>
										<li><a data-google-interstitial="false" href="/article-list/categories/film">Film</a></li>
										<li><a data-google-interstitial="false" href="/article-list/categories/tv">TV</a></li>
										<li><a data-google-interstitial="false" href="/article-list/categories/music">Music</a></li>
										<li><a data-google-interstitial="false" href="/article-list/categories/celeb">Celeb</a></li>
										<li><a data-google-interstitial="false" href="/article-list/categories/video games">Video Games</a></li>
										<li><a data-google-interstitial="false" href="/article-list/categories/comic">Comic</a></li>
										<li><a data-google-interstitial="false" href="/article-list/categories/anime">Anime</a></li>
										<li><a data-google-interstitial="false" href="/article-list/categories/pop-culture">Pop Culture</a></li>
										<li><a data-google-interstitial="false" href="/article-list/exclusive/">Exclusive</a></li>
									</ul>
								</li>

								<li>
									
        <div class="mainmenu">Channels</div>
        <ul>
            <li><a data-google-interstitial="false" href="/article-list/msmojo/">MsMojo</a></li>
            <li><a data-google-interstitial="false" href="/article-list/channels/WMUK">WatchMojo UK</a></li>
            <li><a data-google-interstitial="false" href="/article-list/channels/MojoPlays">MojoPlays</a></li>
            <li><a data-google-interstitial="false" href="/article-list/channels/MojoTalks">MojoTalks</a></li>
            <li><a data-google-interstitial="false" href="/article-list/channels/MojoTravels">MojoTravels</a></li>
            <li><a data-google-interstitial="false" href="/article-list/channels/UnVeiled">UnVeiled</a></li>
            <li><a data-google-interstitial="false" href="/article-list/channels/GetMojo">GetMojo</a></li>
        </ul>
        								</li>
								<li>
									<div class="mainmenu">Shows</div>
									<ul>
										<li><a data-google-interstitial="false" href="/article-list/shows/Anticipated">Anticipated</a></li>
										<li><a data-google-interstitial="false" href="/article-list/shows/Gear Up">Gear Up</a></li>
										<li><a data-google-interstitial="false" href="/article-list/shows/MojoMinute">Mojo Minute</a></li>
										<li><a data-google-interstitial="false" href="/article-list/shows/Origins">Origins</a></li>
										<li><a data-google-interstitial="false" href="/article-list/shows/Top 10">Top 10</a></li>
										<li><a data-google-interstitial="false" href="/article-list/shows/TopX">TopX</a></li>
										<li><a data-google-interstitial="false" href="/article-list/shows/VS">VS</a></li>
										<li><a data-google-interstitial="false" href="/article-list/shows/WMFacts">WM Facts</a></li>
										<li><a data-google-interstitial="false" href="/article-list/shows/WMMyths">WM Myths</a></li>
										<li><a data-google-interstitial="false" href="/article-list/shows/WMNews">WM News</a></li>
									</ul>
								</li>
								<li>
									<a class="menu-image read" data-google-interstitial="false" href="/blog/">Blog</a>
								</li>
							</ul>
						</li>

						<li>
							

        <div class="mainmenu menu-image trivia">
            PLAY <i>∨</i>
        </div>
        <ul>
            <li>
                <a data-google-interstitial="false" href="/multiplayer-trivia">
                    Trivia Home
                </a>
            </li>
            <li>
                <a data-google-interstitial="false" href="/play">
                    Trivia Battles
                </a>
            </li>                                
        </ul>
        						</li>

						<li>
							<div class="mainmenu menu-image suggest">DOWNLOAD APPS <i>∨</i></div>
							<ul>
								<li><a data-google-interstitial="false" href="https://apps.apple.com/ca/app/watchmojo-tv/id1482009750">APPLE</a></li>
								<li><a data-google-interstitial="false" href="https://play.google.com/store/apps/details?id=com.maz.watchmojo2090">ANDROID</a></li>
								<li><a data-google-interstitial="false" href="https://channelstore.roku.com/details/221ae95b18731cb8c2038e7890b1489a/mojotv">ROKU</a></li>
								<li><a data-google-interstitial="false" href="https://www.amazon.com/WatchMojo-com-WatchMojo-TV/dp/B07YM21M5D">AMAZON</a></li>
							</ul>
						</li>

						<li>
							<a class="menu-image club" href="/getmojo/promotion/type/Promotion/1">WM CLUB</a>
						</li>
                        
						<li>
							<!-- attached desktop trivia status -->
							
<style>
    .trivia-status-desktop {
        display: none !important;
    }

    .trivia-status-mobile {
        display: flex !important;
        justify-content: center;
        background-color: #181818 !important;
        padding-top: 8px;
        padding-bottom: 8px;
        height: 145px;
    }

    .section-trivia {
        width: 320px !important;
        position: relative;
        cursor: pointer;
        height: auto !important;
        display: block;
        border: 0px;
        background-color: #181818 !important;
        overflow: hidden;
        z-index: 0;
    }

    @media (min-width: 1300px) {
        .trivia-status-desktop {
            display: block !important;
        }

        .trivia-status-mobile {
            display: none !important;
        }

        .section-trivia {
            width: 320px !important;
            position: relative;
            height: 87px !important;
            display: block;
            border: 1px solid #00b3e2;
            border-radius: 8px;
            margin: 4px !important;
            /* background-color: rgb(26, 26, 26) !important; */
        }
    }

    .countdown-header-container {
        width: 100%;
        text-align: center;
        position: relative;
        z-index: 100;
        line-height: normal;
    }

    .countdown-header-container span {
        font-size: 14px;
        font-weight: 500;
        color: white;
        text-shadow:
            1px 0px rgba(0, 179, 226, 1), 1px -0px rgba(239, 78, 236, 1) !important;
        background-color: #181818 !important;
    }

    .countdown-topic-container {
        width: 100%;
        text-align: center;
        position: relative;
        z-index: 100;
        line-height: normal;
    }

    .countdown-topic-container span {
        font-size: 12px;
        font-weight: 500;
        color: white;
        background-color: #181818 !important;
        padding: 2px !important;
    }

    .countdown-container {
        width: 100%;
        padding: 4px;
        display: none;
        justify-content: center;
        position: relative;
        z-index: 100;
    }

    .countdown-entry {
        width: 40px;
    }

    .countdown-entry-time {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        border-radius: 4px;
        height: 40px;
    }

    .countdown-entry-time span {
        color: white;
        font-size: 20px;
        font-weight: 700;
    }

    .countdown-entry-label {
        font-size: 10px;
        font-weight: 600;
        text-transform: uppercase;
        opacity: 50%;
        text-align: center;
    }

    .section-trivia .active {
        background-color: rgb(0, 180, 00);
    }

    .section-trivia .inactive {
        background-color: #212121;
    }

    .ml-5 {
        margin-left: 5px;
    }

    .mr-5 {
        margin-right: 5px;
    }

    .ml-10 {
        margin-left: 10px;
    }

    .mr-10 {
        margin-right: 10px;
    }

    .trivia-avatar-section h5 {
        color: white !important;
        padding: 2px 0px !important;
        text-align: center !important;
        font-size: 14px !important;
        width: 100%;
        margin: 0px !important;
        font-weight: 600;
    }

    .trivia-avatar-container {
        display: none;
        justify-content: center;
        align-items: baseline;
        position: relative;
        z-index: 100;
    }

    .trivia-avatar {
        width: 90% !important;
        height: 90% !important;
        display: block !important;
    }

    .trivia-avatar-entry {
        position: relative;
    }

    .trivia-avatar-1 {
        vertical-align: middle !important;
        border-radius: 50% !important;
        background-color: #8B8B8B;
        overflow: hidden;
        width: 44px !important;
        height: 44px !important;
        border: 2px solid #00b3e2;
    }

    .trivia-avatar-2 {
        vertical-align: middle !important;
        border-radius: 50% !important;
        background-color: #8B8B8B;
        overflow: hidden;
        width: 40px !important;
        height: 40px !important;
        border: 2px solid #ef4eec;
    }

    .trivia-avatar-3 {
        vertical-align: middle !important;
        border-radius: 50% !important;
        background-color: #8B8B8B;
        overflow: hidden;
        width: 38px !important;
        height: 38px !important;
        border: 2px solid #16f5b3;
    }

    .trivia-avatar-place {
        font-size: 12px;
        position: absolute;
        bottom: -5px;
        left: 50%;
        transform: translateX(-50%);
        border-radius: 50% !important;
        width: 18px !important;
        height: 18px !important;
        text-align: center;
        color: black !important;
    }

    .trivia-avatar-place-1 {
        background-color: #00b3e2;
    }

    .trivia-avatar-place-2 {
        background-color: #ef4eec;
    }

    .trivia-avatar-place-3 {
        background-color: #16f5b3;
    }

    .trivia-status-img-square {
        display: block !important;
        width: 60px !important;
        height: 60px !important;
        position: absolute;
        bottom: 0px;
        right: 55px;
        z-index: 1;
        opacity: 50%;
    }

    .trivia-status-img-circle {
        display: block !important;
        width: 60px !important;
        height: 60px !important;
        position: absolute;
        top: 10px;
        left: 30px;
        z-index: 1;
        opacity: 50%;
    }

    .trivia-status-img-triangle {
        display: block !important;
        width: 35px !important;
        height: 40px !important;
        position: absolute;
        top: 6px;
        right: 25px;
        z-index: 1;
        opacity: 50%;
    }

    @media (min-width: 1300px) {
        .trivia-status-img-square {
            display: block !important;
            width: 60px !important;
            height: 60px !important;
            position: absolute;
            bottom: -10px;
            right: 45px;
            z-index: 1;
            opacity: 50%;
        }

        .trivia-status-img-circle {
            display: block !important;
            width: 60px !important;
            height: 60px !important;
            position: absolute;
            top: 10px;
            left: 35px;
            z-index: 1;
            opacity: 50%;
        }
    }

    .play-button {
        position: relative;
        display: block;
        align-items: center;
        justify-content: center;
        z-index: 200;
        background-color: #00b3e2;
        color: white;
        font-size: 0.7rem;
        font-weight: 500;
        border: 0px;
        border-radius: 4px;
        padding: 6px 8px;
        margin-top: 8px;
        margin-left: auto;
        margin-right: auto;
        width: 120px;
    }

    .play-button:hover {
        text-decoration: none;
        opacity: 80%;
        box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
    }

    .play-button i {
        color: white;
        font-size: 0.6rem;
        margin-left: 4px;
    }

    @media (min-width: 1300px) {
        .play-button {
            position: absolute;
            right: 10px;
            bottom: 10px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            z-index: 200;
            background-color: #00b3e2;
            color: white;
            font-size: 0.7rem;
            font-weight: 500;
            border: 0px;
            border-radius: 4px;
            width: auto;
        }
    }
</style>

<div class="trivia-status-desktop">
    <div class="m-0 p-0 section-trivia" onClick="goToGame();">
        <span class="trivia-status-img-circle"></span>

        <span class="trivia-status-img-square"></span>

        <span class="trivia-status-img-triangle"></span>

        <div class="countdown-header-container">
            <span id="countdown-header-text"></span>
        </div>

        <div class="countdown-topic-container">
            <span id="countdown-topic-text"></span>
        </div>

        <!-- container for countdown time -->
        <div class="countdown-container">
            <div class="countdown-entry">
                <div class="countdown-entry-time inactive">
                    <span id="countdown-hour">00</span>
                </div>
                <!-- <div class="countdown-entry-label">
                HOURS
            </div> -->
            </div>

            <div class="countdown-entry ml-5 mr-5">
                <div class="countdown-entry-time inactive">
                    <span id="countdown-minute">00</span>
                </div>
                <!-- <div class="countdown-entry-label">
                MINUTES
            </div> -->
            </div>

            <div class="countdown-entry">
                <div class="countdown-entry-time inactive">
                    <span id="countdown-second">00</span>
                </div>
                <!-- <div class="countdown-entry-label">
                SECONDS
            </div> -->
            </div>
        </div>

        <div class="trivia-avatar-section">
            <!-- <h5>Today's Winners</h5> -->
            <div class="trivia-avatar-container">
                <div class="trivia-avatar-entry">
                    <div class="trivia-avatar-2"></div>
                    <span class="trivia-avatar-place trivia-avatar-place-2">2</span>
                </div>

                <div class="trivia-avatar-entry ml-10 mr-10">
                    <div class="trivia-avatar-1"></div>
                    <span class="trivia-avatar-place trivia-avatar-place-1">1</span>
                </div>

                <div class="trivia-avatar-entry">
                    <div class="trivia-avatar-3"></div>
                    <span class="trivia-avatar-place trivia-avatar-place-3">3</span>
                </div>
            </div>
        </div>

        <button class="play-button">
            PLAY
            <i class="fa fa-solid fa-play"></i>
        </button>
    </div>
</div>

<script>
    let gameInfo = null;


    const formatCountdown = (number, divMilliseconds = 1000) => {
        number = number < 0 ? 0 : number;
        const hh = Math.floor(number / divMilliseconds / 60 / 60);
        number -= hh * divMilliseconds * 60 * 60;
        const mm = Math.floor(number / divMilliseconds / 60);
        number -= mm * divMilliseconds * 60;
        const ss = Math.floor(number / divMilliseconds);
        number -= ss * divMilliseconds;

        const hours = String(hh).padStart(2, "0");
        const minutes = String(mm).padStart(2, "0");
        const seconds = String(ss).padStart(2, "0");

        return `${hours}:${minutes}:${seconds}`;
    };

    const handleResize = () => {

        const triviaDesktop = document.querySelector(".trivia-status-desktop");
        const triviaMobile = document.querySelector(".trivia-status-mobile");

        if (!triviaDesktop.querySelector(".section-trivia") && !triviaMobile.querySelector(".section-trivia")) {
            return;
        }

        if (window.getComputedStyle(triviaDesktop).display === "none" && triviaDesktop.querySelector(".section-trivia")) {
            triviaMobile.innerHTML = triviaDesktop.querySelector(".section-trivia").outerHTML;
            triviaDesktop.querySelector(".section-trivia").remove();
            return;
        }


        if (window.getComputedStyle(triviaMobile).display === "none" && triviaMobile.querySelector(".section-trivia")) {
            triviaDesktop.innerHTML = triviaMobile.querySelector(".section-trivia").outerHTML;
            triviaMobile.querySelector(".section-trivia").remove();
            return;
        }
    }

    function goToGame() {
        window.location.href = "/play";
    }

    function setCountdownActive(bool) {
        const elements = document.querySelectorAll(`.countdown-entry-time`);
        if (bool) {
            for (const element of elements) {
                element.classList.remove("inactive");
                element.classList.add("active");
            }
        } else {
            for (const element of elements) {
                element.classList.remove("active");
                element.classList.add("inactive");
            }
        }
    }

    function toggleElement(bool, element, value = "block") {
        if (bool) {
            element.style.display = value;
        } else {
            element.style.display = "none";
        }
    }

    window.addEventListener("resize", handleResize);


    document.addEventListener('axiosLoadedEvent', async (event) => {
        setTimeout(() => {
            handleResize();
        }, 800);

        await getTriviaStatus();
    });


    function runCountdown() {
        setCountdownActive(true);
        const waitingCountdown = setInterval(() => {
            const time = formatCountdown(gameInfo.timeLeft)

            const [hour, minute, second] = time ? time.split(":") : ["00", "00", "00"];

            document.querySelector('#countdown-hour').innerHTML = hour;
            document.querySelector('#countdown-minute').innerHTML = minute;
            document.querySelector('#countdown-second').innerHTML = second;
            document.querySelector('#countdown-hour').remove
            gameInfo.timeLeft -= 1000;
            // if it is game time, stop the countdown and start the game
            if (gameInfo.timeLeft < 0) {
                clearInterval(waitingCountdown);
                setCountdownActive(false);
            }
        }, 1000);
    }

    async function getTriviaStatus() {
        toggleElement(false, document.querySelector(".countdown-container"));
        toggleElement(false, document.querySelector(".trivia-avatar-container"))

        let jsonData = {
            class: "TriviaClass",
            method: "getGameInfo",
            params: [],
        };

        let response = null;
        try {
            // request to unity
            const url = `/api${jsonData.method ? `/${jsonData.method}` : "/na"}`;

            response = await axios.post(url, jsonData);

            // returns data
            if (response.data && response.data.result) {

                gameInfo = response.data.result.game;
                switch (gameInfo.status) {
                    case "waiting":
                        toggleElement(true, document.querySelector(".countdown-container"), "flex");

                        runCountdown();
                        break;

                    case "countdown":
                        toggleElement(true, document.querySelector(".countdown-container"), "flex");

                        runCountdown();
                        break;

                    case "questions":
                        toggleElement(true, document.querySelector(".countdown-container"), "flex");

                        break;

                    case "end":
                        toggleElement(true, document.querySelector(".trivia-avatar-container"), "none");
                        //load players
                        // gameInfo.players.forEach(player => {
                        //     document.querySelector(`.trivia-avatar-${player.stand}`).innerHTML = `
                        //     <img src="${player.avatar}" alt="Avatar" class="trivia-avatar" title="${player.name}">
                        //     `
                        // });
                        break;
                }

                document.querySelector("#countdown-topic-text").innerHTML = `Category: ${gameInfo.title ?? gameInfo.subCategory}`;
                document.querySelector("#countdown-header-text").innerHTML = gameInfo.requiredPoinst > 0 ? "Cash Battle" : "Trivia Points Battle";
            }

        } catch (err) {
            console.log("catch", err.message);
            console.log("error", response ? response.data : "nothing");
        }
    }
</script>							<!-- <a class="terrible-influence-desktop" href="/terrible-influence" target="_blank">
								<img class="lazy" loading="lazy" class="full-image" data-src="/2021/img/terrible-influence.webp?v2025-Q2.v1" width="321" height="51" alt="Terrible Influence" fetchpriority="low" />
							</a> -->
						</li>
						<!--
                      <li>            
                        <a href="/vote/"><img src="/2016/img/menu/suggest.png" />VOTE <i>∨</i></a>
                          
                        <ul>
                        <li><a href="/vote/">ENGLISH</a></li>
                        <li><a href="/es/vote/" style="color:#e71">ESPAÑOL</a></li>
                        <li><a href="/fr/vote/" style="color:#0088dd">FRANÇAIS</a></li>
                        <li><a href="/msmojo/vote/" style="color:#c92b5e">MSMOJO</a></li>
                        </ul>                 
                     </li>
                     -->

						<!--  <li>            
                        <a href="/getmojo/"><img src="/2016/img/menu/get.png" />GETMOJO</a>  >
                     </li>
                    -->
									</ul>

                				<ul class="top-ul right">



					<li class="mywatchmojo sear">

						<a href="#" class="header-search desktop" onclick="showHint('/my/search_2017.php','searchbox'); toggle_visibility('overdiv');showPopup('searchbox');return false; ">
                            SEARCH						</a>
					</li>

											<li class="mywatchmojo">
							<a href="#" class="header-login" onclick="toggle_visibility('overdiv');showPopup('myresponse');return false;">SIGN IN</a>
						</li>


					


				</ul>
                			</div>
		</nav>
		<!-- <a class="terrible-influence-mobile" href="/terrible-influence" target="_blank">
            <img class="lazy" loading="lazy" class="full-image" data-src="/2021/img/terrible-influence.webp?v2025-Q2.v1" width="321" height="51" alt="Terrible Influence" fetchpriority="low" />
        </a> -->
	</div>
	<!-- attached mobile trivia status -->
	<div class="trivia-status-mobile"></div>
</header>
<div class="split"></div>
<!-- -->


<script defer async>
    document.addEventListener('pageLoadedEvent', (e) => {
        var e = document.createElement("script");
        var t = document.getElementsByTagName("script")[0];
        e.src = "/2021/js/axios.min.js?2025-Q2.v1";
        e.setAttribute('defer', '');
        e.onload = function() {

            const axiosLoadedEvent = new Event("axiosLoadedEvent");
            document.dispatchEvent(axiosLoadedEvent);
        }
        t.parentNode.insertBefore(e, t);

        var e = document.createElement("script");
        var t = document.getElementsByTagName("script")[0];
        e.src = `https://cdn.cookie-script.com/s/cc14c02deea1c7e30453ae2aaac42e5e.js`;
        e.setAttribute('defer', '');
        e.async = true
        t.parentNode.insertBefore(e, t);
    });

    const WM_URL = `https://www.watchmojo.com`;
    const LANG = 'en';
    const LANG_URL = LANG == 'en' ? '' : `${LANG}/`;
    const SUGGESTION_URL = `${WM_URL}${LANG_URL}/suggest`;

    const FB_APP_ID = `85917482997`;
    const FB_APP_VERSION = `v18.0`;

    function wmLogout() {

        if ((typeof reactApp !== "undefined")) {
            reactApp.contentWindow.postMessage({
                action: "signOut"
            }, "*");
        }


        localStorage.removeItem('trivia-player')
        const url = `${WM_URL}/my/logout.php?${Math.random()}`;
        window.location = url;
    }

    async function loginWM() {
        // alert();
        const user = document.querySelector("#userName").value;
        const password = document.querySelector("#password").value;
        const error = document.querySelector(".login-error span");
        error.innerHTML = "";

        if (user.trim() === "" || password.trim() === "") {
            error.innerHTML = "Please provide an email and password.";
            return;
        }

        let jsonData = {
            class: "UserClass",
            method: "login",
            params: [user, password],
        };

        let response = null;
        try {
            // request to unity
            const url = `/api${jsonData.method ? `/${jsonData.method}` : "/na"}`;

            response = await axios.post(url, jsonData);
            // returns data
            if (response.data && response.data.error) {
                error.innerHTML = response.data.error.message;
                return;
            }

            window.location.reload();

        } catch (err) {
            console.log("catch", err.message);
        }
    }

    async function validateUsername(username) {
        username.classList.remove("is-invalid");

        if (username.value.trim() === "") {
            username.classList.add("is-invalid");
            return;
        }

        const error = document.querySelector("#frmUsername span.username-message");
        error.classList.remove("text-danger");
        error.classList.remove("text-success");
        error.innerHTML = "";

        const successCallback = (data) => {
            error.innerHTML = data.result;
            error.classList.add("text-success");
        }

        const errorCallback = (data) => {
            error.innerHTML = data.error.message;
            error.classList.add("text-danger");
        }

        updateUsername(username.value.trim(), successCallback, errorCallback)
    }

    async function updateUsername(username, successCallback, errorCallback) {
        let jsonData = {
            class: "UserClass",
            method: "updateUsername",
            params: [username],
        };

        let response = null;
        try {
            // request to unity
            const url = `/api${jsonData.method ? `/${jsonData.method}` : "/na"}`;

            response = await axios.post(url, jsonData);
            // returns data
            if (response.data && response.data.error) {
                errorCallback(response.data);
                return;
            }

            successCallback(response.data);
            document.querySelector(".user-login-text").innerHTML = username;
        } catch (err) {
            console.log("catch", err.message);
        }
    }
</script>
    <!-- MAIN SECTION -->

    <!-- -->
    <section >
        <div class="line mainline ">
                                    <h2 class="cat-header">WatchMojo Videos</h2>

        </div>
    </section>
    <section class="pagesection ">
        <div class="line pages">

            


                                                1                                                                <a href='/videos/2'>2</a>
                                                                <a href='/videos/3'>3</a>
                                                                <a href='/videos/4'>4</a>
                                                                <a href='/videos/5'>5</a>
                                                        <div class="cat-next"> <a href='/videos/2'>❯</a></div>
            
        </div>
    </section>


    
                    <!-- LATEST CAROUSEL -->
                            <section class="relatedpr  ">
                    <div class="line">
                        <div id="owl-demo1" class="owl-carousel margin-bottom">
                                                            <div class="item">
                                                                            <div class="itemimg">
                                            <a href="/video/id/64460">
                                                <img src="https://www.watchmojo.com/uploads/thumbs180/WM-Film-Top-10-DC-Characters-Warner-Brothers-Killed_O0M7X9-MPF_180.webp" id="lcp" loading="eager" width="310px" height="180px" alt="Top 10 DC Characters Warner Brothers Killed">
                                            </a>
                                        </div>
                                    
                                    <div class='hptitle'><a href="/video/id/64460">Top 10 DC Characters Warner Brothers Killed</a></div>
                                </div>
                                                            <div class="item">
                                                                            <div class="itemimg">
                                            <a href="/video/id/64459">
                                                <img class="lazy" loading="lazy" data-src="https://www.watchmojo.com/uploads/thumbs180/WM-Music-10-Bands-Who-Were-BETRAYED-by-One-Band-Member_L1O1D5-RF2_180.webp" width="310px" height="180px" alt="10 Bands Who Were BETRAYED by One Band Member">
                                            </a>
                                        </div>
                                    
                                    <div class='hptitle'><a href="/video/id/64459">10 Bands Who Were BETRAYED by One Band Member</a></div>
                                </div>
                                                            <div class="item">
                                                                            <div class="itemimg">
                                            <a href="/video/id/64458">
                                                <img class="lazy" loading="lazy" data-src="https://www.watchmojo.com/uploads/thumbs180/WM-VG-10-Most-Anticipated-Switch-2-Games_E2X8Q9-EN-RF2_180.webp" width="310px" height="180px" alt="Top 10 Most Anticipated Switch 2 Games">
                                            </a>
                                        </div>
                                    
                                    <div class='hptitle'><a href="/video/id/64458">Top 10 Most Anticipated Switch 2 Games</a></div>
                                </div>
                                                            <div class="item">
                                                                            <div class="itemimg">
                                            <a href="/video/id/64457">
                                                <img class="lazy" loading="lazy" data-src="https://www.watchmojo.com/uploads/thumbs180/SeinfeldFacts_180.webp" width="310px" height="180px" alt="Top 30 Small Details You Never Noticed In Seinfeld">
                                            </a>
                                        </div>
                                    
                                    <div class='hptitle'><a href="/video/id/64457">Top 30 Small Details You Never Noticed In Seinfeld</a></div>
                                </div>
                                                    </div>
                    </div>
                </section>
                                <!-- LATEST CAROUSEL -->
                            <section class="relatedpr  ">
                    <div class="line">
                        <div id="owl-demo2" class="owl-carousel margin-bottom">
                                                            <div class="item">
                                                                            <div class="itemimg">
                                            <a href="/video/id/64453">
                                                <img class="lazy" loading="lazy" data-src="https://www.watchmojo.com/uploads/thumbs180/WM-Pop-10-Most-Bizarre-Political-Scandals_N2S0R3-W1_180.webp" width="310px" height="180px" alt="10 Most Bizarre Political Scandals">
                                            </a>
                                        </div>
                                    
                                    <div class='hptitle'><a href="/video/id/64453">10 Most Bizarre Political Scandals</a></div>
                                </div>
                                                            <div class="item">
                                                                            <div class="itemimg">
                                            <a href="/video/id/64449">
                                                <img class="lazy" loading="lazy" data-src="https://www.watchmojo.com/uploads/thumbs180/WM-Film-Top-10-Cameos-In-Superman-2025_S0X1I0-8_180.webp" width="310px" height="180px" alt="Top 10 Cameos In Superman 2025">
                                            </a>
                                        </div>
                                    
                                    <div class='hptitle'><a href="/video/id/64449">Top 10 Cameos In Superman 2025</a></div>
                                </div>
                                                            <div class="item">
                                                                            <div class="itemimg">
                                            <a href="/video/id/64430">
                                                <img class="lazy" loading="lazy" data-src="https://www.watchmojo.com/uploads/thumbs180/WM-Celeb-30-Actors-Everyone-Lost-Respect-For_X3B5K5-14_180.webp" width="310px" height="180px" alt="30 Actors Everyone Lost Respect For">
                                            </a>
                                        </div>
                                    
                                    <div class='hptitle'><a href="/video/id/64430">30 Actors Everyone Lost Respect For</a></div>
                                </div>
                                                            <div class="item">
                                                                            <div class="itemimg">
                                            <a href="/video/id/64429">
                                                <img class="lazy" loading="lazy" data-src="https://www.watchmojo.com/uploads/thumbs180/WM-Film-Top-20-Agonizing-Decisions-in-Movies_O8K2U4-4_180.webp" width="310px" height="180px" alt="Top 20 Agonizing Decisions in Movies">
                                            </a>
                                        </div>
                                    
                                    <div class='hptitle'><a href="/video/id/64429">Top 20 Agonizing Decisions in Movies</a></div>
                                </div>
                                                    </div>
                    </div>
                </section>
                                <!-- LATEST CAROUSEL -->
                            <section class="relatedpr  ">
                    <div class="line">
                        <div id="owl-demo3" class="owl-carousel margin-bottom">
                                                            <div class="item">
                                                                            <div class="itemimg">
                                            <a href="/video/id/64426">
                                                <img class="lazy" loading="lazy" data-src="https://www.watchmojo.com/uploads/thumbs180/WM-TC-10-Creepiest-True-Crime-Families_C5G1P4-W3_180.webp" width="310px" height="180px" alt="10 Creepiest Real Life Crime Families">
                                            </a>
                                        </div>
                                    
                                    <div class='hptitle'><a href="/video/id/64426">10 Creepiest Real Life Crime Families</a></div>
                                </div>
                                                            <div class="item">
                                                                            <div class="itemimg">
                                            <a href="/video/id/64425">
                                                <img class="lazy" loading="lazy" data-src="https://www.watchmojo.com/uploads/thumbs180/WM-Film-Top-10-Controversial-Scenes-That-Actors-REGRET-doing_M4K2F0-EN-6_180.webp" width="310px" height="180px" alt="Top 10 Controversial Scenes Actors REGRET doing">
                                            </a>
                                        </div>
                                    
                                    <div class='hptitle'><a href="/video/id/64425">Top 10 Controversial Scenes Actors REGRET doing</a></div>
                                </div>
                                                            <div class="item">
                                                                            <div class="itemimg">
                                            <a href="/video/id/64424">
                                                <img class="lazy" loading="lazy" data-src="https://www.watchmojo.com/uploads/thumbs180/WM-History-Top-10-Times-One-Person-Changed-History-FOREVER_R6I9C8-W3_180.webp" width="310px" height="180px" alt="Top 10 Times One Person Changed History FOREVER">
                                            </a>
                                        </div>
                                    
                                    <div class='hptitle'><a href="/video/id/64424">Top 10 Times One Person Changed History FOREVER</a></div>
                                </div>
                                                            <div class="item">
                                                                            <div class="itemimg">
                                            <a href="/video/id/64423">
                                                <img class="lazy" loading="lazy" data-src="https://www.watchmojo.com/uploads/thumbs180/WM-Pop-Top-10-Egyptian-Mysteries-That-Were-Finally-Solved_P5L4I2-W2_180.webp" width="310px" height="180px" alt="Top 10 Egyptian Mysteries That Were Finally SOLVED ">
                                            </a>
                                        </div>
                                    
                                    <div class='hptitle'><a href="/video/id/64423">Top 10 Egyptian Mysteries That Were Finally SOLVED </a></div>
                                </div>
                                                    </div>
                    </div>
                </section>
                                <!-- LATEST CAROUSEL -->
                            <section class="relatedpr  ">
                    <div class="line">
                        <div id="owl-demo4" class="owl-carousel margin-bottom">
                                                            <div class="item">
                                                                            <div class="itemimg">
                                            <a href="/video/id/64422">
                                                <img class="lazy" loading="lazy" data-src="https://www.watchmojo.com/uploads/thumbs180/WM-History-Top-10-Biggest-Betrayals-in-History-Youve-Never-Heard-Of_R1X4Q5-W2_180.webp" width="310px" height="180px" alt="10 Biggest Betrayals in History You Didn't Know About">
                                            </a>
                                        </div>
                                    
                                    <div class='hptitle'><a href="/video/id/64422">10 Biggest Betrayals in History You Didn't Know About</a></div>
                                </div>
                                                            <div class="item">
                                                                            <div class="itemimg">
                                            <a href="/video/id/64421">
                                                <img class="lazy" loading="lazy" data-src="https://www.watchmojo.com/uploads/thumbs180/WM-Film-Top-20-Sex-Scenes-in-Horror-Movies_K2T0Y5-MP6F_180.webp" width="310px" height="180px" alt="Top 20 Best Raunchy Scenes in Horror Movies">
                                            </a>
                                        </div>
                                    
                                    <div class='hptitle'><a href="/video/id/64421">Top 20 Best Raunchy Scenes in Horror Movies</a></div>
                                </div>
                                                            <div class="item">
                                                                            <div class="itemimg">
                                            <a href="/video/id/64419">
                                                <img class="lazy" loading="lazy" data-src="https://www.watchmojo.com/uploads/thumbs180/SurprisinglyGoodPerformances_180.webp" width="310px" height="180px" alt="Top 10 Surprisingly Awesome Performances of the Last Decade">
                                            </a>
                                        </div>
                                    
                                    <div class='hptitle'><a href="/video/id/64419">Top 10 Surprisingly Awesome Performances of the Last Decade</a></div>
                                </div>
                                                            <div class="item">
                                                                            <div class="itemimg">
                                            <a href="/video/id/64418">
                                                <img class="lazy" loading="lazy" data-src="https://www.watchmojo.com/uploads/thumbs180/WM-Film-Top-10-WTF-Did-I-Just-Watch-80s-Movies_S4H8K0-10_180.webp" width="310px" height="180px" alt="Top 10 "WTF Did I Just Watch!?" 80s Movies">
                                            </a>
                                        </div>
                                    
                                    <div class='hptitle'><a href="/video/id/64418">Top 10 "WTF Did I Just Watch!?" 80s Movies</a></div>
                                </div>
                                                    </div>
                    </div>
                </section>
                                <!-- LATEST CAROUSEL -->
                            <section class="relatedpr  ">
                    <div class="line">
                        <div id="owl-demo5" class="owl-carousel margin-bottom">
                                                            <div class="item">
                                                                            <div class="itemimg">
                                            <a href="/video/id/64416">
                                                <img class="lazy" loading="lazy" data-src="https://www.watchmojo.com/uploads/thumbs180/OnePieceMomentsForgot3b_180.webp" width="310px" height="180px" alt="Top 10 INCREDIBLE One Piece Moments You Forgot">
                                            </a>
                                        </div>
                                    
                                    <div class='hptitle'><a href="/video/id/64416">Top 10 INCREDIBLE One Piece Moments You Forgot</a></div>
                                </div>
                                                            <div class="item">
                                                                            <div class="itemimg">
                                            <a href="/video/id/64415">
                                                <img class="lazy" loading="lazy" data-src="https://www.watchmojo.com/uploads/thumbs180/WM-History-Top-30-Most-Mysterious-People-in-History_Z0H7L3-2_180.webp" width="310px" height="180px" alt="Top 30 Most Mysterious People in History">
                                            </a>
                                        </div>
                                    
                                    <div class='hptitle'><a href="/video/id/64415">Top 30 Most Mysterious People in History</a></div>
                                </div>
                                                            <div class="item">
                                                                            <div class="itemimg">
                                            <a href="/video/id/64414">
                                                <img class="lazy" loading="lazy" data-src="https://www.watchmojo.com/uploads/thumbs180/WM-Music-Top-10-Greatest-Years-in-Pop-Music-History_L6W1G2-RF1_180.webp" width="310px" height="180px" alt="Top 10 Greatest Years in Pop Music History">
                                            </a>
                                        </div>
                                    
                                    <div class='hptitle'><a href="/video/id/64414">Top 10 Greatest Years in Pop Music History</a></div>
                                </div>
                                                            <div class="item">
                                                                            <div class="itemimg">
                                            <a href="/video/id/64413">
                                                <img class="lazy" loading="lazy" data-src="https://www.watchmojo.com/uploads/thumbs180/WM-Music-Top-10-Greatest-70s-Songs-Youve-Never-Heard-Of_M7U6J8-RF3_180.webp" width="310px" height="180px" alt="Top 10 Greatest 70s Songs You've Never Heard Of">
                                            </a>
                                        </div>
                                    
                                    <div class='hptitle'><a href="/video/id/64413">Top 10 Greatest 70s Songs You've Never Heard Of</a></div>
                                </div>
                                                    </div>
                    </div>
                </section>
                                <!-- LATEST CAROUSEL -->
                            <section class="relatedpr  ">
                    <div class="line">
                        <div id="owl-demo6" class="owl-carousel margin-bottom">
                                                            <div class="item">
                                                                            <div class="itemimg">
                                            <a href="/video/id/64412">
                                                <img class="lazy" loading="lazy" data-src="https://www.watchmojo.com/uploads/thumbs180/WM-Pop-Top-10-Youtubers-Who-Went-Broke_A8E3D0-EN-8_180.webp" width="310px" height="180px" alt="Top 10 Youtubers Who Went BROKE">
                                            </a>
                                        </div>
                                    
                                    <div class='hptitle'><a href="/video/id/64412">Top 10 Youtubers Who Went BROKE</a></div>
                                </div>
                                                            <div class="item">
                                                                            <div class="itemimg">
                                            <a href="/video/id/64410">
                                                <img class="lazy" loading="lazy" data-src="https://www.watchmojo.com/uploads/thumbs180/WM-Film-The-New-DC-Universe-Explained_Q8A5D5-4_180.webp" width="310px" height="180px" alt="The New DC Universe EXPLAINED">
                                            </a>
                                        </div>
                                    
                                    <div class='hptitle'><a href="/video/id/64410">The New DC Universe EXPLAINED</a></div>
                                </div>
                                                            <div class="item">
                                                                            <div class="itemimg">
                                            <a href="/video/id/64409">
                                                <img class="lazy" loading="lazy" data-src="https://www.watchmojo.com/uploads/thumbs180/WM-Pop-10-Creepiest-Things-Serial-Killers-Have-Ever-Said_K2B0Q7-EN-4_180.webp" width="310px" height="180px" alt="10 Creepiest Things Serial Killers Have Ever Said">
                                            </a>
                                        </div>
                                    
                                    <div class='hptitle'><a href="/video/id/64409">10 Creepiest Things Serial Killers Have Ever Said</a></div>
                                </div>
                                                            <div class="item">
                                                                            <div class="itemimg">
                                            <a href="/video/id/64408">
                                                <img class="lazy" loading="lazy" data-src="https://www.watchmojo.com/uploads/thumbs180/WM-Film-Top-10-Worst-MCU-Disasters-of-All-Time_M7V5P8-MP2F_180.webp" width="310px" height="180px" alt="Top 10 Worst MCU Disasters of All Time">
                                            </a>
                                        </div>
                                    
                                    <div class='hptitle'><a href="/video/id/64408">Top 10 Worst MCU Disasters of All Time</a></div>
                                </div>
                                                    </div>
                    </div>
                </section>
                                <!-- LATEST CAROUSEL -->
                            <section class="relatedpr  ">
                    <div class="line">
                        <div id="owl-demo7" class="owl-carousel margin-bottom">
                                                            <div class="item">
                                                                            <div class="itemimg">
                                            <a href="/video/id/64407">
                                                <img class="lazy" loading="lazy" data-src="https://www.watchmojo.com/uploads/thumbs180/WM-Music-Top-10-Pop-Songs-That-Caused-HUGE-Lawsuits_Z3Q4B0-RF2_180.webp" width="310px" height="180px" alt="Top 10 Pop Songs That Caused HUGE Lawsuits">
                                            </a>
                                        </div>
                                    
                                    <div class='hptitle'><a href="/video/id/64407">Top 10 Pop Songs That Caused HUGE Lawsuits</a></div>
                                </div>
                                                            <div class="item">
                                                                            <div class="itemimg">
                                            <a href="/video/id/64406">
                                                <img class="lazy" loading="lazy" data-src="https://www.watchmojo.com/uploads/thumbs180/WM-Film-Top-10-Animated-Movie-Characters-That-Live-Action-RUINED_H6V7J6-MP8FF_180.webp" width="310px" height="180px" alt="Top 10 Animated Movie Characters That Live Action RUINED">
                                            </a>
                                        </div>
                                    
                                    <div class='hptitle'><a href="/video/id/64406">Top 10 Animated Movie Characters That Live Action RUINED</a></div>
                                </div>
                                                            <div class="item">
                                                                            <div class="itemimg">
                                            <a href="/video/id/64405">
                                                <img class="lazy" loading="lazy" data-src="https://www.watchmojo.com/uploads/thumbs180/FamilyGuyCelebs_180.webp" width="310px" height="180px" alt="Top 30 Celebs Who Played Themselves On Family Guy">
                                            </a>
                                        </div>
                                    
                                    <div class='hptitle'><a href="/video/id/64405">Top 30 Celebs Who Played Themselves On Family Guy</a></div>
                                </div>
                                                            <div class="item">
                                                                            <div class="itemimg">
                                            <a href="/video/id/64404">
                                                <img class="lazy" loading="lazy" data-src="https://www.watchmojo.com/uploads/thumbs180/WM-TC-10-Most-Notorious-and-Infamous-Deaths-of-the-20th-Century_B5L2M2-W4_180.webp" width="310px" height="180px" alt="10 Most Notorious and Infamous Deaths of the 20th Century">
                                            </a>
                                        </div>
                                    
                                    <div class='hptitle'><a href="/video/id/64404">10 Most Notorious and Infamous Deaths of the 20th Century</a></div>
                                </div>
                                                    </div>
                    </div>
                </section>
                                <!-- LATEST CAROUSEL -->
                            <section class="relatedpr  ">
                    <div class="line">
                        <div id="owl-demo8" class="owl-carousel margin-bottom">
                                                            <div class="item">
                                                                            <div class="itemimg">
                                            <a href="/video/id/64403">
                                                <img class="lazy" loading="lazy" data-src="https://www.watchmojo.com/uploads/thumbs180/WM-Film-Top-30-Underrated-Horror-Movies-of-All-Time_S1Z8D2-MPFF_180.webp" width="310px" height="180px" alt="Top 30 Most Underrated Horror Movies of All Time">
                                            </a>
                                        </div>
                                    
                                    <div class='hptitle'><a href="/video/id/64403">Top 30 Most Underrated Horror Movies of All Time</a></div>
                                </div>
                                                            <div class="item">
                                                                            <div class="itemimg">
                                            <a href="/video/id/64401">
                                                <img class="lazy" loading="lazy" data-src="https://www.watchmojo.com/uploads/thumbs180/WM-Pop-Top-10-Times-Companies-BETRAYED-Their-Customers_M8I6C6-W4_180.webp" width="310px" height="180px" alt="Top 10 Times Companies BETRAYED Their Customers">
                                            </a>
                                        </div>
                                    
                                    <div class='hptitle'><a href="/video/id/64401">Top 10 Times Companies BETRAYED Their Customers</a></div>
                                </div>
                                                            <div class="item">
                                                                            <div class="itemimg">
                                            <a href="/video/id/64400">
                                                <img class="lazy" loading="lazy" data-src="https://www.watchmojo.com/uploads/thumbs180/WM-Film-10-Surprising-Facts-About-Jaws_B4P7E4-12_180.webp" width="310px" height="180px" alt="10 Surprising Facts About Jaws">
                                            </a>
                                        </div>
                                    
                                    <div class='hptitle'><a href="/video/id/64400">10 Surprising Facts About Jaws</a></div>
                                </div>
                                                            <div class="item">
                                                                            <div class="itemimg">
                                            <a href="/video/id/64393">
                                                <img class="lazy" loading="lazy" data-src="https://www.watchmojo.com/uploads/thumbs180/MajorPlotHoles2_180.webp" width="310px" height="180px" alt="Top 30 MAJOR Movie Plot Holes">
                                            </a>
                                        </div>
                                    
                                    <div class='hptitle'><a href="/video/id/64393">Top 30 MAJOR Movie Plot Holes</a></div>
                                </div>
                                                    </div>
                    </div>
                </section>
                                <!-- LATEST CAROUSEL -->
                            <section class="relatedpr  ">
                    <div class="line">
                        <div id="owl-demo9" class="owl-carousel margin-bottom">
                                                            <div class="item">
                                                                            <div class="itemimg">
                                            <a href="/video/id/64392">
                                                <img class="lazy" loading="lazy" data-src="https://www.watchmojo.com/uploads/thumbs180/DBDidntKnow2_180.webp" width="310px" height="180px" alt="Top 10 Things You Never Noticed in Dragon Ball">
                                            </a>
                                        </div>
                                    
                                    <div class='hptitle'><a href="/video/id/64392">Top 10 Things You Never Noticed in Dragon Ball</a></div>
                                </div>
                                                            <div class="item">
                                                                            <div class="itemimg">
                                            <a href="/video/id/64390">
                                                <img class="lazy" loading="lazy" data-src="https://www.watchmojo.com/uploads/thumbs180/WM-Film-10-Most-Unintentionally-Hilarious-Movie-Moments_L7A3A8-MP4F_180.webp" width="310px" height="180px" alt="10 Hilariously AWFUL Movie Scenes">
                                            </a>
                                        </div>
                                    
                                    <div class='hptitle'><a href="/video/id/64390">10 Hilariously AWFUL Movie Scenes</a></div>
                                </div>
                                                            <div class="item">
                                                                            <div class="itemimg">
                                            <a href="/video/id/64389">
                                                <img class="lazy" loading="lazy" data-src="https://www.watchmojo.com/uploads/thumbs180/WM-TC-Australian-Mushroom-Murders-Explained_E9B2A0-6_180.webp" width="310px" height="180px" alt="Shocking Australian Mushroom Murder Case EXPLAINED">
                                            </a>
                                        </div>
                                    
                                    <div class='hptitle'><a href="/video/id/64389">Shocking Australian Mushroom Murder Case EXPLAINED</a></div>
                                </div>
                                                            <div class="item">
                                                                            <div class="itemimg">
                                            <a href="/video/id/64388">
                                                <img class="lazy" loading="lazy" data-src="https://www.watchmojo.com/uploads/thumbs180/UnderratedPixar3_180.webp" width="310px" height="180px" alt="Top 10 Most Underrated Pixar Movies">
                                            </a>
                                        </div>
                                    
                                    <div class='hptitle'><a href="/video/id/64388">Top 10 Most Underrated Pixar Movies</a></div>
                                </div>
                                                    </div>
                    </div>
                </section>
                                <!-- LATEST CAROUSEL -->
                            <section class="relatedpr  ">
                    <div class="line">
                        <div id="owl-demo10" class="owl-carousel margin-bottom">
                                                            <div class="item">
                                                                            <div class="itemimg">
                                            <a href="/video/id/64387">
                                                <img class="lazy" loading="lazy" data-src="https://www.watchmojo.com/uploads/thumbs180/WM-Music-Top-20-Best-Cover-Songs-By-Rock-And-Metal-Bands_G1G1Q6-RF2_180.webp" width="310px" height="180px" alt="Top 20 Best Cover Songs By Rock And Metal Bands">
                                            </a>
                                        </div>
                                    
                                    <div class='hptitle'><a href="/video/id/64387">Top 20 Best Cover Songs By Rock And Metal Bands</a></div>
                                </div>
                                                            <div class="item">
                                                                            <div class="itemimg">
                                            <a href="/video/id/64386">
                                                <img class="lazy" loading="lazy" data-src="https://www.watchmojo.com/uploads/thumbs180/WM-Film-Top-30-Times-Superman-Went-Beast-Mode_A7S1W8-MPF_180.webp" width="310px" height="180px" alt="Top 30 Times Superman Went Beast Mode">
                                            </a>
                                        </div>
                                    
                                    <div class='hptitle'><a href="/video/id/64386">Top 30 Times Superman Went Beast Mode</a></div>
                                </div>
                                                            <div class="item">
                                                                            <div class="itemimg">
                                            <a href="/video/id/64384">
                                                <img class="lazy" loading="lazy" data-src="https://www.watchmojo.com/uploads/thumbs180/WM-TC-10-Serial-Killers-Caught-DECADES-After-Their-Crimes_V9M4N6-W2_180.webp" width="310px" height="180px" alt="10 Serial Killers Caught DECADES After Their Crimes">
                                            </a>
                                        </div>
                                    
                                    <div class='hptitle'><a href="/video/id/64384">10 Serial Killers Caught DECADES After Their Crimes</a></div>
                                </div>
                                                            <div class="item">
                                                                            <div class="itemimg">
                                            <a href="/video/id/64383">
                                                <img class="lazy" loading="lazy" data-src="https://www.watchmojo.com/uploads/thumbs180/DexterKills3_180.webp" width="310px" height="180px" alt="Top 20 Dexter Kills of All Time">
                                            </a>
                                        </div>
                                    
                                    <div class='hptitle'><a href="/video/id/64383">Top 20 Dexter Kills of All Time</a></div>
                                </div>
                                                    </div>
                    </div>
                </section>
                    
    



    <section class="pagesection ">
        <div class="line pages">

            


                                                1                                                                <a href='/videos/2'>2</a>
                                                                <a href='/videos/3'>3</a>
                                                                <a href='/videos/4'>4</a>
                                                                <a href='/videos/5'>5</a>
                                                        <div class="cat-next"> <a href='/videos/2'>❯</a></div>
            
        </div>
    </section>
    <!-- FOOTER -->

    <section class="darkgrey darkrelated pt-0">
    <div class="line">
        <div class="adleader leaderboard-ad">
            <div id='div-gpt-ad-1515447472938-5' class="text-center google-advertisememt leaderboard-ad">
                <span class='text-adv'>advertisememt</span>
            </div>
        </div>
    </div>
</section>
<footer>
    <div id="footer" class="line">
                    <div class="s-12 i-10 bordbot">
                <div class="s-12 l-4">
                    <p>
                        CATEGORIES                    </p>
                    <ul class="left">
                        <li><a href="/categories/film">Film</a></li>
                        <li><a href="/categories/tv">TV</a></li>
                        <li><a href="/categories/music">Music</a></li>
                        <li><a href="/categories/celeb">Celeb</a></li>

                    </ul>
                    <ul class="right">

                        <li><a href="/categories/video games">Video Games</a></li>
                        <li><a href="/categories/comic">Comic</a></li>
                        <li><a href="/categories/anime">Anime</a></li>
                        <li><a href="/categories/pop-culture">Pop Culture</a></li>


                    </ul>

                </div>
                <div class="s-12 l-2 language-menu">
                    <p>
                        LANGUAGE                    </p>
                    <ul class="left">
                        <li><a href="/">English</a></li>
                        <li><a href="/es/">Español</a></li>
                        <li><a href="/de/">Deutsch</a></li>
                        <li><a href="/fr/">Français</a></li>
                        <li><a href="/it/">Italiano</a></li>
                    </ul>
                </div>
                <div class="social right">
                    <p>FOLLOW US</p>
                    <a class="facebook" target="_blank" title="Facebook" href="https://www.facebook.com/watchmojo">
                    </a>
                    <a class="twitter" target="_blank" title="Twitter" href="https://twitter.com/watchmojo">
                    </a>
                    <a class="youtube" target="_blank" title="Youtube" href="https://youtube.com/watchmojo">
                    </a>
                </div>
            </div>
                <div class="s-12 i-10">
            © WatchMojo 2025 | <a target="_blank" href="/corporate/copyright.php">Terms of Service & Privacy Policy</a> | <a target="_blank" href="/corporate/press.php">Press Releases</a> | <a target="_blank" href="/corporate/">Corporate</a> | <a target="_blank" href="/corporate/about.php">About us</a> | <a target="_blank" href="/advertise/">Advertise</a> | <a target="_blank" href="https://ca.indeed.com/cmp/Watchmojo/jobs">JOBS</a> | <a target="_blank" href="https://shop.watchmojo.com">SHOP</a></div>
    </div>
</footer>    <script defer async>
    function lazyload() {
        var lazyloadImages = document.querySelectorAll("img.lazy");
        var lazyloadVideos = document.querySelectorAll("video.lazy");
        var lazyloadIframes = document.querySelectorAll("iframe.lazy");
        var lazyloadThrottleTimeout;

        if (lazyloadImages.length == 0 && lazyloadVideos.length == 0 && lazyloadIframes.length == 0) {
            return;
        }

        if (lazyloadThrottleTimeout) {
            clearTimeout(lazyloadThrottleTimeout);
        }

        lazyloadThrottleTimeout = setTimeout(function() {
            var scrollTop = window.pageYOffset;
            lazyloadImages.forEach(function(img) {
                let top = img.getBoundingClientRect().top;
                if (img.style.display == 'none') {
                    return;
                }

                if (top == 0 && img.closest('.owl-wrapper-outer')) {
                    top = img.closest('.owl-wrapper-outer').getBoundingClientRect().top;
                }

                if (top == 0 && img.closest('.card')) {
                    top = img.closest('card').getBoundingClientRect().top;
                }

                if (top == 0 && img.closest('section')) {
                    top = img.closest('section').getBoundingClientRect().top;
                }

                if (top < window.innerHeight + scrollTop) {
                    img.src = img.dataset.src;
                    img.classList.remove("lazy");
                }
            });

            lazyloadVideos.forEach(function(video) {
                let top = video.getBoundingClientRect().top;
                if (video.style.display == 'none') {
                    return;
                }

                if (top == 0 && video.closest('.owl-wrapper-outer')) {
                    top = video.closest('.owl-wrapper-outer').getBoundingClientRect().top;
                }

                if (top == 0 && video.closest('.card')) {
                    top = video.closest('card').getBoundingClientRect().top;
                }

                if (top == 0 && video.closest('section')) {
                    top = video.closest('section').getBoundingClientRect().top;
                }

                if (top < window.innerHeight + scrollTop) {
                    video.src = video.dataset.src;
                    video.classList.remove("lazy");
                }
            });

            lazyloadIframes.forEach(function(iframe) {
                let offset = iframe.getBoundingClientRect().top;
                if (offset < (window.innerHeight + scrollTop + 100)) {
                    iframe.src = iframe.dataset.src;
                    iframe.classList.remove('lazy');
                }
            });
        }, 20);
    }

    function loaded() {
        if (scriptsLoaded) {
            return;
        }

        if (!lcpLoaded || !windowLoaded) {
            return;
        }

        var t = document.getElementsByTagName("script")[0];
        var e = document.createElement("script");
        e.src = "/2016/js/fb.js?2025-Q2.v1";
        e.setAttribute('defer', '');
        t.parentNode.insertBefore(e, t);

        var e = document.createElement("script");
        e.src = "/2016/js/ajax_2017.js?2025-Q2.v1";
        e.setAttribute('defer', '');
        t.parentNode.insertBefore(e, t);

        var blogherads = blogherads || {};
        blogherads.adq = blogherads.adq || [];

        var e = document.createElement("script");
        e.src = "https://ads.blogherads.com/static/blogherads.js";
        e.setAttribute('defer', '');
        e.setAttribute('data-cfasync', 'false');
        e.async = true
        e.onload = function() {
            const adsLoadedEvent = new Event("adsLoadedEvent");
            document.dispatchEvent(adsLoadedEvent);
        }
        t.parentNode.insertBefore(e, t);

        var e = document.createElement("script");
        e.src = "https://ads.blogherads.com/sk/12/124/1240707/30758/header.js";
        e.setAttribute('defer', '');
        e.setAttribute('data-cfasync', 'false');
        e.async = true
        t.parentNode.insertBefore(e, t);

        var e = document.createElement("script");
        e.src = "/2021/js/jquery-3.5.0.min.js?2025-Q2.v1";
        e.setAttribute('defer', '');
        t.parentNode.insertBefore(e, t);
        e.onload = function() {
            var e = document.createElement("script");
            var t = document.getElementsByTagName("script")[0];
            e.src = "/2021/js/bootstrap.bundle.min.js?2025-Q2.v1";
            e.setAttribute('defer', '');
            t.parentNode.insertBefore(e, t);
            e.onload = () => {
                const bootstrapLoadedEvent = new Event("bootstrapLoadedEvent");
                document.dispatchEvent(bootstrapLoadedEvent);
            }

            var e = document.createElement("script");
            e.src = "/2016/js/responsee.js?2025-Q2.v1";
            e.setAttribute('defer', '');
            t.parentNode.insertBefore(e, t);

            var e = document.createElement("script");
            e.src = "/2021/common.js?2025-Q2.v11775691144";
            e.setAttribute('defer', '');
            t.parentNode.insertBefore(e, t);
            e.onload = () => {
                const commonJsLoadedEvent = new Event("commonJsLoadedEvent");
                document.dispatchEvent(commonJsLoadedEvent);
            }


            jQuery.event.special.touchstart = {
                setup: function(_, ns, handle) {
                    this.addEventListener("touchstart", handle, {
                        passive: !ns.includes("noPreventDefault")
                    });
                }
            };
            jQuery.event.special.touchmove = {
                setup: function(_, ns, handle) {
                    this.addEventListener("touchmove", handle, {
                        passive: !ns.includes("noPreventDefault")
                    });
                }
            };
            jQuery.event.special.wheel = {
                setup: function(_, ns, handle) {
                    this.addEventListener("wheel", handle, {
                        passive: true
                    });
                }
            };
            jQuery.event.special.mousewheel = {
                setup: function(_, ns, handle) {
                    this.addEventListener("mousewheel", handle, {
                        passive: true
                    });
                }
            };

            const jqueryLoadedEvent = new Event("jqueryLoadedEvent");
            document.dispatchEvent(jqueryLoadedEvent);

            var t = document.getElementById("custom-style");
            var e = document.createElement("link");
            t.parentNode.insertBefore(e, t);
            e.href = "/2021/css/roboto.css?2025-Q2.v1";
            e.rel = "stylesheet";

            var e = document.createElement("link");
            e.href = "/2021/css/fontawesome.min.css?2025-Q2.v1";
            e.rel = "stylesheet";
            t.parentNode.insertBefore(e, t);
        }


        scriptsLoaded = true;
        const pageLoadedEvent = new Event("pageLoadedEvent");
        document.dispatchEvent(pageLoadedEvent);

        document.addEventListener("scroll", lazyload);
        window.addEventListener("resize", lazyload);
        window.addEventListener("orientationChange", lazyload);
        lazyload();

        if ('serviceWorker' in navigator) {
            window.addEventListener('load', () => {
                // Scope will be restricted to the path where the service-worker.js file is located
                navigator.serviceWorker.register('/service-worker.js', {
                    scope: '/'
                }).then(registration => {
                    console.log('Service Worker registered: ', registration)
                }).catch(registrationError => {
                    console.log('Service Worker registration failed: ', registrationError)
                })
            })
        }
    }

    var lcp = document.getElementById('lcp');
    var lcpLoaded = !lcp ? true : false;
    var windowLoaded = false;
    var scriptsLoaded = false;

    if (lcp) {
        lcp.onload = function() {
            const interval = setInterval(() => {
                if (lcp.naturalWidth > 0 && lcp.naturalHeight > 0) {
                    clearInterval(interval);
                    lcpLoaded = true;
                    loaded();
                }
            }, 20);
        }
        if (lcp.complete) {
            lcpLoaded = true;
            loaded();
        }
        lcp.addEventListener('error', function() {
            lcpLoaded = true;
            setTimeout(loaded(), 500);
        });
        lcp.addEventListener('loadeddata', function()  {
            lcpLoaded = true;
            setTimeout(loaded(), 500);
        });
    }

    window.onload = function() {
        windowLoaded = true;
        setTimeout(loaded(), 50);
    }
</script>    <script>
        document.addEventListener('jqueryLoadedEvent', (e) => {
            var e = document.createElement("script");
            var t = document.getElementsByTagName("script")[0];
            t.parentNode.insertBefore(e, t);
            e.src = "/2016/owl-carousel/owl.carousel.min.js";
            e.setAttribute('defer', '');
            e.onload = function() {

                $("#owl-demo-tik").owlCarousel({
                    items: 4,
                    itemsMobile: [479, 1],
                    lazyLoad: false,
                    autoPlay: true,
                    navigation: true,
                    pagination: false
                });

                lazyload();
            }

        });

        document.addEventListener('pageLoadedEvent', (e) => {
            var t = document.getElementById("custom-style");
            var e = document.createElement("link");
            t.parentNode.insertBefore(e, t);
            e.href = "/2016/css/components.css?2025-Q2.v1";
            e.rel = "stylesheet";

            var e = document.createElement("link");
            t.parentNode.insertBefore(e, t);
            e.href = "/2016/owl-carousel/owl.carousel2.css?2025-Q2.v1";
            e.rel = "stylesheet";

            var e = document.createElement("link");
            t.parentNode.insertBefore(e, t);
            e.href = "/2016/owl-carousel/owl.theme2.css?2025-Q2.v1";
            e.rel = "stylesheet";

            var e = document.createElement("link");
            t.parentNode.insertBefore(e, t);
            e.href = "/2016/css/template-style2.css?2025-Q2.v1";
            e.rel = "stylesheet";

            var e = document.createElement("link");
            t.parentNode.insertBefore(e, t);
            e.href = "/2021/css/common.css?2025-Q2.v1";
            e.rel = "stylesheet";

            var e = document.createElement("link");
            e.href = "/2021/css/lazyload.min.css?2025-Q2.v1";
            e.rel = "stylesheet";
            t.parentNode.insertBefore(e, t);
        });
    </script>
</body>

</html>



