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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="title" content="WatchMojo.com" />
    <meta name="description" content="Videos and branded content hosted and created by WatchMojo.com" />
    <meta name="keywords" content="WatchMojo.com, top 10, top 10s, top 10 Video, Videos,film, tv, music, video games, anime, comics, sports, lifestyle, culture, history" />
    <link rel="manifest" href="/2021/js/manifest.json?2025-Q3.v3">
    <meta name="theme-color" content="#111111"/>
            <link rel="preload" as="image" href="https://watchmojo.blog/wp-content/uploads/2022/03/leuCp9ROoN4JR5EDnkTZ6f1CCiOcgKPw1647527884.jpg" />
            <link rel="preload" as="image" href="https://watchmojo.blog/wp-content/uploads/2022/03/TVPartsforSale-152017-Plasma-TV-Disappear-image1.jpg" />
        <link rel="preconnect" href="https://watchmojo.blog" />

    <link rel="icon" href="/2016/img/wm-icon.png" type="image/png" />

    <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');
    });
</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:.9rem;
  padding:2rem 0.9rem; 
}
.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; overflow: hidden;}
/*
#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>/*
Theme Name: Aquene
Theme URI: https://theme.wordpress.com/themes/aquene
Author: Themes Harbor
Author URI: https://themesharbor.com/
Description: Aquene is stylish and lightweight theme specially crafted for magazines, newspapers or personal blogs. By taking a minimalist approach to design, theme is focusing more on readability to make the content more appealing, engaging and usable. Best of all, your sophisticated website will look great across all devices.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: aquene
Tags: one-column, two-columns, left-sidebar, right-sidebar, grid-layout, custom-background, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, blog, entertainment, news

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Aquene is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Typography
# Grid
# Elements
# Forms
# General
## Custom Background
## Links
# Header
## Sticky Header
## Header search box
## Toggle Sidebar
# Footer
# Navigation
## Posts Navigation
## Post Navigation
## Comments Navigation
# Menus
## Primary Menu
## Social Menu
# Accessibility
# Alignments
# Clearings
# Featured Content
# Widgets
# Content
## Archive Row
## Posts and pages
## Archive
## Author Archive
## Active Sidebar
## Author Bio
## Comments
# 404 Page / Not Forund Page
# Infinite scroll
# Media
## Captions
## Galleries
# Share Buttons & Related Posts
# Responsive
# Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
	text-align:left;
	line-height:2.1em;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
 ATTEMPTED TEMPLATE 

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-top: 0;
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	position: relative;
	color: #000000;
	line-height: 1.6;
	z-index: 1;
	font-weight: bold;
}

blockquote > :last-child {
	margin-bottom: 0;
}

blockquote:before {
	content: "";
	position: absolute;
	top: -20px; left: 0%;
	bottom: -30px; right: 0%;
	background: #f5f5f5;
	z-index: -1;
}

blockquote:not(.pull-left):not(.pull-right) {
	font-size: 23px;
	margin: 65px 0;
	border: none;
	padding: 10px 30px;
}

blockquote.pull-left,
blockquote.pull-right {
	font-size: 20px;
	text-align: center;
	width: 45%;
}

blockquote.pull-left {
	float: left;
	margin: 35px 35px 55px -35px;
}

blockquote.pull-right {
	float: right;
	margin: 35px -35px 55px 35px;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Grid
--------------------------------------------------------------*/
.container {
	max-width: 1440px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 35px;
	padding-right: 35px;
}

.container:before,
.container:after {
	display: table;
	content: " ";
}

.container:after {
	clear: both;
}

.row {
	margin-right: -15px;
	margin-left: -15px;
}

.row::after {
	content: "";
	display: table;
	clear: both;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	float: left;
}

@media (min-width: 544px) {
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
		float: left;
	}
	.col-sm-1 {
		width: 8.333333%;
	}
	.col-sm-2 {
		width: 16.666667%;
	}
	.col-sm-3 {
		width: 25%;
	}
	.col-sm-4 {
		width: 33.333333%;
	}
	.col-sm-5 {
		width: 41.666667%;
	}
	.col-sm-6 {
		width: 50%;
	}
	.col-sm-7 {
		width: 58.333333%;
	}
	.col-sm-8 {
		width: 66.666667%;
	}
	.col-sm-9 {
		width: 75%;
	}
	.col-sm-10 {
		width: 83.333333%;
	}
	.col-sm-11 {
		width: 91.666667%;
	}
	.col-sm-12 {
		width: 100%;
	}
}

@media (min-width: 768px) {
	.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
		float: left;
	}
	.col-md-1 {
		width: 8.333333%;
	}
	.col-md-2 {
		width: 16.666667%;
	}
	.col-md-3 {
		width: 25%;
	}
	.col-md-4 {
		width: 33.333333%;
	}
	.col-md-5 {
		width: 41.666667%;
	}
	.col-md-6 {
		width: 50%;
	}
	.col-md-7 {
		width: 58.333333%;
	}
	.col-md-8 {
		width: 66.666667%;
	}
	.col-md-9 {
		width: 75%;
	}
	.col-md-10 {
		width: 83.333333%;
	}
	.col-md-11 {
		width: 91.666667%;
	}
	.col-md-12 {
		width: 100%;
	}
}

@media (min-width: 992px) {
	.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
		float: left;
	}
	.col-lg-1 {
		width: 8.333333%;
	}
	.col-lg-2 {
		width: 16.666667%;
	}
	.col-lg-3 {
		width: 25%;
	}
	.col-lg-4 {
		width: 33.333333%;
	}
	.col-lg-5 {
		width: 41.666667%;
	}
	.col-lg-6 {
		width: 50%;
	}
	.col-lg-7 {
		width: 58.333333%;
	}
	.col-lg-8 {
		width: 66.666667%;
	}
	.col-lg-9 {
		width: 75%;
	}
	.col-lg-10 {
		width: 83.333333%;
	}
	.col-lg-11 {
		width: 91.666667%;
	}
	.col-lg-12 {
		width: 100%;
	}
}

.pull-right {
	float: right !important;
}

.pull-left {
	float: left !important;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background-color: #e5e5e5;
}
/*
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #e5e5e5;
	border: 0;
	height: 1px;
	margin-bottom: 1.875em;
}

ul,
ol {
	margin: 0 0 1.875em 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.875em;
}

img {
	height: auto; 
	max-width: 100%; 
}

figure {
	margin: 1em 0; 
}

table {
	margin: 0 0 1.875em;
	width: 100%;
}

th {
	text-align: left;
}

figure {
	margin: 0 0 1rem;
}

.table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 35px;
}
*/
.table th,
.table td {
	padding: .75rem;
	line-height: 1.5;
	vertical-align: top;
	border-top: 1px solid #e5e5e5;
}

.table thead th {
	vertical-align: bottom;
	border-bottom: 2px solid #e5e5e5;
}

.table tbody + tbody {
	border-top: 2px solid #e5e5e5;
}

.table .table {
	background-color: #ffffff;
}

.table-striped tbody tr:nth-of-type(odd) {
	background-color: #f5f5f5;
}

.table-bordered {
	border: 1px solid #e5e5e5;
}

.table-bordered th,
.table-bordered td {
	border: 1px solid #eeeeee;
}

.table-bordered thead th,
.table-bordered thead td {
	border-bottom-width: 2px;
}



/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
li.menu-item-has-children > a:after,
li.page_item_has_children > a:after,
.has-icon:before,
.has-icon:after,
.site-main .navigation a:before,
.site-main .navigation a:after,
.widget ul li:before,
#infinite-handle button:before,
.widget.widget_jp_blogs_i_follow ol li:before,

.bypostauthor > .comment-body .comment-author .fn:after,
.entry-footer .edit-link a:before,
.jetpack-social-navigation ul li a:before,
.social-navigation ul li a:before {
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	text-decoration: inherit;
	-webkit-font-smoothing: antialiased;
}

button.clean-button,
#infinite-handle button {
	border: none;
	padding: 0;
	background: none;
	box-shadow: none;
	text-shadow: none;
	color: inherit;
	border-radius: 0;
	outline: none;
}

.list-unstyled {
	padding-left: 0;
	list-style: none;
}

#page .has-background-cover,
.site-content .post-navigation a:before {
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	background-repeat: no-repeat;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

	background-position: center center;
}

p, ul, ol, dd, dl, address, pre,
blockquote,
.jetpack-video-wrapper,
.mejs-container,
.wp-caption,
#page .wp-playlist,
table, .table,
#page .tiled-gallery,
#page .slideshow-window {
	/* margin-bottom: 35px; INTERFERES WITH NAV */
}

a,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.has-animation,
.site-content .post-navigation a:before {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.site.container {
	position: relative;
	padding: 0;
	background: #ffffff;
	box-shadow: 0 0 0px rgba(0,0,0,0.1);
	word-wrap: break-word;
	right: 0;
	transition: right 0.3s ease;
}

#sticky-header #gotop,
#colophon .footer-bottom,
.site-content .posts-navigation,
.site-content .comment-navigation,
.site-content .post-navigation .nav-meta,
.main-navigation ul ul,
.hentry .entry-cats,
.hentry .entry-footer,
.page-links,
.single .entry-footer .entry-author .author-link,
#page #infinite-handle span,
#page div.sharedaddy h3.sd-title {
	font-size: 12px;
	font-size: 0.75rem;
}

/*--------------------------------------------------------------
## Custom Background
--------------------------------------------------------------*/
.custom-background #page {
	margin: 30px;
}

@media only screen and (min-width: 1441px) {
	.custom-background #page {
		margin-left: auto;
		margin-right: auto;
	}
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #e91e63;
	text-decoration: none;
}

a:hover,
a:focus,
a:active {
	color: #bd1f55;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

.entry-content a,
.page-content a,
.entry-summary a,
.comment-content a,
.widget_text a,
.entry-author a,
.taxonomy-description a {
	text-decoration: underline;
	font-weight: bold;
}

.entry-content a:hover,
.page-content a:hover,
.entry-summary a:hover,
.comment-content a:hover,
.widget_text a:hover,
.entry-author a:hover,
.taxonomy-description a:hover {
	text-decoration: none;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#masthead,
#sticky-header {
	width: 100%;
	padding: 23px 30px;
	box-shadow: 0 2px 4px -1px rgba(0,0,0,0.04), 0 4px 5px 0 rgba(0,0,0,0.05), 0 1px 7px 0 rgba(0,0,0,0.07);
	z-index: 999;
	background: #ffffff;
}

#masthead {
	position: relative;
}

#masthead .header-right-col,
#masthead .header-right-col #header-search,
#masthead .header-right-col .jetpack-social-navigation,
#masthead .header-right-col .social-navigation,
#masthead .mobile-menu {
	float: right;
}

#masthead .header-left-col,
#masthead .header-left-col .site-branding,
#masthead .header-left-col .main-navigation,
#masthead #sticky-header .mobile-menu {
	float: left;
}

#masthead .header-left-col {
	width: 75%;
}

#masthead .header-right-col {
	width: 25%;
}

#masthead .header-left-col .main-navigation {
	width: 70%;
}

#masthead .header-left-col .site-branding {
	padding-right: 25px;
	border-right: 1px solid #e5e5e5;
	max-width: 30%;
}

.wp-custom-logo #masthead .site-title,
#masthead .site-description {
	margin: 8px 0 0;
}

#masthead .custom-logo {
	max-width: 380px;
	width: 100%;
}

#masthead .site-title {
	font-size: 27px;
	font-size: 1.688rem;
	font-weight: 900;
	margin: 0;
	line-height: 1;
	text-transform: uppercase;
	color: #000000;
	letter-spacing: -0.02em;
	font-family: inherit;
}

#masthead .site-title a {
	color: inherit;
}

#masthead .site-description {
	font-weight: 300;
	font-size: 14px;
	font-size: 0.875rem;
	display: none;
}

#masthead .header-right-col #header-search {
	font-size: inherit;
	margin-left: 35px;
	line-height: 0;
}

#masthead .header-right-col #header-search:before {
	content: "\f002";
	line-height: 25px;
}

/* Menu Button */
#masthead .mobile-menu {
	display: none;
	font-size: 13px;
	font-size: 0.8125rem;
	font-weight: 900;
}

#masthead .header-right-col .mobile-menu {
	margin-top: 2px;
}

#masthead .mobile-menu:before {
	content: "\f0c9";
	padding-right: 8px;
}

/*--------------------------------------------------------------
## Sticky Header
--------------------------------------------------------------*/
#sticky-header {
	position: fixed;
	top: -100%; left: 0; right: 0;
	-webkit-transition: all 0.62s ease;
	-moz-transition: all 0.62s ease;
	transition: all 0.62s ease;
	transform: translateY(-100%);
	opacity: 0;
	padding-top: 12px;
	padding-bottom: 12px;
	max-width: 1440px;
	margin: 0 auto;
}

.custom-background #sticky-header {
	left: 30px; right: 30px;
	width: auto;
}

#sticky-header.scroll-header {
	top: 0;
	transform: translateY(0%);
	opacity: 1;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
}

.single #sticky-header.scroll-header {
	overflow: hidden;
	padding-bottom: 15px;
}

#sticky-header .sticky-left-col {
	width: 70%;
	float: left;
	-webkit-flex: 2 0 0;
	flex: 2 0 0;
}

#sticky-header .sticky-right-col {
	width: 30%;
	text-align: right;
	line-height: 0;
	float: right;
}

#sticky-header #gotop {
	text-transform: uppercase;
	font-weight: 700;
	color: #757575;
}

#sticky-header #gotop:before {
	content: "\f176";
	padding-right: 6px;
}

#sticky-header .main-navigation .menu {
	line-height: 0;
}

#sticky-header .main-navigation ul:not(.sub-menu):not(.children) > li:first-child {
	margin-left: 0;
}

#sticky-header .progress-bar:before {
	content: "";
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	border-top: 1px solid rgba(0,0,0,0.1);
}

#sticky-header .progress-bar {
	position: absolute;
	bottom: 0; left: 0;
	height: 3px;
	width: 0;
	background: #E91E63;
	z-index: -1;
}

#sticky-header .hentry-title {
	width: 70%;
	font-size: 18px;
	font-size: 1.125rem;
	font-weight: 900;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1;
	padding: 1px 0;
	letter-spacing: 0;
	text-align: left;
}

/*--------------------------------------------------------------
## Header search box
--------------------------------------------------------------*/
#search-container,
#search-container .search-form {
	padding: 60px;
}

#search-container .search-field,
#search-container button.submit,
#search-container #close-search-container:before {
	font-size: 18px;
	font-size: 1.125rem;
}

#search-container {
	display: none;
	position: fixed;
	top: 15px; bottom: 15px;
	left: 15px; right: 15px;
	background: rgba(255,255,255,0.97);
	z-index: 99999;
	color: #000000;
	border-radius: 1px;
	box-shadow: 0 0 15px rgba(0,0,0,0.1);
}

