* {  
  -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;
    }
}