#search-container #close-search-container:before {
	content: '\f00d';
	position: absolute;
	top: 8px; right: 8px;
	display: inline-block;
	width: 45px;
	height: 45px;
	line-height: 45px;
	border-radius: 50%;
}

#search-container .search-form {
	position: absolute;
	top: 50%; left: 50%;
	width: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

#search-container .search-field {
	background: none;
	border: none;
	width: 100%;
	outline: none;
	border-bottom: 1px solid #000000;
	-webkit-backface-visibility: hidden;
	padding: 17px 20px 15px 0;
	-webkit-appearance: none;
}

#search-container .search-field:focus {
	border-bottom-color: #e5e5e5;
}

#search-container ::-moz-placeholder {
	color: #a3a3a3;
	font-weight: bold;
}

#search-container :-ms-input-placeholder {
	color: #a3a3a3;
	font-weight: bold;
}

#search-container ::-webkit-input-placeholder {
	color: #a3a3a3;
	font-weight: bold;
}

#search-container button.submit {
	position: absolute;
	top: 50%; right: 60px;
	width: 25px;
	height: 50px;
	margin-top: -25px;
	line-height: 50px;
	padding: 0;
}

/*--------------------------------------------------------------
## Toggle Sidebar
--------------------------------------------------------------*/
body.toggle-sidebar-active {
	overflow: hidden;
}

body.toggle-sidebar-active #page {
	right: 340px;
}

#close-toggle-sidebar,
#toggle-sidebar .mobile-navigation > .menu li {
	font-size: 12px;
	font-size: 0.75rem;
}

#toggle-sidebar {
	position: fixed;
	right: -340px;
	width: 340px;
	max-width: 100%;
	height: 100%;
	background: #2b2b2b;
	box-shadow: inset 5px 0 18px -5px rgba(0,0,0,0.2);
	border-left: 1px solid rgba(255,255,255,0.75);
	z-index: 9999;
}

#toggle-sidebar .inner-panel {
	position: relative;
	padding: 0 0 30px;
	color: #ffffff;
}

#toggle-sidebar .inner-panel a {
	color: inherit;
}

#toggle-sidebar {
	overflow: scroll;
	overflow-x: hidden;
}

#close-toggle-sidebar {
	display: block;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #2b2b2b;
	color: #757575;
	font-weight: 900;
	box-shadow: 0 2px 4px -1px rgba(0,0,0,0.04), 0 4px 5px 0 rgba(0,0,0,0.05), 0 1px 7px 0 rgba(0,0,0,0.07);
}

#close-toggle-sidebar:before {
	content: "\f00d";
	padding-right: 8px;
}

#close-toggle-sidebar:hover {
	color: #ffffff;
	background: #000000;
}

#toggle-sidebar .mobile-navigation .menu .sub-menu,
#toggle-sidebar .mobile-navigation .menu .children {
	display: none;
}

#toggle-sidebar .mobile-navigation .sub-menu.toggled-on,
#toggle-sidebar .mobile-navigation .children.toggled-on {
	display: block;
	background: rgba(0,0,0,0.15);
}

#toggle-sidebar .mobile-navigation .dropdown-toggle {
	position: absolute;
	top: 0; right: 0;
	width: 47px;
	height: 45px;
	text-align: center;
}

#toggle-sidebar .mobile-navigation .dropdown-toggle:before {
	content: "";
	position: absolute;
	right: 0;
	top: -1px; bottom: 0;
	width: 100%;
	border-left: 1px solid rgba(255,255,255,0.04);
}

#toggle-sidebar .mobile-navigation .dropdown-toggle:after {
	content: "\f107";
	position: relative;
	z-index: 1;
}

#toggle-sidebar .mobile-navigation .dropdown-toggle.toggled-on:after {
	content: "\f106";
}

#toggle-sidebar .mobile-navigation > .menu li {
	position: relative;
	text-transform: uppercase;
}

.mobile-navigation > .menu li a {
	display: block;
	padding: 15px 50px 15px 30px;
	line-height: 1.2;
	border-bottom: 1px solid rgba(255,255,255,0.04);
	color: inherit;
}

.mobile-navigation > .menu li a:hover {
	background: rgba(0,0,0,0.05);
	padding-left: 35px;
}

#toggle-sidebar .jetpack-social-navigation,
#toggle-sidebar .social-navigation {
	margin-top: 30px;
	text-align: center;
}

#toggle-sidebar .jetpack-social-navigation a:hover,
#toggle-sidebar .social-navigation a:hover {
	opacity: 0.6;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#colophon {
	background: #111111;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 1.6;
}

#colophon,
#colophon a:hover {
	color: #909090;
}

#colophon a {
	color: #c9c9c9;
}

#colophon .footer-branding,
#colophon .jetpack-social-navigation,
#colophon .social-navigation {
	display: table-cell;
	vertical-align: middle;
	width: 50%;
}

#colophon .jetpack-social-navigation,
#colophon .social-navigation {
	text-align: right;
}

#colophon .jetpack-social-navigation a,
#colophon .social-navigation a {
	border: 1px solid rgba(255,255,255,0.1);
	border-radius: 50%;
	font-size: 12px;
	font-size: 0.75rem;
}

#colophon .jetpack-social-navigation a,
#colophon .jetpack-social-navigation a:before,
#colophon .social-navigation a:before {
	height: 35px;
	width: 35px;
	line-height: 33px;
}

#colophon .footer-branding .site-footer-title,
#colophon .footer-branding .site-footer-description {
	margin: 0;
	display: inline-block;
	position: static;
}

#colophon .footer-branding .site-footer-title {
	font-size: 16px;
	font-size: 1rem;
	font-weight: 900;
	text-transform: uppercase;
	margin-right: 8px;
}

#colophon .footer-branding .site-footer-description {
	font-size: inherit;
	letter-spacing: -0.02em;
}

#colophon .footer-section {
	padding: 17px 30px;
	display: table;
	width: 100%;
	border-top: 1px solid rgba(255,255,255,0.08);
}

#colophon .footer-top {
	padding-top: 13px;
	padding-bottom: 13px;
}

#colophon .widget-area {
	padding: 35px 0 0;
	width: auto;
	display: block;
}

#colophon .widget-area .widget {
	float: left;
	width: 20%;
	padding: 0 30px;
	margin-bottom: 35px;
	border-right: 1px solid rgba(255,255,255,0.08);
}

#colophon .widget-area .widget:nth-child(4n) {
	width: 40%;
	border-right: none;
}

#colophon .widget-area .widget:nth-child(4n+1) {
	clear: left;
}

#colophon .widget-area .widget .widget-title {
	color: inherit;
}

#colophon .footer-bottom {
	text-transform: uppercase;
	font-weight: 700;
	padding-top: 8px;
	padding-bottom: 23px;
}

#colophon .footer-bottom .site-info,
#colophon .footer-bottom .footer-navigation {
	width: 50%;
	margin-top: 15px;
}

#colophon .footer-bottom .site-info {
	float: left;
}

#colophon .footer-bottom .footer-navigation {
	float: right;
	text-align: right;
}

#colophon .footer-bottom .footer-navigation a {
	margin-left: 14px;
}

#colophon .footer-bottom .footer-navigation li {
	position: relative;
	margin-left: 7px;
}

#colophon .footer-bottom .footer-navigation li:before {
	content: "/";
	float: left;
	font-size: 8px;
	line-height: 1.7;
}

#colophon .footer-bottom .footer-navigation li:first-child:before {
	display: none;
}

#colophon .table thead th,
#colophon .table th,
#colophon .table td {
	border-color: rgba(255,255,255,0.08);
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
.site-content .comment-navigation,
.site-content .posts-navigation,
.site-content .post-navigation {
	position: relative;
	margin: 0;
	overflow: hidden;
	clear: both;
}

.site-content .comment-navigation,
.site-content .post-navigation {
	background: #f5f5f5;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.post-navigation .nav-next {
   text-align: right;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	width: 50%;
}

.site-content .posts-navigation:before,
.site-content .post-navigation:before,
.site-content .comment-navigation:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	height: 100%;
	width: 1px;
	background: rgba(0,0,0,0.08);
	margin-left: -1px;
}

.site-content .posts-navigation a,
.site-content .comment-navigation a {
	display: block;
	color: #757575;
}

.site-content .posts-navigation a:hover,
.site-content .comment-navigation a:hover {
	color: #000000;
}

.site-content .posts-navigation .nav-previous a:before,
.site-content .comment-navigation .nav-previous a:before {
	content: "\f104";
	padding-right: 12px;
}

.site-content .posts-navigation .nav-next a:after,
.site-content .comment-navigation .nav-next a:after {
	content: "\f105";
	padding-left: 12px;
}

.site-content .posts-navigation,
.site-content .comment-navigation,
.site-content .post-navigation .nav-meta {
	font-weight: 900;
	text-transform: uppercase;
}

/*--------------------------------------------------------------
## Posts Navigation
--------------------------------------------------------------*/
.site-content .posts-navigation {
	margin: 0;
	text-align: center;
	background: #e5e5e5;
}

.site-content .posts-navigation a {
	padding: 11px 30px;
}

.site-content .posts-navigation .nav-previous {
	text-align: right;
}

.site-content .posts-navigation .nav-next {
	text-align: left;
}

/*--------------------------------------------------------------
## Post Navigation
--------------------------------------------------------------*/
.site-content .post-navigation {
	border-top: 1px solid #e5e5e5;
}

.site-content .post-navigation a {
	position: relative;
	display: block;
	padding: 35px 30px;
	color: #000000;
	width: 100%;
	line-height: 1.4;
}

.site-content .post-navigation .nav-meta {
	display: block;
	color: #757575;
	margin-bottom: 10px;
}

.site-content .post-navigation .nav-title {
	font-size: 23px;
	font-size: 1.438rem;
	font-weight: 900;
	line-height: 1.3;
}

.site-content .post-navigation .nav-next {
	text-align: left;
}

.site-content .post-navigation a:before {
	position: relative;
	width: 40%;
	height: 260px;
	float: right;
	margin-left: 30px;
	border: 8px solid #ffffff;
	box-shadow: 0 0 35px rgba(0,0,0,0.3);
	bottom: -10px;
}

.site-content .post-navigation a:hover:before {
	bottom: 15px;
}

/*--------------------------------------------------------------
## Comments Navigation
--------------------------------------------------------------*/
.site-content .comment-navigation {
	margin-bottom: 60px;
	border-radius: 1px;
}

.site-content .comment-navigation a {
	padding: 8px 30px;
	text-align: center;
}

/*--------------------------------------------------------------
# Menus
--------------------------------------------------------------*/
.site-navigation ul,
#mobile-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
	-webkit-padding-start: 0;
}

.site-navigation ul {
	line-height: 0.8;
}

.site-navigation li {
	display: inline-block;
	position: relative;
	line-height: 1.2;
}

.site-navigation a {
	display: block;
	text-decoration: none;
}

.site-navigation .current_page_item > a,
.site-navigation .current-menu-item > a,
.site-navigation .current_page_ancestor > a,
.site-navigation .current-menu-ancestor > a {
	font-weight: 900;
}

/*--------------------------------------------------------------
## Primary Menu
--------------------------------------------------------------*/
.header-left-col .main-navigation {
	line-height: 1;
	padding-left: 5px;
}

.header-left-col .main-navigation ul:not(.sub-menu):not(.children) {
	line-height: 27px;
}

.main-navigation ul:not(.sub-menu):not(.children) > li {
	margin: 0 0 -10px 20px;
	text-transform: uppercase;
	font-size: 13px;
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: 0.02em;
}

.main-navigation ul:not(.sub-menu):not(.children) > li > a {
	padding: 0 0 10px;
	color: inherit;
}

.main-navigation li.menu-item-has-children > a:after,
.main-navigation li.page_item_has_children > a:after {
	content: "\f107";
	position: relative;
	padding-left: 8px;
}

.main-navigation .sub-menu li.menu-item-has-children > a:after,
.main-navigation .children li.page_item_has_children > a:after {
	content: "\f105";
	left: 2px;
}

.main-navigation ul ul:before {
	content: '';
	position: absolute;
	top: -6px; left: 10%;
	margin-left: -3px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 6px 6px;
	border-color: transparent transparent #000000 transparent;
}

.main-navigation ul ul {
	position: absolute;
	top: 130%;
	left: -999em;
	z-index: 9999;
	background: #000000;
	padding: 16px 0;
	box-shadow: 0 2px 4px -1px rgba(0,0,0,0.04), 0 4px 5px 0 rgba(0,0,0,0.06), 0 1px 10px 0 rgba(0,0,0,0.08);
	float: left;
	opacity: 0;
	border-radius: 2px;
}

.main-navigation ul ul ul {
	left: -999em; top: 0;
	margin-top: -16px;
	margin-left: 0;
}

.main-navigation ul ul ul:before {
	border: none;
}

.main-navigation ul ul a {
	width: 180px;
	color: #ffffff;
}

.main-navigation ul ul li {
	margin-bottom: 14px;
	padding-bottom: 14px;
	padding-left: 14px;
	padding-right: 14px;
	border-bottom: 1px solid rgba(255,255,255,0.15);
	letter-spacing: 0;
}

.main-navigation ul ul li:last-child {
	border: none;
	padding-bottom: 0;
	margin: 0;
}

#masthead .main-navigation ul li:hover > a,
#masthead .main-navigation ul li.focus > a {
	color: #a3a3a3;
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
	opacity: 0.7;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
	top: 100%;
	opacity: 1;

	-webkit-transition: top .25s ease-in-out, opacity .25s ease-in-out;
	-moz-transition: top .25s ease-in-out, opacity .25s ease-in-out;
	transition: top .25s ease-in-out, opacity .25s ease-in-out;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
	top: 0;

	-webkit-transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	transition: opacity .25s ease-in-out;
}

/*--------------------------------------------------------------
## Social Menu
--------------------------------------------------------------*/
#page .jetpack-social-navigation ul,
#page .social-navigation ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

.jetpack-social-navigation ul li,
.social-navigation ul li {
	margin-left: 7px;
}

.jetpack-social-navigation ul li,
.jetpack-social-navigation ul li a,
.jetpack-social-navigation ul li a:before,
.social-navigation ul li,
.social-navigation ul li a,
.social-navigation ul li a:before {
	display: inline-block;
}

.jetpack-social-navigation ul li a,
.jetpack-social-navigation ul li a:before,
.social-navigation ul li a,
.social-navigation ul li a:before {
	color: inherit;
}

.jetpack-social-navigation ul li a:before,
.social-navigation ul li a:before {
	content: '';
	text-align: center;
	width: 27px;
	line-height: 27px;
}

.jetpack-social-navigation ul li a:before,
.social-navigation ul li a:before {
	content: '\f0c1';
}

.jetpack-social-navigation ul li a[href*="facebook.com"]:before,
.social-navigation ul li a[href*="facebook.com"]:before {
	content: '\f09a';
}

.jetpack-social-navigation ul li a[href*="twitter.com"]:before,
.social-navigation ul li a[href*="twitter.com"]:before {
	content: '\f099';
}

.jetpack-social-navigation ul li a[href*="plus.google.com"]:before,
.social-navigation ul li a[href*="plus.google.com"]:before {
	content: '\f0d5';
}

.jetpack-social-navigation ul li a[href*="dribbble.com"]:before,
.social-navigation ul li a[href*="dribbble.com"]:before {
	content: '\f17d';
}

.jetpack-social-navigation ul li a[href*="pinterest.com"]:before,
.social-navigation ul li a[href*="pinterest.com"]:before {
	content: '\f0d2';
}

.jetpack-social-navigation ul li a[href*="github.com"]:before,
.social-navigation ul li a[href*="github.com"]:before {
	content: '\f113';
}

.jetpack-social-navigation ul li a[href*="tumblr.com"]:before,
.social-navigation ul li a[href*="tumblr.com"]:before {
	content: '\f173';
}

.jetpack-social-navigation ul li a[href*="youtube.com"]:before,
.social-navigation ul li a[href*="youtube.com"]:before {
	content: '\f16a';
}

.jetpack-social-navigation ul li a[href*="flickr.com"]:before,
.social-navigation ul li a[href*="flickr.com"]:before {
	content: '\f16e';
}

.jetpack-social-navigation ul li a[href*="vimeo.com"]:before,
.social-navigation ul li a[href*="vimeo.com"]:before {
	content: '\f194';
}

.jetpack-social-navigation ul li a[href*="instagram.com"]:before,
.social-navigation ul li a[href*="instagram.com"]:before {
	content: '\f16d';
}

.jetpack-social-navigation ul li a[href*="linkedin.com"]:before,
.social-navigation ul li a[href*="linkedin.com"]:before {
	content: '\f0e1';
}

.jetpack-social-navigation ul li a[href*="/feed"]:before,
.jetpack-social-navigation ul li a[href*="/feed/"]:before,
.social-navigation ul li a[href*="/feed"]:before,
.social-navigation ul li a[href*="/feed/"]:before {
	content: '\f09e';
}

.jetpack-social-navigation ul li a[href*="behance.net"]:before,
.social-navigation ul li a[href*="behance.net"]:before {
	content: '\f1b4';
}

.jetpack-social-navigation ul li a[href*="vk.com"]:before,
.social-navigation ul li a[href*="vk.com"]:before {
	content: '\f189';
}

.jetpack-social-navigation ul li a[href*="soundcloud.com"]:before,
.social-navigation ul li a[href*="soundcloud.com"]:before {
	content: '\f1be';
}

.jetpack-social-navigation ul li a[href*="reddit.com"]:before,
.social-navigation ul li a[href*="reddit.com"]:before {
	content: '\f1a1';
}

.jetpack-social-navigation ul li a[href^="mailto:"]:before,
.social-navigation ul li a[href^="mailto:"]:before {
	content: '\f0e0';
}

.jetpack-social-navigation ul li a[href*="deviantart.com"]:before,
.social-navigation ul li a[href*="deviantart.com"]:before {
	content: '\f1bd';
}

.jetpack-social-navigation ul li a[href*="slideshare.net"]:before,
.social-navigation ul li a[href*="slideshare.net"]:before {
	content: '\f1e7';
}

.jetpack-social-navigation ul li a[href*="foursquare.com"]:before,
.social-navigation ul li a[href*="foursquare.com"]:before {
	content: '\f180';
}

.jetpack-social-navigation ul li a[href*="digg.com"]:before,
.social-navigation ul li a[href*="digg.com"]:before {
	content: '\f1a6';
}

.jetpack-social-navigation ul li a[href*="stumbleupon.com"]:before,
.social-navigation ul li a[href*="stumbleupon.com"]:before {
	content: '\f1a4';
}

.jetpack-social-navigation ul li a[href*="spotify.com"]:before,
.social-navigation ul li a[href*="spotify.com"]:before {
	content: '\f1bc';
}

.jetpack-social-navigation ul li a[href*="dropbox.com"]:before,
.social-navigation ul li a[href*="dropbox.com"]:before {
	content: '\f16b';
}

.jetpack-social-navigation ul li a[href*="twitch.tv"]:before,
.social-navigation ul li a[href*="twitch.tv"]:before {
	content: '\f1e8';
}

.jetpack-social-navigation ul li a[href*="wordpress.com"]:before,
.jetpack-social-navigation ul li a[href*="wordpress.org"]:before,
.social-navigation ul li a[href*="wordpress.com"]:before,
.social-navigation ul li a[href*="wordpress.org"]:before {
	content: '\f19a';
}

.jetpack-social-navigation ul li a[href*="xing.com"]:before,
.social-navigation ul li a[href*="xing.com"]:before {
	content: '\f168';
}

.jetpack-social-navigation ul li a[href*="apple.com"]:before,
.social-navigation ul li a[href*="apple.com"]:before {
	content: '\f179';
}

.jetpack-social-navigation ul li a[href*="houzz.com"]:before,
.social-navigation ul li a[href*="houzz.com"]:before {
	content: '\f27c';
}

.jetpack-social-navigation ul li a[href*="medium.com"]:before,
.social-navigation ul li a[href*="medium.com"]:before {
	content: '\f23a';
}

.jetpack-social-navigation ul li a[href*="telegram.me"]:before,
.social-navigation ul li a[href*="telegram.me"]:before {
	content: '\f2c6';
}

/*--------------------------------------------------------------
# Search Form
--------------------------------------------------------------*/
.search-form label,
.search-form .search-field {
	display: block;
}

.search-form {
	position: relative;
}

.search-form .search-field {
	width: 100%;
}

.search-form button.submit {
	position: absolute;
	right: 0; top: 1px;
	padding: 12px 18px;
	font-size: 16px;
	font-size: 1rem;
	line-height: inherit;
}

.search-form button.submit:before {
	content: "\f002";
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 2.188em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 2.188em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignleft,
img.alignright {
	margin-bottom: 2.188em;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Featured Content
--------------------------------------------------------------*/
#featured-content {
	background: #f5f5f5;
	padding-bottom: 30px;
	overflow: hidden;
}

#featured-content .hentry .entry-footer .posted-on {
	display: none;
}

#featured-content .primary-section .thumb-link,
#featured-content .featured-image {
	position: absolute;
	top: 0; bottom: 0;
	left: 0; right: 0;
}

#featured-content .featured-image,
#featured-content .secondary-section .hentry:hover .thumb-link {
	opacity: 0.85;
}

#featured-content .hentry:hover .featured-image {
	opacity: 1;
}

#featured-content .hentry .footer-meta {
	color: #757575;
}

#featured-content .hentry {
	margin: 0;
	float: left;
	width: 33.333333%;
}

#featured-content .hentry .hentry-inner {
	display: table;
	width: 100%;
	height: 100%;
}

#featured-content .primary-section .hentry {
	position: relative;
	padding: 30px;
	box-shadow: 0 0 2px #ffffff;
}

#featured-content .primary-section .hentry.has-post-thumbnail {
	background: #000000;
}

#featured-content .primary-section .hentry:first-child {
	width: 66.666666%;
}

#featured-content .primary-section .hentry .hentry-inner {
	height: 430px;
}

#featured-content .primary-section .hentry .entry-header {
	display: table-cell;
	vertical-align: bottom;
}

#featured-content .secondary-section .hentry a,
#featured-content .primary-section .entry-header .byline a {
	color: inherit;
}

#featured-content .primary-section .entry-header .entry-cats a,
#featured-content .primary-section .entry-header .entry-title,
#featured-content .primary-section .entry-header .byline {
	position: relative;
	z-index: 1;
}

#featured-content .primary-section .entry-header .entry-title {
	font-size: 23px;
	font-size: 1.438rem;
	line-height: 1.6;
	margin: 1px 0;
	color: #ffffff;
	font-weight: bold;
}

#featured-content .primary-section .hentry:first-child .entry-header .entry-title {
	font-size: 36px;
	font-size: 2.25rem;
	line-height: 1.47;
	max-width: 35rem;
}

#featured-content .primary-section .entry-header .entry-title,
#featured-content .primary-section .entry-header .entry-footer {
	padding: 0 7px;
}

#featured-content .primary-section .entry-header .entry-title a,
#featured-content .primary-section .entry-header .byline {
	padding-top: 3px;
	padding-bottom: 3px;
}

#featured-content .primary-section .entry-header .entry-title a,
#featured-content .primary-section .entry-header .byline {
	background-color: rgba(0,0,0,0.85);
	-webkit-box-shadow: 7px 0 0 rgba(0,0,0,0.85), -7px 0 0 rgba(0,0,0,0.85);
	-moz-box-shadow: 7px 0 0 rgba(0,0,0,0.85), -7px 0 0 rgba(0,0,0,0.85);
	-ms-box-shadow: 7px 0 0 rgba(0,0,0,0.85), -7px 0 0 rgba(0,0,0,0.85);
	-o-box-shadow: 7px 0 0 rgba(0,0,0,0.85), -7px 0 0 rgba(0,0,0,0.85);
	box-shadow: 7px 0 0 rgba(0,0,0,0.85), -7px 0 0 rgba(0,0,0,0.85);
	box-decoration-break: clone;
}

#featured-content .primary-section .entry-header .byline {
	color: #c9c9c9;
}

/** Secondary section **/
#featured-content .secondary-section {
	padding: 0 30px;
	clear: both;
}

#featured-content .secondary-section .hentry {
	margin-top: 30px;
}

#featured-content .secondary-section .entry-header {
	width: 100%;
	padding-right: 20px;
}

#featured-content .secondary-section .entry-title {
	font-size: 16px;
	font-size: 1rem;
	margin: 0;
}

#featured-content .secondary-section .thumb-link,
#featured-content .secondary-section .entry-header {
	display: table-cell;
	vertical-align: middle;
}

#featured-content .secondary-section .thumb-link {
	display: block;
	line-height: 0;
	margin-right: 20px;
	width: 93px;
}

#featured-content .secondary-section .thumb-link .placeholder-image {
	display: inline-block;
}

#featured-content .secondary-section .thumb-link img,
#featured-content .secondary-section .thumb-link .placeholder-image {
	width: 93px;
	height: 93px;
	border-radius: 50%;
	border: 3px solid #ffffff;
	box-shadow: 0 0 2px rgba(0,0,0,0.09);
}

#featured-content .secondary-section .entry-footer {
	margin-top: 7px;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
#secondary {
	position: relative;
	width: 33.333333%;
	float: left;
	font-size: 14px;
	box-shadow: inset 15px 0 9px -15px rgba(0,0,0,0.08);
	border-left: 1px solid #e5e5e5;
	padding: 45px 35px;
	margin-left: -1px;
	z-index: 3;
}

.left-sidebar #secondary {
	float: right;
	border-left: none;
	border-right: 1px solid #e5e5e5;
	box-shadow: inset -15px 0 9px -15px rgba(0,0,0,0.08);
}

.hfeed #secondary {
	margin-left: -1px;
}

.left-sidebar #secondary {
	margin-right: -1px;
	margin-left: 0;
}

#secondary a {
	font-weight: bold;
	color: #000000;
}

#secondary a:hover,
#secondary .widget .widget-title {
	color: #333;
}

.widget {
	margin: 0 0 35px;
}

#secondary .widget {
	padding-bottom: 35px;
}

#secondary .widget:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.widget ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
	-webkit-padding-start: 0;
}

.widget .widget-title {
	margin: 0 0 13px;
	font-weight: 700;
	font-size: 20px;
}

.widget .avatar {
	border-radius: 50%;
}

.widget ul li,
.widget.widget_jp_blogs_i_follow ol li {
	padding-left: 1em;
}

.widget ul li:before,
.widget.widget_jp_blogs_i_follow ol li:before {
	content: '\f105';
	display: inline-block;
	width: 1em;
	margin-left: -1em;
}

#secondary .widget ul li,
#secondary .widget.widget_archive li,
#secondary .widget.widget_categories li,
#secondary .widget.widget_pages li,
#secondary .widget.widget_nav_menu li,
#secondary .widget.widget_recent_comments li,
#secondary .widget.widget_meta li,
#secondary .widget.widget_recent_entries li,
#secondary .widget.widget_recent_comments tr,
#secondary .widget.widget_links li,
#secondary .widget.widget_authors ul > li,
#secondary .widget.widget_goodreads div[class*="gr_custom_each_container"] {
	border-top: 1px dotted #e5e5e5;
	padding-top: 7px;
	margin-top: 7px;
}

#secondary .widget > ul > li:first-child,
#secondary .widget.widget_archive ul > li:first-child,
#secondary .widget.widget_categories ul:not(.children) > li:first-child,
#secondary .widget.widget_pages ul:not(.children) > li:first-child,
#secondary .widget.widget_nav_menu ul:not(.sub-menu) > li:first-child,
#secondary .widget.widget_recent_comments li:first-child,
#secondary .widget.widget_meta li:first-child,
#secondary .widget.widget_recent_entries li:first-child,
#secondary .widget.widget_recent_comments tr:first-child,
#secondary .widget.widget_links li:first-child,
#secondary .widget.widget_authors ul > li:first-child,
#secondary .widget.widget_goodreads div[class*="gr_custom_each_container"]:first-of-type {
	border-top: none;
	padding-top: 0;
}

#secondary .widget.widget_archive li,
#secondary .widget.widget_categories li,
#secondary .widget.widget_recent_entries .post-date,
#secondary .widget_tag_cloud a:hover,
#secondary .widget.wp_widget_tag_cloud a:hover,
#secondary .widget.widget_links {
	color: #757575;
}

.widget.widget_recent_entries li,
.widget.widget_recent_comments li {
	line-height: 1.55;
}

.widget.widget_recent_entries .post-date {
	display: block;
	margin-top: 2px;
	font-size: 85%;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

.widget.widget_calendar .table #next {
	text-align: right;
}

#secondary .widget_tag_cloud a,
#secondary .widget.wp_widget_tag_cloud a {
	background: #e8e8e8;
}

.widget_tag_cloud a,
.widget.wp_widget_tag_cloud a {
	display: inline-block;
	margin: 0 0 3px 0 !important;
	padding: 0 14px !important;
	line-height: 28px;
	font-weight: 300;
	background: rgba(255,255,255,0.08);
	border-radius: 1px;
	text-transform: uppercase;
	font-size: 11px !important;
}

.widget.widget_categories li .children,
.widget.widget_pages li .children {
	margin-left: 15px;
}

.widget.widget_authors,
.widget.widget_recent_comments,
.widget.widget_author_grid ul,
.widget.widget_top-posts .no-grav li,
.widget.widget_goodreads div[class*="gr_custom_each_container"] {
	overflow: hidden;
}

.widget.widget_authors > ul > li:before,
.widget.widget_author_grid li:before,
.widget.widget_wpcom_social_media_icons_widget li:before,
.widget.widget_jetpack_my_community li:before,
.widget.widget_jetpack_posts_i_like li:before,
.widget.widget_top-posts .no-grav li:before,
.widget.widget_eventbrite li:before {
	content: '';
	margin: 0;
	display: none;
}

.widget.widget_authors > ul > li,
.widget.widget_author_grid li,
.widget.widget_jetpack_posts_i_like li,
.widget.widget_eventbrite li,
.widget.widget_wpcom_social_media_icons_widget li {
	padding: 0;
}

.widget.widget_author_grid li,
.widget.widget_goodreads div[class*="gr_custom_book_container"],
.widget.widget_jetpack_posts_i_like .widgets-list-layout.no-grav .widgets-list-layout-links,
.widget.widget_top-posts .widgets-list-layout .widgets-list-layout-links {
	float: left;
}

/* Author widget */
.widget.widget_authors .avatar,
.widget.widget_authors li a strong {
	display: block;
}

.widget.widget_authors > ul > li,
#page .widget.milestone-widget {
	margin-bottom: 35px;
}

.widget.widget_authors > ul > li:last-child,
.widget.widget_text .textwidget :last-child,
.widget.widget_gravatar :last-child,
.widget.widget_jetpack_posts_i_like :last-child,
.widget .recentcommentsavatar.table {
	margin-bottom: 0;
}

.widget.widget_authors .avatar {
	margin-bottom: 20px;
	margin-top: 35px;
}

.widget.widget_authors li strong {
	color: #757575;
	font-size: 18px;
	font-size: 1.125rem;
	margin-bottom: 30px;
	font-weight: 400;
	line-height: 1;
}

/* Goodreads widget */
#page .widget.widget_goodreads div[class^="gr_custom_container"] {
	border: none;
	background: none;
	padding: 0;
	color: inherit;
}

.widget.widget_goodreads div[class*="gr_custom_each_container"]:last-child {
	border: none;
	padding: 0;
}

.widget.widget_goodreads div[class*="gr_custom_book_container"] {
	margin-right: 15px;
}

.widget.widget_goodreads div[class*="gr_custom_rating"] {
	line-height: 1;
	margin-bottom: 5px;
}

.widget.widget_goodreads div[class*="gr_custom_title"] {
	line-height: 1.4;
}

.widget.widget_goodreads div[class*="gr_custom_author"] {
	font-size: 12px;
	font-size: 0.75rem;
}

#page .widget.widget_goodreads div[class^="gr_custom_each_container"] {
	border-bottom: none;
}

#page .jetpack_widget_social_icons ul li,
#page .widget.widget_jetpack_my_community ul li,
#page .widget.widget_author_grid li,
#page .widget.widget_eventbrite .simpleTabsNavigation li,
#page .widget.widget_wpcom_social_media_icons_widget li {
	border-top: none;
	margin-top: 0;
	padding-top: 0;
}

/* Recent Comments (WordPress.com) */
.widget.widget_recent_comments td {
	border-top: none;
}

.widget.widget_recent_comments td.recentcommentsavatarend,
.widget.widget_recent_comments td.recentcommentsavatartop {
	padding: 13px 0;
}

.widget.widget_recent_comments td.recentcommentstextend {
	padding-top: 13px;
	padding-bottom: 13px;
}

.widget.widget_recent_comments .recentcommentsavatar tr:first-child td.recentcommentstextend,
.widget.widget_recent_comments .recentcommentsavatar tr:first-child td.recentcommentsavatartop {
	padding-top: 0;
}

.widget.widget_recent_comments .recentcommentsavatar tr:last-child td.recentcommentstextend,
.widget.widget_recent_comments .recentcommentsavatar tr:last-child td.recentcommentsavatarend,
#page .widget.widget_goodreads div[class^="gr_custom_each_container"] {
	padding-bottom: 0;
}

.widget.widget_jetpack_posts_i_like .widgets-list-layout.no-grav .widgets-list-layout-links,
.widget.widget_top-posts .widgets-list-layout .widgets-list-layout-links {
	margin-left: 10px;
}

/* flickr widget */
.widget.widget_flickr .table > tbody > tr > td {
	border: none;
	padding: 0;
	text-align: left;
}

#page .widget.widget_flickr #flickr_badge_wrapper {
	background: none !important;
	border: none;
}

#page .widget.widget_flickr #flickr_badge_wrapper,
#page .widget.widget_flickr #flickr_badge_uber_wrapper {
	margin: 0;
}

#page #flickr_badge_uber_wrapper a:link {
	color: #e91e63;
}

#page #flickr_badge_uber_wrapper a:hover,
#page #flickr_badge_uber_wrapper a:active,
#page #flickr_badge_uber_wrapper a:visited {
	color: #bd1f55;
}

#page .widget-area.footer-section #flickr_badge_uber_wrapper a:link,
#page .widget-area.footer-section #flickr_badge_uber_wrapper a:hover,
#page .widget-area.footer-section #flickr_badge_uber_wrapper a:active,
#page .widget-area.footer-section #flickr_badge_uber_wrapper a:visited {
	color: inherit;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.hentry .entry-cats {
	line-height: 1;
}

.hentry .entry-cats a {
	color: #ffffff;
	font-weight: 700;
	display: inline-block;
	line-height: 1.1;
	margin: 2px 2px 0 0;
	padding: 4px 8px;
	background: #E91E63;
	text-transform: uppercase;
}

.hentry .entry-title {
	font-weight: 900;
}

.hentry .entry-title a {
	color: inherit;
}

.hentry .entry-footer .byline {
	position: relative;
	padding-left: 15px;
}

.hentry .entry-footer .byline:before {
	content: "";
	position: absolute;
	top: 49.99999%; left: 0;
	border-top: 1px solid;
	width: 12px;
	opacity: 0.5;
}

.hentry .entry-footer .byline {
	display: inline-block;
	text-transform: uppercase;
	line-height: 1.2;
}

.hentry .entry-footer .byline a {
	font-weight: 700;
}

.hentry .entry-content > :last-child {
	margin-bottom: 0;
}

.archive-grid .hentry .entry-footer .posted-on,
#featured-content .hentry .entry-footer .posted-on {
	font-style: italic;
	padding-left: 15px;
}

.archive-grid .hentry .entry-footer,
.single .site-main .entry-header .entry-meta {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
}

.archive-grid .hentry .entry-title a,
.site-content .post-navigation .nav-title,
#featured-content .secondary-section .entry-title a {
	border-bottom: 1px solid transparent;
}

.archive-grid .hentry:hover .entry-title a,
.site-content .post-navigation a:hover .nav-title,
#featured-content .secondary-section .hentry:hover .entry-title a {
	border-bottom-color: inherit;
}

/*--------------------------------------------------------------
## Archive Row
--------------------------------------------------------------*/
.active-sidebar.blog .site-content,
.active-sidebar.archive .site-content,
.active-sidebar.search .site-content {
	background: #f5f5f5;
}

.hfeed.active-sidebar:not(.left-sidebar) .site-main {
	border-right: 1px solid #e5e5e5;
}

.hfeed.active-sidebar.left-sidebar .site-main {
	border-left: 1px solid #e5e5e5;
}

.archive-grid,
.archive-grid .hentry,
.archive-grid .hentry .entry-cats {
	position: relative;
}

.archive-grid .hentry {
	float: left;
	width: 33.3333333%;
	padding: 0 30px 80px;
	border-right: 1px solid #e5e5e5;
	height: 380px;
	margin-bottom: 0;
	background: #ffffff;
	overflow: hidden;
}

.archive-grid .hentry:nth-of-type(3n) {
	border-right: none;
}

.archive-grid .hentry .featured-image,
.archive-grid .hentry .thumb-link,
.archive-grid .hentry .entry-footer .byline {
	display: block;
}

.archive-grid .hentry .featured-image {
	height: 225px;
}

.archive-grid .hentry:hover .featured-image {
	opacity: 0.85;
}

.archive-grid .hentry .thumb-link {
	margin: 0 -30px 0;
}

.archive-grid .hentry:not(.has-post-thumbnail) .thumb-link {
	background: #eeeeee;
}

.archive-grid .hentry .entry-cats {
	margin-top: -23px;
	z-index: 1;
}

.archive-grid .hentry .entry-title {
	font-size: 18px;
	margin: 25px 0 0;
}

.archive-grid .hentry .entry-footer {
	position: absolute;
	bottom: 0; left: 0;
	width: 100%;
	padding: 19px 30px;
	color: #757575;
	line-height: 25px;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}

.archive-grid .hentry .entry-footer a {
	color: inherit;
}

.archive-grid .hentry .entry-footer .footer-meta {
	float: left;
	-webkit-flex: 2 0 0;
	flex: 2 0 0;
}

.archive-grid .hentry .entry-footer .more-link {
	float: right;
	text-align: right;
}

.archive-grid .hentry:hover .entry-footer .more-link {
	color: #000000;
}

.archive-grid .hentry .entry-footer .more-link:before {
	content: "\f105";
	display: inline-block;
	width: 25px;
	height: 25px;
	line-height: 23px;
	text-align: center;
	border: 1px solid;
	border-radius: 50%;
}

.archive-grid .hentry .entry-footer .posted-on {
	display: inline-block;
	font-size: 13px;
	font-size: 0.8125rem;
	margin-top: 3px;
}

/* Sticky Post */
.archive-grid .sticky {
	background: #f2e7b7;
}

.archive-grid .sticky .entry-footer {
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(242,231,184,1) 99%, rgba(242,231,183,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(242,231,184,1) 99%,rgba(242,231,183,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(242,231,184,1) 99%,rgba(242,231,183,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f2e7b7',GradientType=0 );
}

.archive-grid .sticky:not(.has-post-thumbnail) .thumb-link {
	background: #dcd3a9;
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.single .site-main .hentry,
.page .site-main .hentry {
	margin: 0;
	background: #ffffff;
}

.single .site-main .hentry .hentry-wrapper,
.page .site-main .hentry .hentry-wrapper {
	position: relative;
	max-width: 960px;
	padding: 45px 20px;
	margin: 0 auto;
	background: #ffffff;
	z-index: 2;
}

.single .site-main .hentry .entry-header,
.page .site-main .hentry .entry-header {
	padding-top: 60px;
	padding-bottom: 48px;
}

@media screen and (min-width: 992px) {
	.single .site-main .hentry.has-post-thumbnail .entry-header,
	.page .site-main .hentry.has-post-thumbnail .entry-header {
		margin-top: -160px;
		box-shadow: 0 -23px 25px rgba(0,0,0,0.1);
		border-left: 1px solid rgba(0,0,0,0.03);
		border-right: 1px solid rgba(0,0,0,0.03);
		border-radius: 1px;
		z-index: 4;
	}

	.single.active-sidebar .site-main .hentry.has-post-thumbnail .entry-header,
	.page.active-sidebar .site-main .hentry.has-post-thumbnail .entry-header {
		border-left-color: #e5e5e5;
		border-right-color: #e5e5e5;
	}

	.featured-image-wrap:before,
	.featured-image-wrap:after {
		content: "";
		position: absolute;
		left: 0;
		width: 100%;
		height: 100px;
		opacity: 0.8;
	}

	.featured-image-wrap:before {
		bottom: 0;
		background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 96%, rgba(0,0,0,0.65) 100%);
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 96%,rgba(0,0,0,0.65) 100%);
		background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 96%,rgba(0,0,0,0.65) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
	}

	.featured-image-wrap:after {
		bottom: -100px;
		background: -moz-linear-gradient(top,  rgba(229,229,229,1) 0%, rgba(255,255,255,1) 84%);
		background: -webkit-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 84%);
		background: linear-gradient(to bottom,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 84%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 );
	}
}

.single .site-main .hentry .hentry-inner,
.page .site-main .hentry .hentry-inner {
	padding-top: 0;
}

.featured-image-wrap .featured-image {
	display: block;
	height: 32rem;
}

.featured-image-wrap {
	position: relative;
	background: #000000;
	border-bottom: 1px solid #ffffff;
}

.single .site-main .entry-header .entry-title,
.page .site-main .entry-header .entry-title {
	word-wrap: normal;
	font-size: 52px;
	font-size: 3.25rem;
	line-height: 1.2;
	margin: 0;
}

.single .site-main .entry-header .entry-cats {
	margin-bottom: 30px;
}

.single .site-main .entry-header .entry-cats a {
	font-size: 13px;
	font-size: 0.8125rem;
	font-weight: 900;
	border-radius: 2px;
	line-height: 1.3;
	padding-top: 3px;
	padding-bottom: 3px;
}

.single .site-main .entry-header .entry-meta {
	margin-top: 33px;
	font-size: 14px;
	font-size: 0.875rem;
	color: #757575;
	font-weight: 700;
}

.single .site-main .entry-header .entry-meta a {
	color: inherit;
}

.single .site-main .entry-header .entry-meta img,
.single .site-main .entry-header .entry-meta .inner-meta,
.single .site-main .entry-header .comments-link {
	float: left;
}

.single .site-main .entry-header .entry-meta img {
	border-radius: 50%;
	width: 62px;
	height: 62px;
	margin-right: 18px;
}

.single.author-hidden .site-main .entry-header .entry-meta img {
	display: none;
}

.single .site-main .entry-header .inner-meta span {
	display: block;
}

.single .site-main .entry-header .inner-meta .byline {
	margin-top: 4px;
	margin-bottom: 2px;
	color: #000000;
	text-transform: uppercase;
}

.single .site-main .entry-header .inner-meta .byline a {
	font-weight: 900;
}

.single .site-main .entry-header .comments-link {
	position: relative;
	line-height: 54px;
	margin-left: 28px;
	padding-left: 28px;
	border-left: 1px solid #e5e5e5;
}

.single .site-main .entry-header .comments-link a {
	margin-left: 30px;
	position: relative;
}

.single .site-main .entry-header .comments-link:before {
	content: "\f0e5";
	position: absolute;
	top: -1px; left: 28px;
	font-size: 68px;
	color: #e5e5e5;
}

.single.author-hidden.date-hidden .site-main .entry-header .comments-link,
.single.author-hidden.date-hidden .site-main .entry-header .comments-link a {
	margin: 0;
}

.single.author-hidden.date-hidden .site-main .entry-header .comments-link {
	border: none;
}

.single.author-hidden.date-hidden .site-main .entry-header .comments-link:before {
	left: 0;
}

.site-main .hentry-inner .entry-summary {
	position: relative;
	font-size: 23px;
	font-size: 1.438rem;
	padding-bottom: 55px;
	margin-bottom: 35px;
	color: #000000;
	font-weight: 700;
	line-height: 1.55;
}

.site-main .hentry-inner .entry-summary:after {
	content: "..........................................";
	position: absolute;
	bottom: 0; left: 0;
	width: 100%;
	text-align: center;
	letter-spacing: 4px;
	color: #E91E63;
	overflow: hidden;
}

.single .site-main .entry-content span.dropcap,
.page .site-main .entry-content span.dropcap {
	font-size: 6.2em;
	font-weight: 900;
	line-height: 0.95;
	float: left;
	margin-right: 23px;
}

.single .site-main .entry-footer .entry-tags,
.entry-footer .edit-link a,
.page-links {
	text-transform: uppercase;
	font-weight: 900;
}

.page-links,
.page .entry-footer,
.single .entry-footer .edit-link,
.single .site-main .entry-footer .entry-tags {
	margin-top: 40px;
}

.single .site-main .entry-footer .entry-tags span,
.single .site-main .entry-footer .entry-tags a {
	margin-right: 8px;
}

.single .site-main .entry-footer .entry-tags a {
	color: #757575;
	font-weight: 700;
}

.single .site-main .entry-footer .entry-tags a:before {
	content: "#";
	padding-right: 1px;
}

.single .entry-content h1,
.page .entry-content h1,
.comments-area .comment-body h1,

.single .entry-content h2,
.page .entry-content h2,
.comments-area .comment-body h2,

.single .entry-content h3,
.page .entry-content h3,
.comments-area .comment-body h3,

.single .entry-content h4,
.page .entry-content h4,
.comments-area .comment-body h4,

.single .entry-content h5,
.page .entry-content h5,
.comments-area .comment-body h5,

.single .entry-content h6,
.page .entry-content h6,
.comments-area .comment-body h6 {
	margin-top: 42px;
	margin-bottom: 12px;
	font-weight: 900;
}

.single .entry-content h1,
.page .entry-content h1,
.comments-area .comment-body h1 {
	font-size: 2.5em;
}

.single .entry-content h2,
.page .entry-content h2,
.comments-area .comment-body h2 {
	font-size: 2.000em;
}

.single .entry-content h3,
.page .entry-content h3,
.comments-area .comment-body h3 {
	font-size: 1.611em;
}

.single .entry-content h4,
.page .entry-content h4,
.comments-area .comment-body h4 {
	font-size: 1.278em;
}

.single .entry-content h5,
.page .entry-content h5,
.comments-area .comment-body h5 {
	font-size: 1em;
}

.single .entry-content h6,
.page .entry-content h6,
.comments-area .comment-body h6 {
	font-size: 0.778em;
}

.entry-footer .edit-link a:before {
	content: "\f044";
	padding-right: 5px;
}

.entry-footer .edit-link {
	display: block;
	line-height: 1;
}

.entry-footer .edit-link a {
	color: #757575;
	background: #f5f5f5;
	display: inline-block;
	padding: 12px 17px;
	border-radius: 1px;
}

.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline-block;
}

.page-links {
	clear: both;
}

.page-links > span:not(.page-links-title) {
	background: #000000;
	color: #ffffff;
	font-weight: 400;
	border-radius: 1px;
}

.page-links > span:not(.page-links-title),
.page-links > a {
	margin: 0 0 0 10px;
}

 .page-links span:not(.page-links-title),
 .page-links a {
	 min-width: 32px;
	 text-align: center;
	 display: inline-block;
	 line-height: 30px;
	 height: 30px;
}

.page-links > a {
	background: #f5f5f5;
	color: #757575;
}

/*--------------------------------------------------------------
## Archive
--------------------------------------------------------------*/
.page-header,
.page-header .page-title,
.page-header .archive-description :last-child {
	margin: 0;
}

.page-header {
	padding: 35px 30px;
	color: #757575;
	border-bottom: 1px solid rgba(0,0,0,0.05);
	background: #f5f5f5;
}

.page-header .page-title {
	font-weight: 900;
	font-size: 23px;
	font-size: 1.438rem;
	color: inherit;
}

.page-header .page-title span,
.search:not(.search-no-results) .page-header .page-title,
.author .page-header .page-title {
	font-weight: 400;
	color: #a3a3a3;
}

.search .page-header .page-title span,
.author .page-header .page-title span {
	font-weight: 900;
	color: #757575;
}

.page-header .archive-description {
	margin-top: 10px;
	max-width: 42rem;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.6;
}

/*--------------------------------------------------------------
## Author Archive
--------------------------------------------------------------*/
.archive.author .page-header {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
}

.archive.author .page-header .header-inner {
	-webkit-flex: 2 0 0;
	flex: 2 0 0;
	float: left;
	width: 75%;
}

.archive.author .page-header .avatar {
	float: right;
	border: 3px solid #ffffff;
	border-radius: 50%;
	box-shadow: 0 0 2px rgba(0,0,0,0.09);
	width: 93px;
	height: auto;
	margin-left: 30px;
}

/*--------------------------------------------------------------
## Active Sidebar
--------------------------------------------------------------*/
.active-sidebar:not(.error404):not(.page-template-full-width-page) .content-area {
	float: left;
	width: 66.666666%;
}

.active-sidebar.left-sidebar:not(.error404):not(.page-template-full-width-page) .content-area {
	float: right;
}

.active-sidebar .archive-grid .hentry {
	    width: 49%;
    border-radius: 10px;
    margin: 3px 0 3px 6px;
    box-shadow: 0 1px 1px #ccc;
}

.active-sidebar .archive-grid .hentry:nth-of-type(3n) {
	border-right: 1px solid #e5e5e5;
}

.active-sidebar .archive-grid .hentry:nth-of-type(2n) {
	border-right: none;
}

.active-sidebar.single .site-main .entry-header .entry-title,
.active-sidebar.page .site-main .entry-header .entry-title {
	font-size: 45px;
	font-size: 2.8rem;
	line-height: 2.9rem !important;
	text-align:left;
}

/*--------------------------------------------------------------
## Author Bio
--------------------------------------------------------------*/
.entry-footer .entry-author {
	position: relative;
	margin-top: 60px;
	padding-top: 40px;
	border-top: 1px solid #e5e5e5;
	min-height: 156px;
	font-size: 16px;
	font-size: 1rem;
}

.entry-footer .entry-author .author-avatar .avatar {
	width: 116px;
	height: 116px;
	position: absolute;
	border-radius: 50%;
}

.entry-footer .entry-author .author-heading,
.entry-footer .entry-author .author-bio {
	padding-left: 151px;
}

.entry-footer .entry-author .author-bio {
	margin: 0;
	max-width: 50rem;
}

.entry-footer .entry-author .author-title {
	margin: 0 0 6px;
	font-size: 18px;
	font-weight: 900;
}

.single .entry-footer .entry-author .author-link {
	color: #757575;
	text-decoration: none;
	display: block;
	margin-top: 10px;
	font-weight: 700;
	text-transform: uppercase;
}

.single .entry-footer .entry-author .author-link:after {
	content: "\2192";
}



.highlander-dark #respond label {
	color: inherit;
}

/*--------------------------------------------------------------
# 404 Page / Not Forund Page
--------------------------------------------------------------*/
.not-found {
	padding: 90px 30px;
}

.not-found .page-header {
	background: none;
	border: none;
	padding: 0;
}

.not-found .page-title {
	color: #000000;
}

.not-found .page-content {
	margin-top: 40px;
}

.not-found .search-form {
	max-width: 40%;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer,
#infinite-handle span {
	display: block;
}

#infinite-handle {
	clear: both;
}

#infinite-handle,
.infinite-loader {
	text-align: center;
}

#page #infinite-handle span {
	border-radius: 0;
	background: #e5e5e5;
	padding: 11px 30px;
	font-weight: 900;
}

#page #infinite-handle button {
	text-transform: uppercase;
	color: #757575;
}

#page #infinite-handle button:hover {
	color: #000000;
}

#infinite-handle button:before {
	content: "\f021";
	padding-right: 12px;
}

.infinite-loader {
	padding: 21px 30px;
	position: absolute;
	bottom: 0;
	width: 100%;
}

.infinite-loader .spinner {
	top: 0 !important;
	left: 50% !important;
}

#infinite-footer {
	z-index: 99;
}

#infinite-footer .container {
	background: #ffffff;
	padding: 7px 30px;
	text-transform: uppercase;
}

#infinite-footer #infinity-blog-title {
	font-size: 16px;
	font-size: 1rem;
	font-weight: 900;
}

#infinite-footer .blog-credits {
	font-size: 10px;
	font-size: 0.625rem;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 2.188em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
	font-size: 14px;
	color: #757575;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.entry-gallery,
.gallery {
	margin-bottom: 2.188em;
}

.gallery {
	overflow: hidden;
}

.gallery-item {
	float: left;
	margin: 0 10px 10px 0;
	overflow: hidden;
	position: relative;
	width: auto;
	display: inline-block;
}

.gallery-item a {
	display: block;
	line-height: 0;
}

.gallery-columns-1 .gallery-item {
	max-width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 49.5%;
	max-width: -webkit-calc(50% - 10px);
	max-width: calc(50% - 10px);
}

.gallery-columns-3 .gallery-item {
	max-width: 33%;
	max-width: -webkit-calc(33.3% - 10px);
	max-width: calc(33.3% - 10px);
}

.gallery-columns-4 .gallery-item {
	max-width: 24.5%;
	max-width: -webkit-calc(25% - 10px);
	max-width: calc(25% - 10px);
}

.gallery-columns-5 .gallery-item {
	max-width: 19.5%;
	max-width: -webkit-calc(20% - 10px);
	max-width: calc(20% - 10px);
}

.gallery-columns-6 .gallery-item {
	max-width: 16%;
	max-width: -webkit-calc(16.66% - 10px);
	max-width: calc(16.66% - 10px);
}

.gallery-columns-7 .gallery-item {
	max-width: 13.5%;
	max-width: -webkit-calc(14.285% - 10px);
	max-width: calc(14.285% - 10px);
}

.gallery-columns-8 .gallery-item {
	max-width: 12%;
	max-width: -webkit-calc(12.5% - 10px);
	max-width: calc(12.5% - 10px);
}

.gallery-columns-9 .gallery-item {
	max-width: 10%;
	max-width: -webkit-calc(11.11% - 10px);
	max-width: calc(11.11% - 10px);
}

.gallery-columns-1 figure.gallery-item:nth-of-type(1n),
.gallery-columns-2 figure.gallery-item:nth-of-type(2n),
.gallery-columns-3 figure.gallery-item:nth-of-type(3n),
.gallery-columns-4 figure.gallery-item:nth-of-type(4n),
.gallery-columns-5 figure.gallery-item:nth-of-type(5n),
.gallery-columns-6 figure.gallery-item:nth-of-type(6n),
.gallery-columns-7 figure.gallery-item:nth-of-type(7n),
.gallery-columns-8 figure.gallery-item:nth-of-type(8n),
.gallery-columns-9 figure.gallery-item:nth-of-type(9n) {
	margin-right: 0;
}

.gallery-columns-1 figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-1 figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-2 figure.gallery-item:nth-of-type(2n+1),
.gallery-columns-3 figure.gallery-item:nth-of-type(3n+1),
.gallery-columns-4 figure.gallery-item:nth-of-type(4n+1),
.gallery-columns-5 figure.gallery-item:nth-of-type(5n+1),
.gallery-columns-6 figure.gallery-item:nth-of-type(6n+1),
.gallery-columns-7 figure.gallery-item:nth-of-type(7n+1),
.gallery-columns-8 figure.gallery-item:nth-of-type(8n+1),
.gallery-columns-9 figure.gallery-item:nth-of-type(9n+1) {
	clear: left;
}

.gallery-caption {
	background: rgba(0, 0, 0, 0.4);
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.26) 0%, rgba(0,0,0,0.59) 59%, rgba(0,0,0,0.65) 69%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.26)), color-stop(59%,rgba(0,0,0,0.59)), color-stop(69%,rgba(0,0,0,0.65)));
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.26) 0%,rgba(0,0,0,0.59) 59%,rgba(0,0,0,0.65) 69%);
	background: -o-linear-gradient(top,  rgba(0,0,0,0.26) 0%,rgba(0,0,0,0.59) 59%,rgba(0,0,0,0.65) 69%);
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.26) 0%,rgba(0,0,0,0.59) 59%,rgba(0,0,0,0.65) 69%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0.26) 0%,rgba(0,0,0,0.59) 59%,rgba(0,0,0,0.65) 69%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42000000', endColorstr='#a6000000',GradientType=0 );

	color: #ffffff;
	font-size: 11px;
	line-height: 1.2;
	position: absolute;
	bottom: 0; left: 0;
	height: 0;
	width: 100%;
	padding: 8px;
	margin: 0;
	visibility: hidden;
	opacity: 0;
}

.gallery-item:hover .gallery-caption {
	visibility: visible;
	opacity: 1;
	height: 30%;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

/*--------------------------------------------------------------
# Share Buttons & Related Posts
--------------------------------------------------------------*/
#page div.sharedaddy  {
	margin-top: 35px;
}

#page div.sharedaddy h3.sd-title,
#page #jp-relatedposts h3.jp-relatedposts-headline em {
	font-weight: 900;
	text-transform: uppercase;
}

#page div.sharedaddy h3.sd-title,
#page #jp-relatedposts h3.jp-relatedposts-headline {
	margin-bottom: 20px;
}

#page #jp-relatedposts h3.jp-relatedposts-headline em:before {
	display: none;
}

#page div.sharedaddy h3.sd-title:before {
	border: none;
	margin: 0;
}

#page .sd-social .sd-content ul {
	margin: 0 !important;
}

#page .sd-social-icon .sd-content ul li[class*='share-'] a {
	padding: 18px;
	text-shadow: 2px 2px rgba(0,0,0,0.05), 3px 3px rgba(0,0,0,0.05), 4px 4px rgba(0,0,0,0.05);
}

#page .sd-content ul li a.sd-button:before {
	font-size: 18px;
	font-size: 1.125rem;
}

#page .sd-content ul li {
	margin: 6px 6px 0 0;
}

.pd-rating {
	line-height: 1;
}

.pd-rating .rating-msg {
	font-size: 16px !important;
}

#page #jp-relatedposts .jp-relatedposts-items-visual.jp-relatedposts-list h4.jp-relatedposts-post-title,
#page #jp-relatedposts .jp-relatedposts-items-visual.jp-relatedposts-grid h4.jp-relatedposts-post-title,
#page #jp-relatedposts .jp-relatedposts-items-visual.jp-relatedposts-list .jp-relatedposts-post .jp-relatedposts-post-date,
#page #jp-relatedposts .jp-relatedposts-items-visual.jp-relatedposts-grid .jp-relatedposts-post .jp-relatedposts-post-date {
	margin-top: 10px;
}

#page #jp-relatedposts .jp-relatedposts-items-visual.jp-relatedposts-grid h4.jp-relatedposts-post-title,
#page #jp-relatedposts .jp-relatedposts-items-visual.jp-relatedposts-list h4.jp-relatedposts-post-title {
	line-height: 1.3;
}

#page #jp-relatedposts .jp-relatedposts-items-visual.jp-relatedposts-grid h4.jp-relatedposts-post-title {
	font-size: 16px;
}

#page #jp-relatedposts .jp-relatedposts-items-visual.jp-relatedposts-list h4.jp-relatedposts-post-title {
	font-size: 18px;
}

#page #jp-relatedposts .jp-relatedposts-items-visual.jp-relatedposts-grid .jp-relatedposts-post-title a,
#page #jp-relatedposts .jp-relatedposts-items-visual.jp-relatedposts-list .jp-relatedposts-post-title a {
	font-weight: 900;
	color: inherit;
}

#page #jp-relatedposts .jp-relatedposts-items-visual.jp-relatedposts-list .jp-relatedposts-post .jp-relatedposts-post-date,
#page #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a {
	font-weight: bold;
}

#page #jp-relatedposts,
#page #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post:last-child {
	margin-bottom: 0;
}

@media only screen and (max-width: 640px) {
	#page #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
		width: 100%;
		padding-right: 0;
	}

	#page #jp-relatedposts .jp-relatedposts-list .jp-relatedposts-post img.jp-relatedposts-post-img,
	#page #jp-relatedposts .jp-relatedposts-list h4.jp-relatedposts-post-title {
		max-width: 100%;
		margin-right: 0;
	}

	#page #jp-relatedposts .jp-relatedposts-items-visual.jp-relatedposts-list h4.jp-relatedposts-post-title {
		font-size: inherit;
	}

	#jp-relatedposts .jp-relatedposts-list h4.jp-relatedposts-post-title {
		float: none;
	}
}

#page #jp-relatedposts div.jp-relatedposts-items-visual .jp-relatedposts-post {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

#page #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post img.jp-relatedposts-post-img {
	margin-bottom: 10px;
}

/*--------------------------------------------------------------
# Recipe Shortcode
--------------------------------------------------------------*/
#page .jetpack-recipe {
	border-color: #e5e5e5;
	padding: 1% 6%;
	margin: 0 0 35px;
	box-shadow: 0 0 20px rgba(0,0,0,0.03);
}

#page .jetpack-recipe .jetpack-recipe-meta {
	color: #757575;
}

#page .jetpack-recipe-title {
	padding-bottom: 10px;
}

/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/
.mobile-view #masthead .mobile-menu {
	display: inline-block;
}

.mobile-view #masthead .main-navigation,
.mobile-view.single #sticky-header .sticky-left-col #sticky-menu,
.mobile-view #masthead .header-right-col .jetpack-social-navigation {
	display: none;
}

.mobile-view #masthead .header-right-col #header-search {
	margin-left: 20px;
	border-left: 1px solid #e5e5e5;
	padding-left: 20px;
}

@media screen and (max-width: 992px) {
	.active-sidebar #page .content-area,
	#page #secondary,
	.post-navigation .nav-previous,
	.post-navigation .nav-next {
		width: 100%;
	}

	#colophon .widget-area .widget,
	#colophon .widget-area .widget:nth-child(4n) {
		width: 50%;
	}

	#colophon .widget-area .widget:nth-child(2n+1) {
		clear: left;
	}

	.active-sidebar #page .content-area,
	#page #secondary {
		float: none;
	}

	#page #secondary {
		box-shadow: none;
		border: none;
		border-top: 1px solid #e5e5e5;
	}

	#masthead .main-navigation,
	.single #sticky-header .sticky-left-col #sticky-menu,
	#masthead .header-right-col .jetpack-social-navigation,
	#masthead .header-right-col .social-navigation,
	.site-content .post-navigation:before {
		display: none;
	}

	#masthead .mobile-menu {
		display: inline-block;
	}

	#sticky-header .sticky-left-col {
		display: table-cell;
		vertical-align: middle;
	}

	#page #masthead .header-left-col .site-branding {
		max-width: 100%;
		border: none;
	}

	#masthead .header-right-col #header-search {
		margin-left: 20px;
		border-left: 1px solid #e5e5e5;
		padding-left: 20px;
		font-size: 16px;
		font-size: 1rem;
	}

	.post-navigation .nav-previous,
	.post-navigation .nav-next {
		overflow: hidden;
		border-bottom: 1px solid #e5e5e5;
	}

	.post-navigation .nav-links > div:last-of-type {
		border-bottom: none;
	}
}

/* Tablet and Mobile */
@media only screen and (max-width:768px) {
	#masthead {
		text-align: center;
		padding-bottom: 0;
	}

	#masthead .header-left-col,
	#page .archive-grid .hentry,
	#featured-content .hentry,
	#featured-content .primary-section .hentry:first-child,
	#search-container .search-form,
	#colophon .widget-area .widget,
	#colophon .widget-area .widget:nth-child(4n),
	#colophon .footer-bottom .site-info,
	#colophon .footer-bottom .footer-navigation,
	blockquote.pull-left,
	blockquote.pull-right {
		width: 100%;
	}

	#page #masthead .header-left-col .site-branding,
	#page #masthead .header-left-col,
	#page #masthead .header-right-col,
	blockquote.pull-left,
	blockquote.pull-right {
		float: none;
	}

	#colophon .footer-bottom .site-info,
	#colophon .footer-bottom .footer-navigation,
	#masthead .header-right-col .mobile-menu {
		float: left;
	}

	blockquote.pull-left,
	blockquote.pull-right {
		margin-left: 0;
		margin-right: 0;
	}

	#colophon .footer-bottom .footer-navigation {
		text-align: inherit;
		margin-left: -21px;
	}

	#featured-content .primary-section .hentry .hentry-inner {
		height: 220px;
	}

	#featured-content .primary-section .hentry:first-child .hentry-inner {
		height: 340px;
	}

	#featured-content .secondary-section .hentry:nth-child(2n+1) {
		clear: both;
	}

	.single .site-main .hentry .hentry-wrapper,
	.page .site-main .hentry .hentry-wrapper,
	#page #secondary,
	{
		padding-left: 30px;
		padding-right: 30px;
	}

	#page blockquote {
		font-size: 18px;
		font-size: 1.125rem;
		text-align: inherit;
		font-style: italic;
		padding: 0 30px;
		border-left: 4px solid #E91E63;
		margin: 0 0 35px;
	}

	blockquote:before {
		display: none;
	}

	.archive-grid .hentry {
		min-height: 360px;
		height: auto;
		margin:3px 0 !important;
	}

	#masthead .header-right-col {
		border-top: 1px solid #e5e5e5;
		margin: 0 -30px;
		padding: 0 30px;
		width: auto;
	}

	#masthead .header-left-col .site-branding {
		padding: 0;
		margin-bottom: 23px;
	}

	#masthead .header-right-col .mobile-menu {
		margin-top: 0;
	}

	#masthead .header-right-col #header-search {
		padding-left: 30px;
	}

	#masthead .header-right-col #header-search,
	#masthead .header-right-col .mobile-menu {
		line-height: 44px;
	}

	#page #colophon .widget-area .widget {
		border: none;
	}
}

/* Mobile */
@media only screen and (max-width: 500px) {
	#sticky-header .hentry-title {
		font-size: 16px;
		font-size: 1rem;
	}

	.site-content .post-navigation .nav-title {
		font-size: 18px;
		font-size: 1.125rem;
	}

	#featured-content .primary-section .hentry:first-child .entry-header .entry-title {
		font-size: 23px;
		font-size: 1.438rem
	}

	.single #page .site-main .entry-header .entry-title,
	.page #page .site-main .entry-header .entry-title {
		font-size: 36px;
		font-size: 2.25rem;
	}

	

	#page #colophon .footer-top,
	#page #colophon .jetpack-social-navigation,
	#page #colophon .social-navigation {
		text-align: center;
	}

	#colophon .footer-branding,
	#colophon .jetpack-social-navigation,
	#colophon .social-navigation,
	#colophon .footer-branding .site-title,
	#colophon .footer-branding .site-description,
	.single .site-main .entry-header .comments-link,
	.single .site-main .entry-header .entry-meta {
		display: block;
	}

	#colophon .footer-branding,
	#colophon .jetpack-social-navigation,
	#colophon .social-navigation,
	#respond .comment-form-author,
	#respond .comment-form-email,
	.archive.author .page-header .header-inner {
		width: 100%;
	}

	#colophon .footer-top {
		padding-top: 25px;
		padding-bottom: 25px;
	}

	#colophon .jetpack-social-navigation,
	#colophon .social-navigation {
		margin-top: 20px;
		margin-left: -7px;
	}

	#respond .comment-form-author,
	#respond .comment-form-email,
	.single .site-main .entry-header .comments-link,
	.entry-content img.alignright,
	.entry-content img.alignleft,
	.entry-content .wp-caption.alignright,
	.entry-content .wp-caption.alignleft {
		float: none;
	}

	.entry-content img.alignright,
	.entry-content img.alignleft,
	.wp-caption {
		display: block;
		margin: 0 auto 2.188em;
	}

	#respond .comment-form-email,
	#respond .comment-form-author,
	#page .entry-footer .entry-author .author-heading,
	#page .entry-footer .entry-author .author-bio {
		padding-left: 0;
		padding-right: 0;
	}

	.entry-footer .entry-author .author-avatar .avatar {
		position: static;
		margin-bottom: 30px;
	}

	.custom-background #page {
		margin: 15px;
	}

	.custom-background #sticky-header {
		left: 15px; right: 15px;
	}

	.site-content .post-navigation a:before {
		height: 160px;
	}

	.archive.author .page-header .avatar,
	.single .site-main .entry-header .entry-meta img,
	.single .site-main .entry-header .comments-link:before {
		display: none;
	}

	.single #page .site-main .entry-header .comments-link,
	.single #page .site-main .entry-header .comments-link a {
		margin: 0;
	}

	.single #page .site-main .entry-header .comments-link {
		padding: 20px 0 0;
		clear: both;
		border: none;
		line-height: 1;
	}

	.single .site-main .hentry-inner .entry-summary:after,
	.page .site-main .hentry-inner .entry-summary:after {
		content: "..................";
	}

	#featured-content .primary-section .hentry:first-child .entry-header .entry-title {
		line-height: 1.6;
	}
}


/*--------------------------------------------------------------
Sticky Header fixes.
--------------------------------------------------------------*/
@media screen and (max-width: 480px) {
	.admin-bar #sticky-header.scroll-header {
		top: 0 !important;
	}
}

/*--------------------------------------------------------------
Hide smiley face at the bottom
--------------------------------------------------------------*/
#wpstats,
#botd,
#botd2 {
	display: none;
}

/*--------------------------------------------------------------
# Print
--------------------------------------------------------------*/
@media print {
	body {
		background: none !important;
		color: #000000;
		font-size: 12pt;
	}

	#page a:after {
		content: "";
	}

	.single .site-main .hentry .hentry-wrapper,
	.page .site-main .hentry .hentry-wrapper,
	.active-sidebar:not(.error404):not(.page-template-full-width-page) .content-area,
	blockquote.pull-left,
	blockquote.pull-right {
		width: 100%;
		max-width: 100%;
	}

	.single .site-main .hentry .hentry-wrapper,
	.page .site-main .hentry .hentry-wrapper {
		padding: 35px;
	}

	.single .site-main .entry-header .entry-title,
	.page .site-main .entry-header .entry-title {
		font-size: 28pt;
	}

	.single .site-main .hentry-inner .entry-summary,
	.page .site-main .hentry-inner .entry-summary {
		font-size: 14pt;
		padding-bottom: 0;
		margin-bottom: 35px;
	}

	.single .site-main .entry-content span.dropcap,
	.page .site-main .entry-content span.dropcap {
		font-size: 18pt;
		line-height: 1;
		margin-right: 13px;
	}

	.single .site-main .hentry .entry-header,
	.page .site-main .hentry .entry-header {
		padding-bottom: 0;
	}

	#masthead {
		box-shadow: none;
		padding: 0;
	}

	#masthead .header-left-col .site-branding {
		padding: 0;
		border: none;
	}

	#sticky-header,
	#toggle-sidebar,
	#secondary,
	.site-navigation,
	.header-right-col,
	
	#colophon,
	.sharedaddy,
	.jp-relatedposts,
	.post-navigation,
	.entry-footer,
	.mejs-container,
	.wp-playlist,
	.single .site-main .entry-header .entry-meta,
	.single .site-main .hentry-inner .entry-summary:after,
	.page .site-main .hentry-inner .entry-summary:after,
	.single .site-main .entry-header .entry-cats,
	.featured-image-wrap,
	.page-links {
		display: none;
	}

	#page blockquote {
		font-size: 12pt;
		padding: 0 30px;
		border-left: 4px solid #E91E63;
		margin: 0 0 35px;
		text-align: inherit;
	}

	blockquote.pull-left,
	blockquote.pull-right {
		margin-left: 0;
		margin-right: 0;
	}
}

/* Disable Auto Zoom in Input “Text” tag */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	select,
	textarea,
	input {
		font-size: 16px;
	}
}

/* MODS*/
.input-group-btn{ 
    margin: 20px 0;
    display: inline-block;
    text-align: center;
    width: 100%;
}
#recent-posts-3 { width: 336px;
    padding: 20px 20px;
    background-color: #f5f5f5;
    display: inline-block;
    text-align: left;
   }
	
.widget-area { text-align:center}


.advert{
	    border-bottom: 1px solid #ccc;
    margin: auto;
    width: 100%;
    display: inline-block;
    padding: 0 0 20px 0;
}

</style>    <style>body {
    background: none repeat scroll 0 0 #fff;
    color: #fff;

    font-weight: normal;
}
nav {
    /*background: none repeat scroll 0 0 #181818;*/
    position: relative;
}
a.logo {
    color: #fff;
    display: inline-block;
    font-size: 2.3rem;
    font-weight: 100;
    letter-spacing: -1px;
    padding: 0.55em;
}
a.logo span {
    color: #d12767;
}
header h1 {
    color: #637693;
    display: inline;
    font-size: 1rem;
    font-weight: 300;
    margin: 0;
    position: relative;
    top: -0.35rem;
}
.top-nav li a,
.top-nav li .mainmenu {
    font-size: 0.9rem;
    padding: 2rem 0.9rem;
}
.top-nav li a:hover,
.top-nav li .mainmenu:hover {
    background: none repeat scroll 0 0 #09c;
}
.top-nav .active-item a,
.top-nav .active-item .mainmenu,
.top-nav .active-item a:hover,
.top-nav .active-item .mainmenu:hover {
    background: none repeat scroll 0 0 #444;
}
.top-nav .active-item a,
.top-nav .active-item .mainmenu {
    background: none repeat scroll 0 0 #2a2a2a;
}
.top-nav .active-item a:hover,
.top-nav .active-item .mainmenu:hover {
    background-color: none repeat scroll 0 0 #09c !important;
}

.social {
    padding: 1.6rem;
}
.social i {
    color: #637693;
    transition: color 0.2s linear 0s;
    -o-transition: color 0.2s linear 0s;
    -ms-transition: color 0.2s linear 0s;
    -moz-transition: color 0.2s linear 0s;
    -webkit-transition: color 0.2s linear 0s;
}
.social i:hover {
    color: #fff;
}
section p {
    line-height: 1.2em;
}
.post-image img {
    margin: 0;
    opacity: 1;
    transition: opacity 0.2s linear 0s;
    -o-transition: opacity 0.2s linear 0s;
    -ms-transition: opacity 0.2s linear 0s;
    -moz-transition: opacity 0.2s linear 0s;
    -webkit-transition: opacity 0.2s linear 0s;
}
.post-date .date {
    font-size: 3rem;
}
.post-date .month {
    font-size: 1.6rem;
    margin-bottom: 1rem;
    margin-top: -0.7rem;
}
.post-date {
    font-weight: 100;
    opacity: 0.3;
    text-align: center;
    display: none;
}
.right-align .post-image {
    float: right;
}
.right-align .post-text {
    float: right;
    text-align: left;
}
.right-align .post-date {
    float: right;
    text-align: left;
}

.post-5 {
    background: none repeat scroll 0 0 #ad53b8;
}
.post-4 {
    background: none repeat scroll 0 0 #567ab8;
}
.post-3 {
    background: none repeat scroll 0 0 #d29337;
}
.post-2 {
    background: none repeat scroll 0 0 #0d7e71;
}
.post-1 {
    background: none repeat scroll 0 0 #2d95bb;
}
.aside-block {
    background: none repeat scroll 0 0 #fff;
    margin-bottom: 1.2r5em;
    padding: 2rem;
}
aside img {
    display: block;
    margin: 0;
}
aside h3 {
    color: #181818;
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 1.1;
    margin: 0 0 0.625rem;
}
aside p {
    color: #637693;
    font-size: 0.85rem;
}
.advertising {
    background: none repeat scroll 0 0 #fff;
    text-align: center;
}
footer {
    background: none repeat scroll 0 0 #2b2b2b;
    display: inline-block;
    margin-bottom: 0;
    margin-top: 1.25rem;
    padding: 1.7rem;
    position: relative;
    width: 100%;
}
footer p,
footer a,
footer a:link,
footer a:active,
footer a:visited {
    color: #fff;
    font-size: 0.9rem;
}

p.author {
    background: none repeat scroll 0 0 #f0f0f0;
    font-family: georgia;
    font-size: 0.8rem;
    font-style: italic;
    margin-top: 1.25rem;
    padding: 0.3125rem 0.625rem;
}
a.continue-reading,
form.customform button {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #181818;
    color: #181818;
    display: inline-block;
    font-size: 0.9rem;
    font-weight: 400;
    height: auto;
    margin-top: 1.25rem;
    padding: 0.625rem 1.25rem;
    transition: background 0.2s linear 0s;
    -o-transition: background 0.2s linear 0s;
    -ms-transition: background 0.2s linear 0s;
    -moz-transition: background 0.2s linear 0s;
    -webkit-transition: background 0.2s linear 0s;
}
form.customform button {
    margin-top: 0;
}
a.continue-reading:hover,
form.customform button:hover {
    background: none repeat scroll 0 0 #181818;
    color: #fff;
}
a.latest-posts {
    border-bottom: 1px solid #e0e0e0;
    display: block;
    margin-bottom: 1.25rem;
    padding-bottom: 1.25rem;
}
a.latest-posts:last-child {
    border: 0 none;
    margin: 0;
    padding: 0;
}
.advertising.horizontal {
    padding: 2rem;
}
address {
    font-style: normal;
}
address i.icon {
    background: none repeat scroll 0 0 #181818;
    border-radius: 30px;
    color: #fff;
    display: block;
    float: left;
    font-size: 0.8rem;
    height: 30px;
    line-height: 30px;
    margin-right: 0.625rem;
    position: relative;
    text-align: center;
    top: 4px;
    width: 30px;
}
address p {
    line-height: 2.5rem;
}
@media screen and (max-width: 800px) {
    a.logo {
        display: block;
        text-align: center;
    }
    head h1 {
        display: block;
        text-align: center;
    }
    header h1 {
        display: block;
        text-align: center;
        top: -1.5rem;
    }
    .nav-text {
        font-size: 2.5rem;
        line-height: 1rem;
        padding: 1rem 0.5rem 1.5rem;
        text-align: left;
    }
    .top-nav ul {
        float: none;
        text-align: center;
    }
    .top-nav li a,
    .top-nav li .mainmenu {
        background: none repeat scroll 0 0 #252525;
        border-top: 1px solid #444;
        border-bottom: 1px solid #111;
        color: #fff;
        display: block;
    }
    .social.right {
        float: none;
        text-align: center;
    }
    .right-align .post-text {
        text-align: left;
    }
    .right-align .post-date {
        text-align: center;
    }
    footer a.right {
        float: none;
        text-align: center;
    }
    footer {
        text-align: center;
    }
}

.breadcrumbs ul {
    padding: 0;
    list-style: none;
    color: #333;
}

.breadcrumbs ul li {
    display: inline;
    font-size: 14px;
}

.breadcrumbs ul li+li:before {
    padding: 1px;
    color: #333;
    content: "/\00a0";
}

.breadcrumbs ul li a {
    color: #0d7f99;
    font-weight: 500;
    text-decoration: none;
    padding: 5px;
}
.breadcrumbs ul li a:hover {
    text-decoration: underline;
}
@media screen and (max-width: 800px) {
    .breadcrumbs {
        text-align: center;
    }
}</style>
    <!--PAGE SPECIFIC OVERIDES-->
    <style id="custom-style">
        #aquene-style-wrapper .btn-secondary {
            font-size: 1em;
            border: none;
            background-color: #20bade;
            color: #fff;
            line-height: 1.42;
            padding: 6px 8px;
            text-transform: uppercase;
        }

        .page-header {
            padding: 0px 0px 5px;
        }

        .page-header img {
            margin-bottom: 20px;
        }

        .page-header .page-title {
            padding: 0 25px 0;
            display: inline-block;
            top: -0.35rem !important;
            font-weight: 300;
            font-size: 1.8rem;
            color: #333;
        }

        .page-header .page-title span {
            font-size: 1.1rem;
            font-weight: 300
        }

        .owl-carousel {
            min-height: 100px;
        }

        .owl-item img,
        .full-img {
            height: auto;
            width: 100%;
            object-fit: contain;
        }

        #owl-demo-tik .owl-item img,
        #owl-demo-tik .full-img {
            height: auto;
            width: 100%;
            object-fit: contain;
        }

        #owl-demo-tik {
            overflow: hidden;
            display: inline-block;
            white-space: nowrap;
            min-height: 100px;
        }

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

        .ticker {
            padding: 15px;
        }

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

        .ticker .blog .hptitle {
            float: right;
            width: 76%;
            white-space: normal;
        }

        .ticker .blog span {
            font-size: 11px;
        }

        #owl-demo-tik .item {
            margin: 0 8px 0 0 !important;
            display: inline-block;
            max-width: 100%;
            width: 25%;
            vertical-align: top;
        }

        #owl-demo-tik .owl-item .item {
            width: auto;
        }
        .lcp-image {
            max-width: calc(100% + 3px);
            height: 326px!important;
            width: auto!important;
        }
        .featured-image {
            overflow: hidden;
        }

        @media (max-width: 720px) {
            #owl-demo-tik .item {
                width: 100%;
            }

            .leaderboard-ad,
            .leaderboard-md-ad {
                min-height: 85px;
            }
        }
    </style>

    <title>WatchMojo Blog Category</title>
</head>

<body class="size-1280 archive category category- group-blog hfeed active-sidebar infinite-scroll">

    <!-- TOP NAV WITH LOGO -->
    
<div id="fb-root"></div>
<div id="overdiv"> </div>
<aside 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" rel="nofollow" href="/my/login/v2/login_with_google.php?r=https%3A%2F%2Fwww.watchmojo.com%2Fblog%2Fschool%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" rel="nofollow" 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></aside>
<div id="searchbox"> </div>


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

	#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;
    }
    .terrible-influence-mobile {
        display: block;
        min-height: 51px;
        width: 100%;
    }
    .terrible-influence-mobile img {
        margin: 0 auto;
    }
    #mainmenu nav {
        display: flex;
        align-items: center;
    }
    #mainmenu nav .top-nav {
        flex-grow: 1;
    }
	@media screen and (max-width: 1600px) {
        .terrible-influence-desktop {
            display: none!important;
        }
    }
    @media screen and (min-width: 1600px) {
        .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"}`;

            axios.post(url, jsonData).then(response => {
                // 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="/horror-community" target="_blank">
								<img class="lazy" loading="lazy" class="full-image" data-src="/2021/img/horror-community.webp?v2025-Q3.v3" 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="/horror-community" target="_blank">
            <img class="lazy" loading="lazy" class="full-image" data-src="/2021/img/horror-community.webp?v2025-Q3.v3" 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-Q3.v3";
        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 = `v22.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>

    <!-- BEGIN CONTENT -->
    <section id="aquene-style-wrapper">
        <div id="page" class="site container">
            <div id="content" class="site-content">
                <div id="primary" class="content-area">
                    <main id="main" class="site-main archive-grid clear" role="main">
                        <!--
                            <header class="page-header">
                          
                                
                                 <img src="/2016/img/Categories/Banners/blog.jpg">
                                     		
                            </header> .page-header -->

                                                    <article id="post-15432" class="post-15432 post type-post status-publish format-standard has-post-thumbnail hentry">
    <a href="/blog/2022/04/21/5-best-gifts-to-give-your-tech-savvy-younger-brother" class="thumb-link">
        <span class="featured-image has-background-cover has-animation">
            <img 
                id="lcp" loading="eager" fetchpriority="high" class="lcp-image"                src="https://watchmojo.blog/wp-content/uploads/2022/03/leuCp9ROoN4JR5EDnkTZ6f1CCiOcgKPw1647527884.jpg" 
                 
                alt="5 Best Gifts to Give Your Tech-Savvy Younger Brother" 
                height="225" 
                width="469" />
        </span>
    </a><!-- .thumb-link -->

    <div class="hentry-inner">
        <header class="entry-header primary-font">
            <div class="entry-cats">
                                    <a href="/blog/category/tech" rel="category tag">Tech</a> 
                                    <a href="/blog/category/family" rel="category tag">family</a> 
                            </div>
            <h2 class="entry-title"><a href="/blog/2022/04/21/5-best-gifts-to-give-your-tech-savvy-younger-brother" rel="bookmark">5 Best Gifts to Give Your Tech-Savvy Younger Brother</a></h2>		
        </header><!-- .entry-header -->

        <footer class="entry-footer clear">
            <div class="footer-meta">
                <span class="byline">By <a class="url fn n" href="/blog/author/mallory-knee">Mallory Knee</a></span><span class="posted-on"><time class="entry-date published updated">April 21, 2022</time></span>
            </div>
            <a class="more-link has-icon" href="/blog/2022/04/21/5-best-gifts-to-give-your-tech-savvy-younger-brother"><span class="screen-reader-text">Continue Reading</span></a>		
        </footer><!-- .entry-footer -->
    </div><!-- .hentry-inner -->
</article><!-- #post-## -->
                                                    <article id="post-15428" class="post-15428 post type-post status-publish format-standard has-post-thumbnail hentry">
    <a href="/blog/2022/04/21/why-did-the-plasma-tv-disappear-so-quickly" class="thumb-link">
        <span class="featured-image has-background-cover has-animation">
            <img 
                                data-src="https://watchmojo.blog/wp-content/uploads/2022/03/TVPartsforSale-152017-Plasma-TV-Disappear-image1.jpg" 
                class="lazy" 
                alt="Why Did the Plasma TV Disappear So Quickly?" 
                height="225" 
                width="469" />
        </span>
    </a><!-- .thumb-link -->

    <div class="hentry-inner">
        <header class="entry-header primary-font">
            <div class="entry-cats">
                                    <a href="/blog/category/tv" rel="category tag">TV</a> 
                            </div>
            <h2 class="entry-title"><a href="/blog/2022/04/21/why-did-the-plasma-tv-disappear-so-quickly" rel="bookmark">Why Did the Plasma TV Disappear So Quickly?</a></h2>		
        </header><!-- .entry-header -->

        <footer class="entry-footer clear">
            <div class="footer-meta">
                <span class="byline">By <a class="url fn n" href="/blog/author/mallory-knee">Mallory Knee</a></span><span class="posted-on"><time class="entry-date published updated">April 21, 2022</time></span>
            </div>
            <a class="more-link has-icon" href="/blog/2022/04/21/why-did-the-plasma-tv-disappear-so-quickly"><span class="screen-reader-text">Continue Reading</span></a>		
        </footer><!-- .entry-footer -->
    </div><!-- .hentry-inner -->
</article><!-- #post-## -->
                                                    <article id="post-15415" class="post-15415 post type-post status-publish format-standard has-post-thumbnail hentry">
    <a href="/blog/2022/04/08/outdoor-activities-to-try-on-your-next-vacation" class="thumb-link">
        <span class="featured-image has-background-cover has-animation">
            <img 
                                data-src="https://watchmojo.blog/wp-content/uploads/2022/03/KokopelliOutdoorsInc-150020-Outdoor-Activities-Vacation-image1.jpg" 
                class="lazy" 
                alt="Outdoor Activities To Try on Your Next Vacation" 
                height="225" 
                width="469" />
        </span>
    </a><!-- .thumb-link -->

    <div class="hentry-inner">
        <header class="entry-header primary-font">
            <div class="entry-cats">
                                    <a href="/blog/category/travel" rel="category tag">Travel</a> 
                            </div>
            <h2 class="entry-title"><a href="/blog/2022/04/08/outdoor-activities-to-try-on-your-next-vacation" rel="bookmark">Outdoor Activities To Try on Your Next Vacation</a></h2>		
        </header><!-- .entry-header -->

        <footer class="entry-footer clear">
            <div class="footer-meta">
                <span class="byline">By <a class="url fn n" href="/blog/author/mallory-knee">Mallory Knee</a></span><span class="posted-on"><time class="entry-date published updated">April 8, 2022</time></span>
            </div>
            <a class="more-link has-icon" href="/blog/2022/04/08/outdoor-activities-to-try-on-your-next-vacation"><span class="screen-reader-text">Continue Reading</span></a>		
        </footer><!-- .entry-footer -->
    </div><!-- .hentry-inner -->
</article><!-- #post-## -->
                                                    <article id="post-15423" class="post-15423 post type-post status-publish format-standard has-post-thumbnail hentry">
    <a href="/blog/2022/04/07/the-best-winter-vacation-spots-in-the-us" class="thumb-link">
        <span class="featured-image has-background-cover has-animation">
            <img 
                                data-src="https://watchmojo.blog/wp-content/uploads/2022/03/30ALocalPropertiesLLC-127846-Winter-Vacation-Spots-image1.jpg" 
                class="lazy" 
                alt="The Best Winter Vacation Spots in the US" 
                height="225" 
                width="469" />
        </span>
    </a><!-- .thumb-link -->

    <div class="hentry-inner">
        <header class="entry-header primary-font">
            <div class="entry-cats">
                                    <a href="/blog/category/travel" rel="category tag">Travel</a> 
                            </div>
            <h2 class="entry-title"><a href="/blog/2022/04/07/the-best-winter-vacation-spots-in-the-us" rel="bookmark">The Best Winter Vacation Spots in the US</a></h2>		
        </header><!-- .entry-header -->

        <footer class="entry-footer clear">
            <div class="footer-meta">
                <span class="byline">By <a class="url fn n" href="/blog/author/mallory-knee">Mallory Knee</a></span><span class="posted-on"><time class="entry-date published updated">April 7, 2022</time></span>
            </div>
            <a class="more-link has-icon" href="/blog/2022/04/07/the-best-winter-vacation-spots-in-the-us"><span class="screen-reader-text">Continue Reading</span></a>		
        </footer><!-- .entry-footer -->
    </div><!-- .hentry-inner -->
</article><!-- #post-## -->
                                                    <article id="post-15419" class="post-15419 post type-post status-publish format-standard has-post-thumbnail hentry">
    <a href="/blog/2022/04/06/top-filmmakers-who-started-late-in-life" class="thumb-link">
        <span class="featured-image has-background-cover has-animation">
            <img 
                                data-src="https://watchmojo.blog/wp-content/uploads/2022/03/GlideGear-109708-Top-Filmmakers-Started-image1.jpg" 
                class="lazy" 
                alt="Top Filmmakers Who Started Late in Life" 
                height="225" 
                width="469" />
        </span>
    </a><!-- .thumb-link -->

    <div class="hentry-inner">
        <header class="entry-header primary-font">
            <div class="entry-cats">
                                    <a href="/blog/category/film" rel="category tag">Film</a> 
                            </div>
            <h2 class="entry-title"><a href="/blog/2022/04/06/top-filmmakers-who-started-late-in-life" rel="bookmark">Top Filmmakers Who Started Late in Life</a></h2>		
        </header><!-- .entry-header -->

        <footer class="entry-footer clear">
            <div class="footer-meta">
                <span class="byline">By <a class="url fn n" href="/blog/author/mallory-knee">Mallory Knee</a></span><span class="posted-on"><time class="entry-date published updated">April 6, 2022</time></span>
            </div>
            <a class="more-link has-icon" href="/blog/2022/04/06/top-filmmakers-who-started-late-in-life"><span class="screen-reader-text">Continue Reading</span></a>		
        </footer><!-- .entry-footer -->
    </div><!-- .hentry-inner -->
</article><!-- #post-## -->
                                                    <article id="post-15397" class="post-15397 post type-post status-publish format-standard has-post-thumbnail hentry">
    <a href="/blog/2022/02/26/5-hobbies-you-can-turn-into-a-clever-career" class="thumb-link">
        <span class="featured-image has-background-cover has-animation">
            <img 
                                data-src="https://watchmojo.blog/wp-content/uploads/2022/02/CuttingEdgeSupply-155125-Hobbies-Clever-Career-image1-1.jpg" 
                class="lazy" 
                alt="5 Hobbies You Can Turn Into a Clever Career" 
                height="225" 
                width="469" />
        </span>
    </a><!-- .thumb-link -->

    <div class="hentry-inner">
        <header class="entry-header primary-font">
            <div class="entry-cats">
                                    <a href="/blog/category/lifestyle" rel="category tag">Lifestyle</a> 
                            </div>
            <h2 class="entry-title"><a href="/blog/2022/02/26/5-hobbies-you-can-turn-into-a-clever-career" rel="bookmark">5 Hobbies You Can Turn Into a Clever Career</a></h2>		
        </header><!-- .entry-header -->

        <footer class="entry-footer clear">
            <div class="footer-meta">
                <span class="byline">By <a class="url fn n" href="/blog/author/mallory-knee">Mallory Knee</a></span><span class="posted-on"><time class="entry-date published updated">February 26, 2022</time></span>
            </div>
            <a class="more-link has-icon" href="/blog/2022/02/26/5-hobbies-you-can-turn-into-a-clever-career"><span class="screen-reader-text">Continue Reading</span></a>		
        </footer><!-- .entry-footer -->
    </div><!-- .hentry-inner -->
</article><!-- #post-## -->
                                                    <article id="post-15391" class="post-15391 post type-post status-publish format-standard has-post-thumbnail hentry">
    <a href="/blog/2022/02/24/5-flyover-states-that-are-actually-worth-a-visit" class="thumb-link">
        <span class="featured-image has-background-cover has-animation">
            <img 
                                data-src="https://watchmojo.blog/wp-content/uploads/2022/01/AlienTechnologiesCorp-116104-States-Worth-Visit-image2.jpg" 
                class="lazy" 
                alt="5 Flyover States That Are Actually Worth a Visit" 
                height="225" 
                width="469" />
        </span>
    </a><!-- .thumb-link -->

    <div class="hentry-inner">
        <header class="entry-header primary-font">
            <div class="entry-cats">
                                    <a href="/blog/category/travel" rel="category tag">Travel</a> 
                            </div>
            <h2 class="entry-title"><a href="/blog/2022/02/24/5-flyover-states-that-are-actually-worth-a-visit" rel="bookmark">5 Flyover States That Are Actually Worth a Visit</a></h2>		
        </header><!-- .entry-header -->

        <footer class="entry-footer clear">
            <div class="footer-meta">
                <span class="byline">By <a class="url fn n" href="/blog/author/mallory-knee">Mallory Knee</a></span><span class="posted-on"><time class="entry-date published updated">February 24, 2022</time></span>
            </div>
            <a class="more-link has-icon" href="/blog/2022/02/24/5-flyover-states-that-are-actually-worth-a-visit"><span class="screen-reader-text">Continue Reading</span></a>		
        </footer><!-- .entry-footer -->
    </div><!-- .hentry-inner -->
</article><!-- #post-## -->
                                                    <article id="post-15381" class="post-15381 post type-post status-publish format-standard has-post-thumbnail hentry">
    <a href="/blog/2022/02/03/most-iconic-lamborghini-models-of-all-time" class="thumb-link">
        <span class="featured-image has-background-cover has-animation">
            <img 
                                data-src="https://watchmojo.blog/wp-content/uploads/2022/01/4C7TjbXLKONsEhk99tByiQFUfRK2asKW1643123436.jpg" 
                class="lazy" 
                alt="Most Iconic Lamborghini Models of All Time" 
                height="225" 
                width="469" />
        </span>
    </a><!-- .thumb-link -->

    <div class="hentry-inner">
        <header class="entry-header primary-font">
            <div class="entry-cats">
                                    <a href="/blog/category/cars" rel="category tag">cars</a> 
                            </div>
            <h2 class="entry-title"><a href="/blog/2022/02/03/most-iconic-lamborghini-models-of-all-time" rel="bookmark">Most Iconic Lamborghini Models of All Time</a></h2>		
        </header><!-- .entry-header -->

        <footer class="entry-footer clear">
            <div class="footer-meta">
                <span class="byline">By <a class="url fn n" href="/blog/author/mallory-knee">Mallory Knee</a></span><span class="posted-on"><time class="entry-date published updated">February 3, 2022</time></span>
            </div>
            <a class="more-link has-icon" href="/blog/2022/02/03/most-iconic-lamborghini-models-of-all-time"><span class="screen-reader-text">Continue Reading</span></a>		
        </footer><!-- .entry-footer -->
    </div><!-- .hentry-inner -->
</article><!-- #post-## -->
                                                    <article id="post-15376" class="post-15376 post type-post status-publish format-standard has-post-thumbnail hentry">
    <a href="/blog/2022/01/26/5-best-types-of-vehicles-for-off-roading" class="thumb-link">
        <span class="featured-image has-background-cover has-animation">
            <img 
                                data-src="https://watchmojo.blog/wp-content/uploads/2022/01/amoffroad-149140-vehicles-off-roading-image1.jpg" 
                class="lazy" 
                alt="5 Best Types of Vehicles for Off-Roading" 
                height="225" 
                width="469" />
        </span>
    </a><!-- .thumb-link -->

    <div class="hentry-inner">
        <header class="entry-header primary-font">
            <div class="entry-cats">
                                    <a href="/blog/category/travel" rel="category tag">Travel</a> 
                            </div>
            <h2 class="entry-title"><a href="/blog/2022/01/26/5-best-types-of-vehicles-for-off-roading" rel="bookmark">5 Best Types of Vehicles for Off-Roading</a></h2>		
        </header><!-- .entry-header -->

        <footer class="entry-footer clear">
            <div class="footer-meta">
                <span class="byline">By <a class="url fn n" href="/blog/author/mallory-knee">Mallory Knee</a></span><span class="posted-on"><time class="entry-date published updated">January 26, 2022</time></span>
            </div>
            <a class="more-link has-icon" href="/blog/2022/01/26/5-best-types-of-vehicles-for-off-roading"><span class="screen-reader-text">Continue Reading</span></a>		
        </footer><!-- .entry-footer -->
    </div><!-- .hentry-inner -->
</article><!-- #post-## -->
                                                    <article id="post-15361" class="post-15361 post type-post status-publish format-standard has-post-thumbnail hentry">
    <a href="/blog/2021/12/13/what-to-wear-to-your-first-country-music-concert" class="thumb-link">
        <span class="featured-image has-background-cover has-animation">
            <img 
                                data-src="https://watchmojo.blog/wp-content/uploads/2021/12/KhNa2cDfqcHtArRPt14VsSlv8axvKSMo1638572267.jpg" 
                class="lazy" 
                alt="What To Wear to Your First Country Music Concert" 
                height="225" 
                width="469" />
        </span>
    </a><!-- .thumb-link -->

    <div class="hentry-inner">
        <header class="entry-header primary-font">
            <div class="entry-cats">
                                    <a href="/blog/category/fashion" rel="category tag">Fashion</a> 
                            </div>
            <h2 class="entry-title"><a href="/blog/2021/12/13/what-to-wear-to-your-first-country-music-concert" rel="bookmark">What To Wear to Your First Country Music Concert</a></h2>		
        </header><!-- .entry-header -->

        <footer class="entry-footer clear">
            <div class="footer-meta">
                <span class="byline">By <a class="url fn n" href="/blog/author/mallory-knee">Mallory Knee</a></span><span class="posted-on"><time class="entry-date published updated">December 13, 2021</time></span>
            </div>
            <a class="more-link has-icon" href="/blog/2021/12/13/what-to-wear-to-your-first-country-music-concert"><span class="screen-reader-text">Continue Reading</span></a>		
        </footer><!-- .entry-footer -->
    </div><!-- .hentry-inner -->
</article><!-- #post-## -->
                        
                        <div id="dataResult"></div>

                        <div id="infinite-handle"><span><button>Older posts</button></span></div>
                    </main><!-- #main -->
                </div><!-- #primary -->

                <aside id="secondary" class="widget-area" role="complementary">
                    <section id="adwidget_htmlwidget-3" class="widget AdWidget_HTMLWidget">
                        <div style="text-align: center;">

                            <div class="advert" class="medrec-ad">
                                <!-- wm-336 -->
                                <div id='div-gpt-ad-1515447472938-1' class="google-advertisememt medrec-ad">
                                </div><span class='text-adv'>advertisememt</span>
                            </div>
                        </div>
                    </section>
                    <section id="recent-posts-3" class="widget widget_recent_entries">
                        <h3 class="widget-title">See your idea turn into a WatchMojo video</h3>
                        <p>
                            Despite what our t-shirts say,
                            WatchMojo will never run out of
                            ideas. That’s thanks largely to the
                            dedicated Mojoholics who use
                            our suggest tool. Do you have a
                            great idea for a top 10 list you’d
                            like to see made? Here’s how to
                            do it!
                        </p>
                        <span class="input-group-btn">
                            <a href="/suggest/" class="btn-secondary btn--small">Submit your suggestion</a>
                        </span>
                    </section>
                </aside><!-- #secondary -->
            </div><!-- #content -->
        </div><!-- #page -->
    </section>
    <!-- END CONTENT -->

    <!-- FOOTER -->
    <aside 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>
</aside>
<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 2026 | <a target="_blank" href="/corporate/copyright.php">Terms of Service</a> | <a target="_blank" href="/corporate/policy.php">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-Q3.v3";
        e.setAttribute('defer', '');
        t.parentNode.insertBefore(e, t);

        var e = document.createElement("script");
        e.src = "/2016/js/ajax_2017.js?2025-Q3.v3";
        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);

        //attentivemobile.com - Request from David Strauss
        var e = document.createElement("script");
        e.src = "https://iamgc.watchmojo.com/providers/atLabel/load";
        e.setAttribute('async', '');
        e.setAttribute('onError', `var fallbackScript = document.createElement('script'); fallbackScript.src='https://cdn.attn.tv/watchmojo/dtag.js'; document.head.appendChild(fallbackScript);`);
        e.async = true
        t.parentNode.insertBefore(e, t);

        var e = document.createElement("script");
        e.src = "/2021/js/jquery-3.5.0.min.js?2025-Q3.v3";
        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-Q3.v3";
            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-Q3.v3";
            e.setAttribute('defer', '');
            t.parentNode.insertBefore(e, t);

            var e = document.createElement("script");
            e.src = "/2021/common.js?2025-Q3.v31678921458";
            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-Q3.v3";
            e.rel = "stylesheet";

            var e = document.createElement("link");
            e.href = "/2021/css/fontawesome.min.css?2025-Q3.v3";
            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: false,
                    pagination: false
                });

                skip = 1;
                $("#infinite-handle").click(function() {
                    $.get("/my/blogCategory.php?categorySlug=fashion&blogPostTemplateOnly=1&skip=" + skip * 10, function(data) {

                        $("#dataResult").append(data);
                    });
                    skip += 1;
                });

                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-Q3.v3";
            e.rel = "stylesheet";

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

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

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

            var e = document.createElement("link");
            t.parentNode.insertBefore(e, t);
            e.href = "https://fonts.googleapis.com/css?family=Lato%3A400%2C400i%2C700%2C700i%2C900%2C900i&#038;subset=latin%2Clatin-ext%2Ccyrillic%2Ccyrillic-ext&display=swap";
            e.rel = "stylesheet";

            var e = document.createElement("link");
            t.parentNode.insertBefore(e, t);
            e.href = "/2016/css/watchmojo.blog.css?2025-Q3.v3";
            e.rel = "stylesheet";

            var e = document.createElement("link");
            t.parentNode.insertBefore(e, t);
            e.href = "/2016/css/jetpack.css?2025-Q3.v3";
            e.rel = "stylesheet";

            var e = document.createElement("link");
            t.parentNode.insertBefore(e, t);
            e.href = "/2016/css/font-awesome.css?2025-Q3.v3";
            e.rel = "stylesheet";

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

</html>