/*
Theme Name:     Rawpraise Theme
Theme URI:      https://rawpraise.ng
Description:    A custom WordPress theme by Engrhaydot for music website, optimized for SEO and speed, with custom post types for music, videos, and albums.
Version:        1.0
Author:         ENGRHAYDOT
Author URI:     https://rawpraise.ng
Text Domain:    Engrhaydot
License:        GNU General Public License v2 or later
License URI:    https://www.gnu.org/licenses/gpl-2.0.html
Tags:           custom-post-types, SEO, responsive, music, video
Tested up to:   6.7
Update Date:    2025-01-11
*/

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin:0;
  padding:0;
  border:0;
  font:inherit;
  vertical-align:baseline
}
ol,
ul {
  list-style:none
}
blockquote,
q {
  quotes:none
}
blockquote:after,
blockquote:before,
q:after,
q:before {
  content:'';
  content:none
}
table {
  border-collapse:collapse;
  border-spacing:0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display:block
}
body {
  line-height:2.5em;
}
html {
  text-rendering:optimizeLegibility!important;
  -webkit-font-smoothing:antialiased!important
}
body {
  font-size:15px;
  font-family:Arial,Helvetica,sans-serif;
  font-weight:400;
  line-height:20px;
  lline-height:2em;
  padding:0;
  margin:0 auto;
  color:#414141;
  background:#c7c7c7;
  background-repeat:repeat;
  min-width:0;
}
a {
  cursor:pointer
}
a:link,
.link {
  text-decoration:none;
  color:#03AED2
}
a:hover {
  text-decoration:underline;
  color:#176199
}
a.normal {
  color:#414141;
  cursor:pointer
}
a.normal label:hover,
a.normal:hover {
  color:#414141;
  text-decoration:none
}
a.normal:visited {
  color:#414141
}
body * {
  ffont-family:inherit
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom:18px;
  font:inherit;
  font-weight:700;
  line-height:1.62em
}
h1 {
  font-size:32px
}
h2 {
  font-size:24px
}
h3 {
  font-size:18px
}
h4 {
  font-size:16px
}
h5 {
  font-size:15px
}
h6 {
  font-size:14px
}
p {
  margin-bottom:20px;
  line-height:1.6em;
}
b,
strong {
  font-weight:700
}
blockquote {
  background:#f9f9f9;
  position:relative;
  color:#5b5b5b;
  margin:0 0 15px 40px;
  border-left:5px solid #ddd;
  padding:10px 8px 5px 14px
}
blockquote .quote-footer {
  margin-top:15px;
  margin-left:10px
}
blockquote .quote-author {
  font-weight:700;
  color:#414141
}
blockquote cite {
  font-style:normal
}
blockquote cite:before {
  content:"- "
}
table {
  width:100%;
  border-collapse:collapse;
  text-align:center;
  margin-bottom:24px
}
table tr:nth-child(even) {
  background:#f0f0f0
}
table table td,
table th {
  padding:6px 0
}
table th {
  font-weight:700
}
fieldset {
  border:#eee 1px solid;
  padding:2%
}
input[type=button],
input[type=reset],
input[type=submit] {
  display:inline-block;
  padding:8px 30px;
  font-size:18px;
  line-height:20px;
  box-shadow:none;
  background-color:transparent;
  font-family:inherit;
  font-weight:700;
  text-shadow:.3px .3px .3px #999;
  border:1px solid #000;
  color:#000;
  border-radius:0;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  -webkit-border-radius:none;
  -webkit-text-fill-color:none;
}
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  background-color:#000;
  color:#ffffff;
  cursor:pointer;
  text-shadow:.5px .5px .5px rgba(0,0,0,.4)
}
input[type=button] input[type=button]:focus,
input[type=button] input[type=reset]:focus,
input[type=button] input[type=submit]:focus,
input[type=reset] input[type=button]:focus,
input[type=reset] input[type=reset]:focus,
input[type=reset] input[type=submit]:focus,
input[type=submit] input[type=button]:focus,
input[type=submit] input[type=reset]:focus,
input[type=submit] input[type=submit]:focus,
select:focus {
  border:none;
  bbackground-color:#004a00;
  color:#ffffff;
}
input[type=button] input[type=submit],
input[type=reset] input[type=submit],
input[type=submit] input[type=submit] {
  padding:10px 30px;
  background-color:#000
}
input[type=number],
input[type=password],
input[type=text],
select,
textarea {
  width:95%;
  padding:8px;
  box-shadow:#f0f0f0 0 1px 3px inset;
  background:#f5f5f5;
  border:#dedede 1px solid
}
input[type=number]:focus,
input[type=password]:focus,
input[type=text]:focus,
select:focus,
textarea:focus {
  box-shadow:#eee 0 1px 3px inset;
  background:#ffffff;
  color:#333;
  background-repeat:no-repeat
}
textarea {
  font-size:15px
}
hr {
  border:none;
  border-top:#eee 1px solid
}
dt {
  font-weight:700;
  margin-bottom:24px
}
dd {
  margin-left:30px;
  margin-bottom:24px
}
ul {
  list-style-type:disc;
  margin-left:30px;
  margin-bottom:24px
}
ol li,
ul li {
  margin-top:4px;
  padding:4px 0
}
ul ul {
  list-style-type:square;
  margin-bottom:0
}
ul ul ul {
  list-style-type:circle
}
ol {
  list-style-type:decimal;
  margin-left:30px;
  margin-bottom:24px
}
ol ol {
  list-style:upper-alpha;
  margin-bottom:0
}
ol ol ol {
  list-style:lower-roman
}
ol ol ol ol {
  list-style:lower-alpha
}
address {
  font-size:14px;
  font-style:italic;
  margin-bottom:16px
}
code {
  font-family:Monaco,Consolas,"Lucida Console","Bitstream Vera Sans Mono",monospace
}
kbd,
tt {
  font-family:monospace
}
abbr,
acronym {
  border-bottom:#999 1px dotted;
  cursor:help
}
big {
  font-size:1.3em
}
cite,
em {
  font-style:italic
}
ins {
  background:#eee;
  text-decoration:none
}
pre {
  padding:15px;
  background:#f5f5f5;
  border:#ccc 1px dashed;
  font-family:Monaco,Consolas,"Lucida Console","Bitstream Vera Sans Mono",monospace;
  font-size:14px;
  line-height:20px;
  margin-bottom:16px;
  overflow:auto;
  white-space:pre
}
q {
  quotes:inherit
}
q:before {
  content:open-quote
}
q:after {
  content:close-quote
}
strong {
  font-weight:700
}
sub,
sup {
  height:0;
  line-height:1;
  vertical-align:baseline;
  position:relative;
  font-size:10px
}
sup {
  bottom:1ex
}
sub {
  top:.5ex
}
img,
video {
  max-width:90%;
  height:auto
}
video {
  display:block
}
audio {
  max-width:100%
}
#right-col {
  width:35%;
  float:left;
  margin-left:-35%;
  overflow:hidden;
  position:relative;
  z-index:12
}
#left-col {
  display:none;
  position:relative;
  z-index:12
}
#main-wrapper {
  width:100%;
  float:left;
  padding-bottom: 20px;
}
#contents-column {
  padding:0;
  margin:0 35% 0 0;
  background-color:rgba(245,245,245,.2);
  overflow-x:auto;
  word-wrap:break-word;
  position:relative;
  z-index:12;
  width: 748px;
}
.content-width {
  width:auto;
  max-width:1150px;
  margin:0 auto
}
.content-width.main-content {
  position:relative;
  z-index:11
}
.content-width.in-header {
  min-width:0;
  position:relative
}
#bg-ad-link {
  display:block;
  width:100%;
  height:100%;
  min-height:100%;
  max-height:100%;
  position:fixed;
  z-index:10;
  text-indent:-9999px;
  margin:0;
  padding:0;
  top:0;
  left:0;
  background-repeat:repeat;
  background-attachment:fixed
}
#bg-ad-link img {
  width:100%;
  height:100%;
  min-height:100%;
  min-width:100%
}
::-webkit-scrollbar {
  width:13px;
  height:13px
}
::-webkit-scrollbar-track {
  box-shadow:inset 0 0 6px transparent
}
::-webkit-scrollbar-track-piece {
  background:#ffffff;
  border-radius:2px;
  border:1px solid #000
}
::-webkit-scrollbar-thumb {
  bbackground:#2bc4bf;
  background:#000;
  box-shadow:inset 0 0 6px transparent;
  border-radius:2px;
  border:1px solid rgba(255,255,255,0)
}
::-webkit-scrollbar-thumb:hover {
  background:#000
}
::-webkit-scrollbar-thumb:window-inactive {
  bbackground:#006775
}

#main-header-contacts {
  background-color:#151515;
  color:#ffffff;
  text-shadow:.5px .5px .5px rgba(0,0,0,.4);
  font-weight:400;
  position:relative;
  z-index:12
}
#main-header-contacts ul {
  list-style-type:none;
  margin:0;
  padding:0;
  float:right;
  height:20px;
  font-size:14px;
  line-height:20px
}
#main-header-contacts ul li {
  float:left;
  margin:0;
  padding:0 8px;
  height:18px
}
#main-header-contacts ul li a {
  display:block
}
#main-header-contacts ul li .is-rs {
  color:#f60
}
#main-header-contacts ul li .is-fb {
  color:#3b8a98
}
#main-header-contacts ul li .is-tw {
  color:#55acee
}
#main-header-contacts ul li .is-gp {
  color:#dd4b39
}
#main-header-contacts ul li .is-ig {
  color:#125688
}
#main-header-contacts ul li .is-wa {
  color:#4dc247
}
#main-header-contacts ul li .is-yt {
  color:#b00
}
#main-header {
  text-align:center;
  background-color:#151515;
  color:#ffffff;
  height:100px;
  position:relative;
  z-index:999;
  top:0;
  left:0;
  width:100%
}
#main-header #main-header-container {
  display:table;
  width:100%;
  height:100px
}
#main-header #site-logo {
  display:table-cell;
  width:22%;
  vertical-align:middle;
  background-color:#151515;
  text-align:left;
}
#main-header #site-logo a img {
  padding:0 10px;
}
#main-header #main-header-actions {
  display:table-cell;
  width:22%;
  vertical-align:middle
}
#main-header #main-header-nav {
  display:table-cell;
  width:78%;
  vertical-align:middle;
  padding:0;
  margin:0;
  background-color:#151515;
  font-family:sans-serif;
}
#main-header #main-header-nav ul {
  list-style-type:none;
  margin:0;
  padding:0;
  float:right;
  height:100px
}
#main-header #main-header-nav ul li {
  padding:0;
  margin:0;
  position:relative;
  z-index:12;
  float:left;
  height:97px;
  line-height:97px;
  border-bottom:3px solid #fff
}
#main-header #main-header-nav ul li.active {
  border-bottom-color:#03AED2
}
#main-header #main-header-nav ul li a {
  display:block;
  padding:0 15px;
  text-transform:uppercase;
  color:#ffffff;
  text-shadow:.5px .5px .5px rgba(0,0,0,.4)
}
#main-header #main-header-nav ul li a:hover {
  text-decoration:none
}
#main-header #main-header-nav ul li a .caret {
  font-size:60%
}
#main-header #main-header-nav ul li ul {
  position:absolute;
  visibility:hidden;
  opacity:0;
  transform:translateY(-2em);
  z-index:-1;
  transition:all .3s ease-in-out 0s,visibility 0s linear .3s,z-index 0s linear 10ms
}
#main-header #main-header-nav ul li ul li {
  float:none;
  display:block;
  text-align:left;
  white-space:nowrap;
  background-color:#151515;
  margin:0
}
#main-header #main-header-nav ul li:hover ul {
  visibility:visible;
  opacity:1;
  z-index:1;
  transform:translateY(0);
  transition-delay:0s,0s,.3s
}
#main-header #main-header-nav ul li .wrap {
  background-color:#fff
}
#main-header #main-header-nav ul li:hover ul.multi {
  background-color:#151515;
  margin:0
}
#main-header #main-header-nav ul li:hover ul.multi li ul {
  visibility:hidden;
  opacity:0;
  z-index:-1;
  position:absolute;
  left:100%;
  transform:translateX(-2em);
  top:0
}
#main-header #main-header-nav ul li:hover ul.multi li:hover ul {
  visibility:visible;
  opacity:1;
  z-index:1;
  transform:translateX(0)
}
#main-header #main-header-nav ul:hover li.active {
  border-bottom-color:#fff
}
#main-header #main-header-nav ul li:hover,
#main-header #main-header-nav ul:hover li.active:hover {
  border-bottom-color:#176199
}
#main-header #header-search-form {
  position:absolute;
  display:none;
  padding:0;
  margin:0;
  width:100%;
  height:100%;
  z-index:13;
  top:0;
  left:0;
  background-color:#ffffff;
  overflow-x:hidden
}
#main-header #header-search-form .col {
  display:block;
  height:100%;
  text-align:center;
  border:none
}
#main-header #header-search-form .the-input {
  position:absolute;
  top:0;
  right:100px;
  left:0;
  margin:0;
  padding:0 18px;
  text-align:left;
  font-size:1.5em;
  line-height:1.5em;
  max-width:none;
  min-width:0;
  box-shadow:none
}
#main-header #header-search-form .the-input:focus {
  border:none
}
#main-header #header-search-form .the-submit {
  width:50px;
  background:0 0;
  position:absolute;
  right:50px;
  top:0;
  cursor:pointer
}
#main-header #header-search-form .the-close {
  width:50px;
  position:absolute;
  right:0;
  top:0;
  cursor:pointer
}
#main-header #log-reg-container ul {
  list-style-type:none;
  display:none;
  margin:0;
  padding:0;
  text-align:center
}
#main-header #log-reg-container ul li {
  position:relative;
  font-weight:700;
  background-color:#f5f5f5;
  display:inline-block;
  padding:5px 20px;
  margin:0 7px;
  border:1px solid #444;
  line-height:20px
}
#main-header #main-header-nav ul li ul li {
  height:47px;
  line-height:47px
}
#main-header.logged-in {
  height:130px
}
#main-header.now-sticky {
  height:70px;
  position:fixed;
  top:0
}
#main-header.logged-in.now-sticky #main-header-container {
  height:60px!important;
}
#main-header.now-sticky #main-header-nav ul,
#main-header.now-sticky #site-logo img {
  margin-bottom:-40px;
}
#main-header.logged-in.now-sticky #main-header-nav ul,
#main-header.logged-in.now-sticky #site-logo img {
  margin-bottom:-10px;
}
#main-header.logged-in.now-sticky #site-logo img {
  padding-top:10px;
}
#main-header.now-sticky #site-logo img {
  max-height:70px;
  padding-bottom:10px;
}
#main-header.now-sticky #main-header-container {
  height:50px
}
#main-header.now-sticky #main-header-nav ul {
  height:50px
}
#main-header.now-sticky #main-header-nav ul li {
  height:47px;
  line-height:47px
}
#main-header .mob-nav-button {
  display:none
}
#main-header.logged-in.now-sticky {
  height:90px
}
#main-header.now-sticky #main-header-nav ul li {
  border-bottom-color:#151515;
}
#main-header.now-sticky #main-header-nav ul li.active {
  border-bottom-color:#fff
}
header#page-header {
  background-color:#000;
  margin-top:0;
  padding:30px;
  padding-bottom:0;
  text-align:center;
  position:relative;
  z-index:1;
}
header#page-header h1#page-title {
  padding:20px;
  font-size:22px;
  line-height:22px;
  color:#ffffff;
  text-shadow:2px 2px 2px rgba(0,0,0,.4)
}
header#page-header #bbm-block {
  font-size:18px;
  font-weight:700;
  line-height:26px;
  background-color:#ffffff;
  display:inline-block;
  padding:7px 10px;
  overflow:hidden;
  max-width:90%
}
header#page-header #bbm-block .the-link {
  display:inline-block;
  background-color:#333;
  color:#ffffff;
  padding:5px 8px;
  margin-left:7px
}
header#page-header #bbm-block .the-whatsapp {
  display:block;
  color:#4dc247;
  background-color:#ffffff;
  padding:5px 8px;
  font-weight:700;
  font-size:110%;
  text-shadow:1px 1px 0 #333
}
nav#main-header #logged-in-bar {
  height:30px;
  overflow:hidden;
  background-color:#000;
  font-weight:700;
  line-height:22px;
  text-align:left
}
nav#main-header #logged-in-bar a {
  color:#00fe00
}
nav#main-header #logged-in-bar .the-user-url {
  display:inline-block;
  padding:3px 0 0 10px;
  float:left;
  vertical-align:middle
}
nav#main-header #logged-in-bar .the-user-actions {
  display:inline-block;
  float:right;
  vertical-align:middle
}
nav#main-header #logged-in-bar .the-user-actions ul {
  margin:0
}
nav#main-header #logged-in-bar .the-user-actions li {
  float:left;
  list-style:none;
  padding:0;
  padding-left:15px
}
nav#main-header #logged-in-bar .the-user-actions li:nth-last-of-type(1) {
  padding-right:15px
}
nav#main-header #logged-in-bar .the-user-actions li .counter {
  color:#000;
  padding:1px 5px;
  font-size:70%;
  position:relative;
  top:-6px;
  background-color:#f5f5f5
}
#breadcrumbs {
  margin:0 0 0px;
  padding:13px;
  color:#666;
  background-color:#fff;
  border-bottom:1px solid rgba(0,0,0,0.1);
}
#breadcrumbs div {
  display:inline
}
#breadcrumbs a {
  color:#666
}
h1.title,
h2.title {
  position:relative;
  font-size:2em;
  font-weight:700;
  padding:6px 20px 6px 28px;
  margin:0 0 10px -15px;
  color:#ffffff;
  color:#ffffff;
  background:#090;
  text-shadow:0 1px 2px #000;
  -webkit-box-shadow:0 2px 4px #888;
  -moz-box-shadow:0 2px 4px #888;
  box-shadow:0 2px 4px #888
}
h1.title:after,
h2.title:after {
  content:' ';
  position:absolute;
  width:0;
  height:0;
  left:0;
  top:100%;
  border-width:5px 4px;
  border-style:solid;
  border-color:#666 #666 transparent transparent
}
h1.title:before,
h2.title:before {
  content:' ';
  position:absolute;
  width:0;
  height:0;
  right:-2px;
  top:0;
  border-color:transparent #fff transparent transparent
}
header#main-header.logged-in {
  height:90px
}
.clear {
  clear:both;
  display:block;
  overflow:hidden;
  visibility:hidden;
  width:0;
  height:0
}
.clear:after {
  clear:both;
  content:' ';
  display:block;
  font-size:0;
  line-height:0;
  visibility:hidden;
  width:0;
  height:0
}
footer#main-footer {
  background-color:#3d3d3d;
  color:#999;
  position:relative;
  z-index:11;
  clear:left
}
footer#main-footer a {
  color:#999;
  font-weight:700;
  text-shadow:.5px .5px .5px #000
}
footer#main-footer strong {
  text-shadow:.5px .5px .5px #000
}
footer#main-footer .slots-container {
  text-align:center
}
footer#main-footer .slots-container .slot {
  display:inline-block;
  margin:0 5px;
  vertical-align:top;
  width:23%;
  text-align:left
}
footer#main-footer .slots-container .slot:nth-of-type(1) {
  border:none
}
footer#main-footer .slots-container .slot .slot-header {
  font-size:1.5em;
  line-height:1.5em;
  padding:10px 15px;
  border-bottom:2px solid #999;
  text-shadow:2px 2px 2px #000;
  font-weight:700
}
footer#main-footer .slots-container .slot .slot-content {
  border-left:2px solid #999;
  padding:10px
}
footer#main-footer .slots-container .slot .slot-content ul {
  list-style-type:square
}
footer#main-footer .credits {
  padding:13px 10px;
  text-align:right;
  font-size:90%
}
footer#main-footer .page-gen-time {
  padding:13px 10px;
  text-align:center;
  font-size:80%
}
footer#main-footer .copyright {
  text-align:center;
  padding:10px;
  border-top:1px solid #858585
}
.slide-content-con {
  background:#000;
  background:-webkit-radial-gradient(circle,#dedede,#000);
  background:-o-radial-gradient(circle,#dedede,#000);
  background:-moz-radial-gradient(circle,#dedede,#000);
  background:radial-gradient(circle,#dedede,#000);
  position:relative;
  z-index:12
}
.slide-content-con .slide-content-inner,
.slide-content-con div.scrollWrapper {
  width:100%;
  overflow:auto
}
.slide-content-con .slide-content {
  display:flex;
  flex-direction:row;
  overflow-x:auto
}
.slide-content-con div.scrollableArea {
  margin:0;
  padding:0;
  position:relative;
  height:350px
}
.slide-content-con div.scrollableArea .slide-content {
  display:block
}
.slide-content-con .featured-bc {
  width:400px;
  max-height:350px;
  min-width:400px;
  margin-left:-100px;
  position:relative;
  float:left;
  display:block
}
.slide-content-con .featured-bc .featured-bc-img {
  width:300px;
  overflow-x:hidden;
  height:350px;
}
.slide-content-con .featured-bc .featured-bc-img a {
  padding:0;
  margin:0;
  display:block;
  width:300px;
  height:350px;
  max-height:350px
}
.slide-content-con .featured-bc .featured-bc-img img {
  width:300px;
  height:350px;
  max-width:300px;
  max-height:350px;
  padding:0;
  margin:0;
  display:block
}
.slide-content-con .featured-bc .featured-bc-excerpt {
  display:none
}
.slide-content-con .featured-bc .featured-bc-head {
  position:absolute;
  left:0;
  bottom:0;
  display:block;
  margin-right:100px;
  padding:10px;
  background:rgba(0,0,0,.6);
  text-shadow:1px 1px 1px #333
}
.slide-content-con .featured-bc .featured-bc-head h3 {
  font-size:20px;
  line-height:24px
}
.slide-content-con .featured-bc .featured-bc-head h3 a {
  color:#fff
}
.slide-content-con .featured-bc:nth-of-type(1) {
  margin-left:0
}
.slide-content-con .featured-bc:nth-last-of-type(1) .featured-bc-head {
  margin-right:0
}
.slide-content-con .slide-anchors {
  display:none
}
.pages {
  padding:10px;
  background-color:#ffffff;
  margin:10px 0 0;
  text-align:center;
}
.pages .a-page,
.pages .pages .this-page {
  background-color:#000;
  color:#ffffff;
  margin:3px 3px 0 0;
  font-weight:600;
  bborder:1px solid #c7c7c7;
  ttext-shadow:.5px .5px 5px rgba(0,0,0,.4);
  display:inline-block;
  bborder-radius:4px;
}
.pages .a-page a,
.pages .a-page span {
  color:#f5f5f5;
  display:inline-block;
  padding:8px 14px;
}
.pages .this-page {
  color:#000;
  margin-right:3px;
  background-color:#ffffff;
  display:inline-block;
  padding:8px 14px;
  border:1px solid #c7c7c7;
  ttext-shadow:.5px .5px .5px rgba(0,0,0,.4);
  bborder-radius:4px;
}
.pages .a-page a:active,
.pages .pages .this-page a:active,
.pages .a-page span:active,
.pages .pages .this-page span:active {
  background-color:#f6f6f6;
  text-shadow:none!important;
  color:#000!important;
  text-decoration:none;
}
.pages .page-listing {
  margin-bottom:15px
}
.pages .pages-info {
  padding:3px 5px;
  ffont-size:90%
}
.file-list {
  text-align:center
}
.file-list .a-file {
  display:inline-block;
  width:45%;
  margin:10px;
  vertical-align:top;
  background-color:#ffffff;
  text-align:center;
  -wwebkit-box-shadow:5px 5px 5px #c7c7c7;
  -mmoz-box-shadow:5px 5px 5px #c7c7c7;
  bbox-shadow:5px 5px 5px #c7c7c7
}
.file-list .a-file .image .the-image {
  width:100%;
  max-width:100%;
  height:200px;
  margin:0
}
.file-list .a-file .image a {
  display:block
}
.file-list .a-file .info .file-name {
  padding-left:5px;
  font-size:28px;
  line-height:32px;
  margin:15px 0;
  font-weight:600;
  ttext-shadow:.5px .5px .5px rgba(0,0,0,.4);
  font-family:Source Sans Pro;
}
.file-list .a-file .info .other-info {
  font-size:90%;
  color:#999
}
.file-list .a-file .info .other-info ul {
  list-style:none;
  margin:0;
  padding:5px 5px 5px 20px;
  text-align:left
}
.file-list .a-file .info .other-info ul li {
  padding:0;
  margin:0
}
.button,
a.button {
  border:2px solid #c7c7c7;
  border-radius:10px;
  background-color:#000;
  background-color:#176199;
  color:#ffffff;
  text-shadow:.5px 0 1px #999,.5px 0 1px #000;
  padding:10px 10px;
  display:inline-block;
  vertical-align:middle;
  font-weight:700;
  margin:5px 8px;
  white-space:nowrap;
  ccursor:default;
}
.button:hover,
a.button:hover {
  background-color:#0a6082;
  text-decoration:none
}
a.button.download {
  position: relative;
  z-index: 1000;
  border-radius:10px;
  background-color:#03AED2;
  color:#ffffff;
  padding:10px 10px;
  display:inline-block;
  vertical-align:middle;
  font-weight:600;
  margin:5px 8px;
  white-space:nowrap;
  border-width:0;
  font-family: sans-serif;
}
a.button.download:hover {
  background-color:#176199;
}
a.button.download:active {
  background-color:#176199;
}
a.button.download.buy {
  font-size:85%;
  margin:5px 20px 2px;
}
#hcb_submit {
  bborder-radius:4px;
  outline:none;
  background-color:#03AED2;
  color:#ffffff;
  padding:10px 10px;
  display:inline-block;
  font-weight:600;
  margin:5px 0;
  white-space:nowrap;
  border-width:0;
  font-size:14.5px;
  ccursor:default;
}
#hcb_submit:hover {
  background-color:#176199;
}
#hcb_submit:active {
  background-color:#176199;
}
.post-tags {
  margin:10px 0 0 5px;
  padding:10px 10px 5px 0;
  text-align:left
}
.post-tags .title {
  font-weight:700;
  display:inline;
  font-size:16px
}
.post-tags a {
  line-height:21px;
  display:inline-block;
  white-space:nowrap;
  font-size:16px;
  font-weight:400;
  margin:7px 7px 7px 0;
  padding:10px 15px;
  text-transform:uppercase;
  background:#E6E6E6;
  text-shadow:.5px .5px .5px rgba(0,0,0,.4);
  color:#000;
  text-decoration:none
}
.post-tags a:hover {
  background-color:#e5e5e5;
}
.post-tags.no-margin {
  margin-top:0;
  padding-top:5px;
  padding-bottom:5px
}
.form .row {
  text-align:left;
  padding:10px 0 3px
}
.form .row:nth-last-of-type(1) {
  border:none
}
.form .row .label,
.form .row .name {
  display:block;
  text-align:left;
  padding:7px 7px 0 7px;
  font-weight:700;
  text-shadow:.5px .5px .5px #f5f5f5;
  vertical-align:top
}
.form .row .label.input-middle,
.form .row .name.input-middle {
  vertical-align:middle
}
.form .row .input {
  text-align:left;
  padding:7px;
  vertical-align:top
}
.form .row textarea {
  height:224px
}
.form .row .input.no-fixed select {
  width:auto;
  max-width:49%;
  min-width:0
}
.form .row.inline-row {
  margin:7px 0
}
.form .row.inline-row .input,
.form .row.inline-row .label,
.form .row.inline-row .name {
  display:inline-block;
  padding:0
}
.form-wrapper {
  background-color:#ffffff;
  padding:12px
}
.delete-form {
  background:#ffffff;
  -webkit-box-shadow:5px 5px 5px #c7c7c7;
  -khtml-box-shadow:5px 5px 5px #c7c7c7;
  -moz-box-shadow:5px 5px 5px #c7c7c7;
  -ms-box-shadow:5px 5px 5px #c7c7c7;
  -o-box-shadow:5px 5px 5px #c7c7c7;
  box-shadow:5px 5px 5px #c7c7c7;
  padding:5px 0;
  text-align:center;
  font-weight:700
}
.delete-form .item-info {
  padding:15px 10px;
  border-left:10px solid #000
}
.delete-form .item-info img {
  border:5px solid #ccc;
  max-height:324px
}
.delete-form .delete-actions {
  display:block;
  padding:15px;
  text-align:right
}
.delete-form .delete-actions .delete-button {
  display:inline-block;
  text-align:right;
  padding-right:10px
}
.delete-form .delete-actions .delete-button:nth-last-of-type(1) {
  text-align:right;
  padding-right:0;
  padding-left:10px
}
.delete-form .delete-actions .delete-button .positive {
  border:none
}
.delete-form .delete-actions .delete-button .negative {
  background-color:#000;
  color:#fff
}
.move-item {
  background:#ffffff;
  padding:10px
}
.move-item .move-warning {
  border-left:5px solid #000;
  text-align:left;
  padding:10px 5px;
  font-weight:700
}
.promo-ui {
  text-align:center;
  padding:10px 5px;
  background:#fff
}
.promo-ui .promo-notice {
  border-left:5px solid #000;
  text-align:left;
  padding:10px 5px;
  font-weight:700
}
.error {
  text-align:center;
  font-weight:700;
  background:#fff
}
.error .main-error {
  font-size:10em;
  padding:18px 30px;
  line-height:3em
}
.error .error-info {
  font-size:1.8em;
  padding:10px;
  line-height:1.8em
}
.broadcasts-list .broadcast {
  word-wrap:break-word;
  margin:10px 0;
  padding:10px;
  background-color:#ffffff;
  border:1px solid #c7c7c7;
  -webkit-box-shadow:5px 5px 5px #c7c7c7;
  -khtml-box-shadow:5px 5px 5px #c7c7c7;
  -moz-box-shadow:5px 5px 5px #c7c7c7;
  -ms-box-shadow:5px 5px 5px #c7c7c7;
  -o-box-shadow:5px 5px 5px #c7c7c7;
  box-shadow:5px 5px 5px #c7c7c7
}
.broadcasts-list .broadcast.featured {
  background-color:#d7ffd7
}
.broadcasts-list .broadcast-img {
  border:3px solid #dedede;
  width:110px;
  float:left
}
.broadcasts-list .broadcast-img img {
  height:100px;
  max-width:99.9%;
  width:99.9%;
  padding:0;
  margin:0
}
.broadcasts-list .broadcast-others {
  margin-left:115px;
  padding:10px
}
.broadcasts-list ul {
  text-align:left
}
.sponsored-banner {
  text-align:center
}
.doc-container {
  padding:12px;
  background-color:#ffffff;
  -webkit-box-shadow:5px 5px 5px #c7c7c7;
  -khtml-box-shadow:5px 5px 5px #c7c7c7;
  -moz-box-shadow:5px 5px 5px #c7c7c7;
  -ms-box-shadow:5px 5px 5px #c7c7c7;
  -o-box-shadow:5px 5px 5px #c7c7c7;
  box-shadow:5px 5px 5px #c7c7c7;
  font-size:16px;
  line-height:20px
}
.doc-container .doc-info {
  color:#6C6B6B;
  text-align:right;
  font-size:90%
}
.user-profile {
  background-color:#ffffff;
  padding:14px;
  font-size:16px;
  line-height:20px;
  -webkit-box-shadow:5px 5px 5px #c7c7c7;
  -khtml-box-shadow:5px 5px 5px #c7c7c7;
  -moz-box-shadow:5px 5px 5px #c7c7c7;
  -ms-box-shadow:5px 5px 5px #c7c7c7;
  -o-box-shadow:5px 5px 5px #c7c7c7;
  box-shadow:5px 5px 5px #c7c7c7
}
.user-profile .info-box {
  display:table;
  table-layout:fixed
}
.user-profile .info-box .photo {
  display:table-cell;
  width:200px;
  text-align:center;
  vertical-align:top
}
.user-profile .info-box .photo img {
  width:190px;
  height:190px
}
.user-profile .info-box .other-info {
  display:table-cell;
  vertical-align:top;
  border-left:none
}
.user-profile .info-box .other-info ul {
  list-style:none
}
.user-profile .info-box .other-info .info-text {
  font-style:italic;
  font-weight:400;
  font-size:90%;
  color:#a2a2a2
}
.user-list {
  text-align:center
}
.user-list .the-user {
  padding:10px;
  margin:10px;
  display:inline-block;
  vertical-align:top;
  background-color:#ffffff;
  border:1px solid #dedede;
  -webkit-box-shadow:5px 5px 5px #c7c7c7;
  -khtml-box-shadow:5px 5px 5px #c7c7c7;
  -moz-box-shadow:5px 5px 5px #c7c7c7;
  -ms-box-shadow:5px 5px 5px #c7c7c7;
  -o-box-shadow:5px 5px 5px #c7c7c7;
  box-shadow:5px 5px 5px #c7c7c7;
  width:40%;
  text-align:center
}
.user-list .icon img {
  width:200px;
  height:200px;
  border:5px solid #bbb
}
.user-list .other-info {
  color:#999;
  font-size:90%
}
.notifications-list .note {
  background-color:#ffffff;
  -webkit-box-shadow:5px 5px 5px #c7c7c7;
  -khtml-box-shadow:5px 5px 5px #c7c7c7;
  -moz-box-shadow:5px 5px 5px #c7c7c7;
  -ms-box-shadow:5px 5px 5px #c7c7c7;
  -o-box-shadow:5px 5px 5px #c7c7c7;
  box-shadow:5px 5px 5px #c7c7c7;
  margin:10px 0;
  border-bottom:1px solid #dedede;
  display:table;
  table-layout:fixed;
  width:100%
}
.notifications-list .note.new {
  background-color:#d7ffd7
}
.notifications-list .note-img {
  width:70px;
  display:table-cell;
  text-align:center;
  vertical-align:middle;
  padding:10px 0
}
.notifications-list .note-img img {
  width:60px;
  height:60px
}
.notifications-list .note-text {
  display:table-cell;
  vertical-align:middle;
  padding:10px
}
.notifications-list .note .note-date {
  font-style:italic;
  font-size:90%;
  color:#999
}
.notifications-list .note .the-note {
  padding:10px;
  margin:0
}
.bcs {
  text-align:center;
  box-sizing:border-box
}
.bcs .bc {
  display:inline-block;
  position:relative;
  width:45%;
  vertical-align:top;
  background-color:#ffffff;
  margin:0 10px 30px 10px;
  border-bottom:1px solid #dedede;
  box-shadow:5px 5px 5px #dedede
}
.bcs .bc .bc-time {
  text-align:left;
  padding:5px 10px;
  font-size:80%;
  line-height:80%
}
.bcs .bc .bc-foot {
  font-size:90%;
  display:table;
  width:100%
}
.bcs .bc .bc-foot-left,
.bcs .bc .bc-foot-right {
  display:table-cell;
  width:50%
}
.bcs .bc .bc-foot-left {
  text-align:left
}
.bcs .bc .bc-foot-right {
  text-align:right
}
.bcs .bc .bc-foot-int {
  padding:10px
}
.bcs .bc .bc-foot a {
  color:#333
}
.bcs .bc .bc-img img {
  width:100%;
  height:200px;
  max-width:100%
}
.bcs .bc .bc-h3 {
  border-left:5px solid #333;
  padding:0 10px;
  font-size:28px;
  line-height:32px;
  text-align:left
}
.bcs .bc .bc-excerpt {
  color:#666;
  padding:7px 18px
}
.bcs .bc .bc-content {
  text-align:left
}
.bcs .bc-block-container {
  margin-top:20px
}
.bcs .bc-block {
  display:flex;
  background-color:#ffffff;
  box-sizing:border-box
}
.bcs .bc-block-container:nth-of-type(even) .bc-block.bc-2 {
  flex-direction:row-reverse
}
.bcs .bc-block .bc-leader {
  width:50%;
  max-width:50%;
  flex:50%
}
.bcs .bc-block .bc-other {
  width:50%;
  max-width:50%;
  flex:50%;
  display:block;
  padding:0 10px;
  background-image:linear-gradient(to right,#fff,#c7c7c7)
}
.bcs .bc-block .bc {
  display:block;
  width:auto;
  position:relative;
  margin:0;
  background-color:inherit
}
.bcs .bc-block .bc-leader .bc {
  display:block;
  height:100%
}
.bcs .bc-block .bc-leader .bc .bc-img {
  height:100%;
  padding:0;
  margin:0
}
.bcs .bc-block .bc-leader .bc .bc-img img {
  height:100%
}
.bcs .bc-block .bc-leader .bc .bc-h3 {
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  margin:0;
  padding:20px 10px;
  box-sizing:border-box;
  background-color:rgba(255,255,255,.9)
}
.bcs .bc-block .bc-other .bc {
  display:flex;
  align-items:flex-end;
  margin:7px 0;
  justify-content:flex-start
}
.bcs .bc-block .bc-other .bc .bc-h3 {
  font-size:1em;
  border:none;
  line-height:1;
  flex:auto
}
.bcs .bc-block .bc-other .bc .bc-img {
  flex:60px;
  max-width:60px;
  height:60px
}
.bcs .bc-block .bc-other .bc .bc-img img {
  height:60px;
  width:60px;
  max-width:none;
  border-radius:50%
}
.bcs .bc-block .bc-leader .bc .bc-time,
.bcs .bc-block .bc-other .bc .bc-time {
  display:none
}
.bcs .bc-block-title {
  text-align:left
}
.bcs .bc-block-title .bc-block-h3 {
  background-image:linear-gradient(to right,#000,#000);
  color:#ffffff;
  display:inline-block;
  padding:15px 40px;
  font-size:1.2em;
  font-weight:700
}
.bcs .bc-block-title .bc-block-u {
  background-image:linear-gradient(to right,#333,#000);
  height:7px
}
.bcs .bc-block.bc-cloud {
  display:block;
  text-align:left;
  background-color:#fff
}
.bcs .bc-block.bc-cloud .bc {
  max-width:none;
  margin:0 7px;
  padding:15px 5px;
  border-bottom:1px solid #dedede;
  box-sizing:border-box
}
.bcs .bc-block.bc-cloud .bc-img {
  display:none
}
.bcs .bc-block.bc-cloud .bc-h3 {
  font-size:1em;
  border:none;
  line-height:1;
  margin:0;
  padding:0 5px
}
.bcs .bc-block.bc-cloud .bc-time {
  padding:5px;
  line-height:1;
  display:inline
}
.bcs .bc-block-footer {
  text-align:right
}
.bcs .bc-block-footer a.bc-more {
  background-color:#c00;
  color:#ffffff;
  padding:12px 30px;
  font-size:1.2em;
  font-weight:700;
  display:inline-block
}
.bcs .bc-block-footer a.bc-more:hover {
  background-color:#ffffff;
  color:#c00
}
.sidebar-box {
  margin-bottom:-7px;
  padding:5px;
  padding-bottom:10px;
  background-color:#ffffff;
  bbox-shadow:5px 5px 5px #c7c7c7
}
.sidebar-box:nth-of-type(1) {
  margin-top:5px
}
.sidebar-box .box-name {
  font-size:20px;
  font-family:Source Sans Pro,sans-serif;
  line-height:25px;
  padding:10px 10px;
  margin:-10px -5px 15px -5px;
  color:#ffffff;
  ttext-shadow:1.5px 1.5px 2px #000;
  background:#000;
  bborder:1px solid #cccccc;
  font-weight:600;
}
.official-social-links {
  list-style:none;
  margin:0;
  padding:0;
  width:100%;
  display:table
}
.official-social-links li {
  margin:0;
  padding:0;
  display:table-cell;
  width:24%;
  text-align:center
}
.official-social-links li img {
  width:50px;
  height:50px
}
.sponsored-sidebar {
  text-align:center;
  overflow:hidden
}
.sponsored-sidebar.sticky_stick {
  bottom:auto;
  position:fixed
}
.subscribe-form {
  text-align:center
}
.subscribe-form .the-form {
  display:block
}
.subscribe-form .subscribe-email {
  display:inline-block;
  width:90%;
  margin-bottom:10px
}
.subscribe-form .subscribe-submit {
  display:inline-block
}
.subscribe-form .subscribe-credit {
  padding:10px;
  margin:0;
  text-align:center;
  font-size:80%;
  color:#999
}
.media-otw {
  text-align:center;
  font-family:Source Sans Pro
}
.media-otw .otw-title {
  border-left:0px solid #000;
  border-right:0px solid #000;
  padding:10px;
  background-color:#ffffff;
  margin:5px 0;
  font-size:140%;
  line-height:140%
}
#music-otw,
#video-otw {
  height:auto
}
#music-otw .motw-img {
  margin:10px 0
}
#music-otw .motw-img img {
  width:100%;
  height:230px
}
#music-otw .by-text {
  font-style:italic;
  color:#c7c7c7;
  font-size:90%;
  font-weight:400
}
#music-otw .motw-artiste {
  font-weight:600;
  margin:0
}
.votw-iframe {
  height:250px;
  width:95%
}
.media-otw-handle {
  list-style:none;
  margin:0;
  padding:0;
  display:table;
  width:100%;
  background-color:#ffffff;
  border-bottom:4px solid #000
}
.media-otw-handle li {
  margin:0;
  display:table-cell;
  width:50%;
  padding:10px;
  font-weight:600;
  font-size:120%;
  background-color:#ffffff;
  color:#000;
  text-shadow:.3px .3px .3px rgba(0,0,0,.4)
}
.media-otw-handle li a {
  display:block;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  color:#000;
  text-decoration:none;
}
.otw-o {
  margin:10px 0
}
.otw-o .otw-oi {
  display:table;
  width:100%;
  box-sizing:border-box;
  border-bottom:2px solid #dedede
}
.otw-o .otw-oi .index {
  display:table-cell;
  width:60px;
  vertical-align:top
}
.otw-o .otw-oi .index .no {
  background-size:contain;
  width:60px;
  height:60px;
  font-size:40px;
  line-height:60px;
  text-align:center;
  color:#ffffff;
  font-weight:600;
  background:#000;
  text-shadow:1px 1px 1px #333
}
.otw-o .otw-oi .name {
  display:table-cell;
  vertical-align:middle;
  font-weight:600;
  text-align:left;
  padding:10px
}
.media-otw-handle li.active {
  background-color:#000;
  color:#fff
}
.media-otw-handle li.active a {
  color:#fff
}
#recent-items .recent-items-toggle {
  margin:0 0 5px;
  padding:0;
  list-style:none;
  width:100%;
  display:table;
  text-align:center;
  border:1px solid #999999;
  border-lefty:none;
  border-righty:none;
  ttext-shadow:.3px .3px .3px rgba(0,0,0,.4)
}
#recent-items .recent-items-toggle li {
  margin:0 -5px 0 -5px;
  display:table-cell;
  border-collapse:collapse;
  padding:3px 6px;
  border-right:2px solid #999999;
  width:20%;
  font-weight:600
}
#recent-items .recent-items-toggle li a {
  display:block;
  color:#000
}
#recent-items .recent-items-toggle li:nth-last-of-type(1) {
  border-right:none
}
#recent-items .recent-items-toggle li.active {
  background-color:#000;
  color:#ffffff;
  margin-top:-5px
}
#recent-items .recent-items-toggle li.active a {
  color:#fff
}
.recent-archive .row {
  display:table;
  width:100%;
  border-bottom:1px solid #dedede;
  table-layout:fixed;
  font-family:sans-serif
}
.recent-archive .row .img {
  margin:3px 0 0 0;
  width:70px;
  height:70px;
  display:table-cell;
  overflow:hidden;
  text-align:center;
  vertical-align:middle
}
.recent-archive .row .img img {
  width:60px;
  height:60px;
  bborder:2px solid #dedede
}
.recent-archive .row:nth-last-of-type(1) {
  border-bottom:none
}
.recent-archive .row .content {
  display:table-cell;
  vertical-align:middle;
  padding:7px
}
.recent-archive .row .content-name {
  font-size:90%;
  font-weight:600;
  margin-bottom:10px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis
}
.recent-archive .row .content-details {
  color:#999
}
.css.geshiHighlight {
  font-family:monospace
}
.css.geshiHighlight .imp {
  font-weight:700;
  color:red
}
.css.geshiHighlight .kw1 {
  color:#000;
  font-weight:700
}
.css.geshiHighlight .kw2 {
  color:#933
}
.css.geshiHighlight .co1 {
  color:#a1a100
}
.css.geshiHighlight .co2 {
  color:red;
  font-style:italic
}
.css.geshiHighlight .coMULTI {
  color:grey;
  font-style:italic
}
.css.geshiHighlight .es0 {
  color:#009;
  font-weight:700
}
.css.geshiHighlight .es2 {
  color:#009;
  font-weight:700
}
.css.geshiHighlight .br0 {
  color:#0a0
}
.css.geshiHighlight .sy0 {
  color:#0a0
}
.css.geshiHighlight .st0 {
  color:red
}
.css.geshiHighlight .nu0 {
  color:#c6c
}
.css.geshiHighlight .re0 {
  color:#c0c
}
.css.geshiHighlight .re1 {
  color:#66f
}
.css.geshiHighlight .re2 {
  color:#33f
}
.css.geshiHighlight .re3 {
  color:#933
}
.css.geshiHighlight span.xtra {
  display:block
}
.php.geshiHighlight {
  font-family:monospace
}
.php.geshiHighlight .imp {
  font-weight:700;
  color:red
}
.php.geshiHighlight .kw1 {
  color:#b1b100
}
.php.geshiHighlight .kw2 {
  color:#000;
  font-weight:700
}
.php.geshiHighlight .kw3 {
  color:#900
}
.php.geshiHighlight .kw4 {
  color:#090;
  font-weight:700
}
.php.geshiHighlight .co1 {
  color:#666;
  font-style:italic
}
.php.geshiHighlight .co2 {
  color:#666;
  font-style:italic
}
.php.geshiHighlight .co3 {
  color:#00c;
  font-style:italic
}
.php.geshiHighlight .co4 {
  color:#093;
  font-style:italic
}
.php.geshiHighlight .coMULTI {
  color:#666;
  font-style:italic
}
.php.geshiHighlight .es0 {
  color:#009;
  font-weight:700
}
.php.geshiHighlight .es1 {
  color:#009;
  font-weight:700
}
.php.geshiHighlight .es2 {
  color:#609;
  font-weight:700
}
.php.geshiHighlight .es3 {
  color:#609;
  font-weight:700
}
.php.geshiHighlight .es4 {
  color:#069;
  font-weight:700
}
.php.geshiHighlight .es5 {
  color:#069;
  font-weight:700;
  font-style:italic
}
.php.geshiHighlight .es6 {
  color:#093;
  font-weight:700
}
.php.geshiHighlight .es_h {
  color:#009;
  font-weight:700
}
.php.geshiHighlight .br0 {
  color:#090
}
.php.geshiHighlight .sy0 {
  color:#393
}
.php.geshiHighlight .sy1 {
  color:#000;
  font-weight:700
}
.php.geshiHighlight .st0 {
  color:#00f
}
.php.geshiHighlight .st_h {
  color:#00f
}
.php.geshiHighlight .nu0 {
  color:#c6c
}
.php.geshiHighlight .nu8 {
  color:#208080
}
.php.geshiHighlight .nu12 {
  color:#208080
}
.php.geshiHighlight .nu19 {
  color:purple
}
.php.geshiHighlight .me1 {
  color:#004000
}
.php.geshiHighlight .me2 {
  color:#004000
}
.php.geshiHighlight .re0 {
  color:#008
}
.php.geshiHighlight span.xtra {
  display:block
}
.apache.geshiHighlight {
  font-family:monospace
}
.apache.geshiHighlight .imp {
  font-weight:700;
  color:red
}
.apache.geshiHighlight .kw1 {
  color:#00007f
}
.apache.geshiHighlight .kw2 {
  color:#00f
}
.apache.geshiHighlight .kw3 {
  color:#000;
  font-weight:700
}
.apache.geshiHighlight .co1 {
  color:#adadad;
  font-style:italic
}
.apache.geshiHighlight .es0 {
  color:#009;
  font-weight:700
}
.apache.geshiHighlight .st0 {
  color:#7f007f
}
.apache.geshiHighlight .nu0 {
  color:red
}
.apache.geshiHighlight span.xtra {
  display:block
}
.mysql.geshiHighlight {
  font-family:monospace
}
.mysql.geshiHighlight .imp {
  font-weight:700;
  color:red
}
.mysql.geshiHighlight .kw1 {
  color:#909;
  font-weight:700
}
.mysql.geshiHighlight .kw2 {
  color:#909;
  font-weight:700
}
.mysql.geshiHighlight .kw3 {
  color:#90f;
  font-weight:700
}
.mysql.geshiHighlight .kw4 {
  color:#990;
  font-weight:700
}
.mysql.geshiHighlight .kw5 {
  color:#990;
  font-weight:700
}
.mysql.geshiHighlight .kw6 {
  color:#f90;
  font-weight:700
}
.mysql.geshiHighlight .kw7 {
  color:#f90;
  font-weight:700
}
.mysql.geshiHighlight .kw8 {
  color:#90f;
  font-weight:700
}
.mysql.geshiHighlight .kw9 {
  color:#90f;
  font-weight:700
}
.mysql.geshiHighlight .kw10 {
  color:#c09;
  font-weight:700
}
.mysql.geshiHighlight .kw11 {
  color:#c09;
  font-weight:700
}
.mysql.geshiHighlight .kw12 {
  color:#090
}
.mysql.geshiHighlight .kw13 {
  color:#009
}
.mysql.geshiHighlight .kw14 {
  color:#009
}
.mysql.geshiHighlight .kw15 {
  color:#009
}
.mysql.geshiHighlight .kw16 {
  color:#009
}
.mysql.geshiHighlight .kw17 {
  color:#009
}
.mysql.geshiHighlight .kw18 {
  color:#009
}
.mysql.geshiHighlight .kw19 {
  color:#009
}
.mysql.geshiHighlight .kw20 {
  color:#009
}
.mysql.geshiHighlight .kw21 {
  color:#009
}
.mysql.geshiHighlight .kw22 {
  color:#009
}
.mysql.geshiHighlight .kw23 {
  color:#009
}
.mysql.geshiHighlight .kw24 {
  color:#009
}
.mysql.geshiHighlight .kw25 {
  color:#009
}
.mysql.geshiHighlight .kw26 {
  color:#009
}
.mysql.geshiHighlight .kw27 {
  color:#0c0
}
.mysql.geshiHighlight .coMULTI {
  color:olive;
  font-style:italic
}
.mysql.geshiHighlight .co1 {
  color:grey;
  font-style:italic
}
.mysql.geshiHighlight .co2 {
  color:grey;
  font-style:italic
}
.mysql.geshiHighlight .es0 {
  color:#004000;
  font-weight:700
}
.mysql.geshiHighlight .es1 {
  color:teal;
  font-weight:700
}
.mysql.geshiHighlight .br0 {
  color:#f0f
}
.mysql.geshiHighlight .sy1 {
  color:#c09
}
.mysql.geshiHighlight .sy2 {
  color:#003
}
.mysql.geshiHighlight .st0 {
  color:green
}
.mysql.geshiHighlight .nu0 {
  color:teal
}
.mysql.geshiHighlight span.xtra {
  display:block
}
.html5.geshiHighlight {
  font-family:monospace
}
.html5.geshiHighlight .imp {
  font-weight:700;
  color:red
}
.html5.geshiHighlight .kw2 {
  color:#000;
  font-weight:700
}
.html5.geshiHighlight .kw3 {
  color:#006
}
.html5.geshiHighlight .es0 {
  color:#009;
  font-weight:700
}
.html5.geshiHighlight .br0 {
  color:#6c6
}
.html5.geshiHighlight .sy0 {
  color:#6c6
}
.html5.geshiHighlight .st0 {
  color:red
}
.html5.geshiHighlight .nu0 {
  color:#c6c
}
.html5.geshiHighlight .sc-2 {
  color:#404040
}
.html5.geshiHighlight .sc-1 {
  color:grey;
  font-style:italic
}
.html5.geshiHighlight .sc0 {
  color:#0bd
}
.html5.geshiHighlight .sc1 {
  color:#db0
}
.html5.geshiHighlight .sc2 {
  color:#090
}
.html5.geshiHighlight span.xtra {
  display:block
}
.javascript.geshiHighlight {
  font-family:monospace
}
.javascript.geshiHighlight .imp {
  font-weight:700;
  color:red
}
.javascript.geshiHighlight .kw1 {
  color:#006;
  font-weight:700
}
.javascript.geshiHighlight .kw2 {
  color:#005366;
  font-weight:700
}
.javascript.geshiHighlight .kw3 {
  color:#006
}
.javascript.geshiHighlight .kw5 {
  color:red
}
.javascript.geshiHighlight .co1 {
  color:#005c66;
  font-style:italic
}
.javascript.geshiHighlight .co2 {
  color:#096;
  font-style:italic
}
.javascript.geshiHighlight .coMULTI {
  color:#005c66;
  font-style:italic
}
.javascript.geshiHighlight .es0 {
  color:#009;
  font-weight:700
}
.javascript.geshiHighlight .br0 {
  color:#090
}
.javascript.geshiHighlight .sy0 {
  color:#393
}
.javascript.geshiHighlight .st0 {
  color:#36c
}
.javascript.geshiHighlight .nu0 {
  color:#c00
}
.javascript.geshiHighlight .me1 {
  color:#606
}
.javascript.geshiHighlight span.xtra {
  display:block
}
.jquery.geshiHighlight {
  font-family:monospace
}
.jquery.geshiHighlight .imp {
  font-weight:700;
  color:red
}
.jquery.geshiHighlight .kw1 {
  color:#006;
  font-weight:700
}
.jquery.geshiHighlight .kw2 {
  color:#005366;
  font-weight:700
}
.jquery.geshiHighlight .kw3 {
  color:#006
}
.jquery.geshiHighlight .kw4 {
  color:#006
}
.jquery.geshiHighlight .kw5 {
  color:#006
}
.jquery.geshiHighlight .kw6 {
  color:#006
}
.jquery.geshiHighlight .kw7 {
  color:#006
}
.jquery.geshiHighlight .kw8 {
  color:#006
}
.jquery.geshiHighlight .kw9 {
  color:#006
}
.jquery.geshiHighlight .kw10 {
  color:#006
}
.jquery.geshiHighlight .kw11 {
  color:#006
}
.jquery.geshiHighlight .kw12 {
  color:#006
}
.jquery.geshiHighlight .co1 {
  color:#005c66;
  font-style:italic
}
.jquery.geshiHighlight .co2 {
  color:#096;
  font-style:italic
}
.jquery.geshiHighlight .coMULTI {
  color:#005c66;
  font-style:italic
}
.jquery.geshiHighlight .es0 {
  color:#009;
  font-weight:700
}
.jquery.geshiHighlight .br0 {
  color:#090
}
.jquery.geshiHighlight .sy0 {
  color:#393
}
.jquery.geshiHighlight .sy1 {
  color:#006
}
.jquery.geshiHighlight .st0 {
  color:#36c
}
.jquery.geshiHighlight .nu0 {
  color:#c00
}
.jquery.geshiHighlight .me1 {
  color:#606
}
.jquery.geshiHighlight span.xtra {
  display:block
}
.text.geshiHighlight {
  font-family:monospace
}
.text.geshiHighlight .imp {
  font-weight:700;
  color:red
}
.text.geshiHighlight span.xtra {
  display:block
}
.code {
  border-left:2px solid #000
}
.code .code-title {
  font-weight:700;
  padding:10px;
  border-left:8px solid #000
}
.code .code-content {
  overflow:auto
}
.code code,
.code pre {
  padding:0 7px;
  margin:0;
  white-space:pre;
  word-wrap:break-word;
  overflow-x:auto;
  font-size:14px;
  line-height:16px
}
.code .copy-code {
  background-color:#404040;
  color:#f5f5f5
}
.related-content {
  background-color:#ffffff;
  padding:0 10px;
  border-left:3px solid #000;
  margin:0;
  font-family:Source Sans Pro;
}
.related-content .related-header {
  padding:10px 15px;
  margin:0 0 5px -10px;
  border-left:10px solid #000;
  font-size:30px;
  line-height:1;
  font-weight:600
}
.related-content ul li {
  padding:10px 20px
}
.related-content .item {
  display:table;
  width:100%;
  border-collapse:collapse;
  padding:20px 0;
  min-height:70px
}
.related-content .item .item-img {
  display:table-cell;
  width:70px;
  height:70px;
  vertical-align:middle;
  border-bottom:1px solid #dedede;
  text-align:center
}
.related-content .item .item-img img {
  width:50px;
  height:50px
}
.related-content .item-info {
  display:table-cell;
  vertical-align:middle;
  border-bottom:1px solid #dedede
}
.related-content .item-name {
  margin:10px;
  font-weight:600;
  font-size:110%
}
.sb-the-sharer {
  margin:15px 0;
  background-color:#ffffff;
  z-index:10
}
.sb-the-sharer.sticky_stick {
  margin:0
}
.sb-the-sharer .sb-the-word {
  font-weight:700;
  padding:10px;
  text-align:left;
  font-size:120%
}
.sb-the-sharer .the-word {
  display:block
}
.sb-the-sharer .button-list {
  list-style:none;
  margin:0 auto;
  padding:0;
  text-align:center;
  display:table;
  width:100%;
  table-layout:fixed;
  border-collapse:collapse
}
.sb-the-sharer .button-list li {
  display:table-cell;
  border:1px solid #dedede;
  margin:0;
  vertical-align:middle
}
.sb-the-sharer .button-list li.counter {
  width:13%
}
.sb-the-sharer .button-list li.counter .the-count {
  font-weight:700;
  font-size:150%
}
.sb-the-sharer .button-list li.counter .count-text {
  font-size:90%
}
.sb-the-sharer .button-list li a {
  display:block;
  padding:15px 30px;
  font-weight:700;
  color:#333;
  text-decoration:none
}
.sb-the-sharer .button-list .ok-share:hover {
  background-color:#3b8a98;
  color:#fff
}
.sb-the-sharer .button-list .titer-share:hover {
  background-color:#00aced;
  color:#fff
}
.sb-the-sharer .button-list .us-share:hover {
  background-color:#c63d2d;
  color:#fff
}
.sb-the-sharer .button-list .wapp-share:hover {
  background-color:#4dc247;
  color:#fff
}
.contact-us {
  padding:10px;
  background:#fff
}
.contact-us textarea {
  height:200px
}
.contact-us .important {
  color:red;
  vertical-align:super;
  font-weight:700
}
.contact-us-done {
  padding:40px 15px;
  background:#00529b;
  color:#f5f5f5
}
.contact-us-info {
  padding:10px;
  color:#00529b;
  background-color:#bde5f8
}
#main-wrapper {
  -webkit-animation:fadein 2s;
  -moz-animation:fadein 2s;
  -ms-animation:fadein 2s;
  -o-animation:fadein 2s;
  animation:fadein 2s
}
@keyframes fadein {
  from {
    opacity:0
  }
  to {
    opacity:1
  }
}
@-moz-keyframes fadein {
  from {
    opacity:0
  }
  to {
    opacity:1
  }
}
@-webkit-keyframes fadein {
  from {
    opacity:0
  }
  to {
    opacity:1
  }
}
@-ms-keyframes fadein {
  from {
    opacity:0
  }
  to {
    opacity:1
  }
}
@-o-keyframes fadein {
  from {
    opacity:0
  }
  to {
    opacity:1
  }
}
::selection {
  background:#75ff75
}
::-moz-selection {
  background:#75ff75
}
.notice {
  background-color:#F0F0F0;
  color:#000;
  margin:10px;
  text-align:center;
  padding:15px 30px;
  bborder:1px solid rgba(0,0,0,0.1);
  bborder-width:1px 1px;
  bborder-radius:4px;
  ffont-family:'Open Sans',arial,helvetica;
  font-size:16px;
  text-transform:uppercase;
  display:inline-block;
  line-height:1.8;
}
.notice a {
  ccolor:#176199;
  font-weight:500;
}
.line-break {
  display:block;
  height:10px;
  margin:0;
  padding:0
}
.inspired-actions {
  text-align:center;
  border:5px solid #0a6082;
  border-bottom:none;
  border-top:none;
  padding:10px 0
}
span.help {
  font-weight:400;
  font-size:70%
}
.css-hide {
  display:none
}
.opaque-bg {
  background-color:#fff
}
.opaque-bg-padded {
  background-color:#ffffff;
  padding:10px;
  -webkit-box-shadow:5px 5px 5px #c7c7c7;
  -khtml-box-shadow:5px 5px 5px #c7c7c7;
  -moz-box-shadow:5px 5px 5px #c7c7c7;
  -ms-box-shadow:5px 5px 5px #c7c7c7;
  -o-box-shadow:5px 5px 5px #c7c7c7;
  box-shadow:5px 5px 5px #c7c7c7
}
.js-hide {
  display:none
}
figure.left {
  float:left
}
figure.right {
  float:right
}
figure.center {
  text-align:center;
  margin-right:auto;
  margin-left:auto
}
#blur-everything {
  display:block;
  position:fixed;
  top:0;
  left:0;
  z-index:99999;
  padding:0;
  margin:0;
  width:100%;
  height:100%;
  background-color:rgba(0,0,0,.8)
}
.padded-box.horizontal {
  padding-right:10px;
  padding-left:10px
}
.hide-overflow {
  overflow:hidden
}
.section-header {
  background-color:#333;
  color:#ffffff;
  padding:5px 15px;
  position:relative
}
.section-header.large {
  padding:7px 15px;
  font-size:120%;
  line-height:120%
}
.section-header:after {
  content:'';
  position:absolute;
  top:100%;
  left:30px;
  width:0;
  height:0;
  border-top:10px solid #333;
  border-left:10px solid transparent;
  border-right:10px solid transparent;
  z-index:auto
}
.nn-embedded-fb,
.nn-embedded-ig,
.nn-embedded-tweet {
  text-align:center;
  display:inline-block;
  margin:10px auto
}
#search-results #search-header {
  margin:10px 0;
  background-color:#004a00;
  background:linear-gradient(to right,#000,#000);
  color:#ffffff;
  padding:20px;
  font-size:22px;
  line-height:26px;
  text-shadow:1.5px 1.5px 2px #000
}
#search-results #search-header .search-info-sub {
  padding-top:15px;
  font-size:70%;
  line-height:70%;
  padding-left:10px
}
#search-results .result {
  border-bottom:1px solid #c7c7c7;
  display:table;
  table-layout:fixed;
  width:100%;
  box-sizing:border-box;
  margin:10px 0;
  background-color:#ffffff;
  box-shadow:5px 5px 5px #c7c7c7
}
#search-results .result em {
  background-color:#c00;
  color:#ffffff;
  font-style:italic;
  padding:0 3px;
  font-size:105%
}
#search-results .result .result-info .result-desc em {
  background-color:#414141
}
#search-results .result .result-info .result-title a:hover em {
  background-color:inherit;
  color:inherit;
  padding:inherit
}
#search-results .result .result-img {
  display:table-cell;
  width:100px;
  height:100px;
  line-height:1.62em;
  vertical-align:middle;
  padding:10px;
  background:linear-gradient(#c7c7c7,#5b5b5b)
}
#search-results .result .result-img img {
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%
}
#search-results .result .result-info {
  display:table-cell;
  padding:10px
}
#search-results .result .result-info .result-desc {
  font-size:95%
}
#head-sen {
  display:none
}
#foot-sen {
  display:block
}
ul.s-cloud,
div.s-cloud {
  list-style:none;
  padding:0;
  margin:0
}
ul.s-cloud li,
div.s-cloud span {
  display:inline-block;
  margin:6px;
  background-color:#03AED2;
  color:#ffffff;
  padding:7px 0;
  white-space:nowrap;
  overflow-y:hidden
}
ul.s-cloud li a,
div.s-cloud span a {
  color:#ffffff;
  ffont-weight:700;
  padding:10px;
  padding-right:5px;
  font-family:Source Sans Pro;
}
ul.s-cloud li .s-cloud-c,
div.s-cloud span .s-cloud-c {
  background-color:#000;
  padding:7px 7px;
  display:inline-block;
  margin:-7px 0
}
#top-banner {
  padding:15px 0;
  text-align:center;
  background-color:#151515;
  position:relative;
  z-index:12
}
#top-banner-main {
  display:inline-block;
  margin:0 auto
}
.bcs-links {
  display:block;
  margin:10px;
  margin-bottom:30px;
  box-sizing:border-box;
  text-align:center
}
.bcs-links a {
  display:inline-block;
  width:40%;
  padding:12px 15px;
  margin:5px;
  text-align:center;
  background:rgba(192,12,0,.7);
  background-color:#c00;
  color:#ffffff;
  font-weight:700;
  font-size:120%;
  text-shadow:.5px .5px .5px #000;
  -webkit-box-shadow:5px 5px 5px #000;
  -moz-box-shadow:2px 2px 2px #dedede;
  box-shadow:5px 5px 5px #000;
  text-decoration:none
}
.bcs-links a:hover {
  background:rgba(192,12,0,.5);
  background-color:#cc3c32;
  text-decoration:none
}
.bcs-links a i {
  padding-right:16px
}
.embedded-video-wrapper {
  margin:0;
  text-align:center
}
.embedded-video-wrapper .embedded-video {
  width:90%;
  height:400px;
  margin:10px auto
}
.bbcode-text {
  font-size:1.1rem;
  line-height:1.6
}
.bbcode-text p {
  margin:0 0 1.3rem
}
.bbcode-text .h3,
.bbcode-text .h4,
.bbcode-text .h5,
.bbcode-text .h6,
.bbcode-text h3,
.bbcode-text h4,
.bbcode-text h5,
.bbcode-text h6 {
  margin:1.25em 0 1.5em;
  text-rendering:optimizelegibility
}
.bbcode-text .h3,
.bbcode-text h3 {
  font-size:160%;
  line-height:1.3
}
.bbcode-text .h4,
.bbcode-text .h5,
.bbcode-text .h6,
.bbcode-text h4,
.bbcode-text h5,
.bbcode-text h6 {
  margin-top:1.75em;
  margin-bottom:.5em;
  line-height:1.4
}
.bbcode-text .h4,
.bbcode-text h4 {
  font-size:140%
}
.bbcode-text .h5,
.bbcode-text h5 {
  font-size:120%
}
.bbcode-text .h6,
.bbcode-text h6 {
  font-size:100%;
  text-transform:uppercase
}
.bbcode-text ol,
.bbcode-text ul {
  padding:0;
  margin:0 0 2.15em 1.655em
}
.bbcode-text ol ol,
.bbcode-text ol ul,
.bbcode-text ul ol,
.bbcode-text ul ul {
  margin-bottom:0
}
.bbcode-text ol.unstyled,
.bbcode-text ul.unstyled {
  margin-left:0;
  list-style:none
}
.bbcode-text ol.inline,
.bbcode-text ul.inline {
  margin-left:0;
  list-style:none
}
.bbcode-text ol.inline>li,
.bbcode-text ul.inline>li {
  display:inline-block;
  padding-left:1em;
  padding-right:1em
}
.bbcode-text dl {
  margin-bottom:2.15em
}
.bbcode-text dt {
  font-weight:bolder
}
.bbcode-text dd {
  margin-left:2.15em
}
.bbcode-text hr {
  height:0;
  margin:2.15em 0;
  border:0;
  border-top:1px solid rgba(0,0,0,.1)
}
.sponsored-bf {
  text-align:center;
  padding:15px;
  box-sizing:border-box;
  z-index:900;
  position:relative;
  display:none
}
.sponsored-bf img {
  max-width:98%;
  box-sizing:border-box
}
.sponsored-bf.logged-in {
  margin-top:80px
}

@media (max-width: 940px) {
  #main-header #main-header-nav ul li a {
    color: #ffffff;
    height: 50px;
    display: block;
    line-height: 50px;
  }
}

@media (max-width:940px) {
  #main-header-contacts {
    display:none
  }
  #top-banner {
    display:none
  }
  #main-footer,
  #page-header,
  .main-content {
    left:0;
    position:relative;
    -webkit-transition:left .2s ease-out;
    -khtml-transition:left .2s ease-out;
    -moz-transition:left .2s ease-out;
    -ms-transition:left .2s ease-out;
    -o-transition:left .2s ease-out;
    transition:left .2s ease-out
  }
  #main-header-nav-backup {
    -webkit-transition:width .2s ease-out;
    -khtml-transition:width .2s ease-out;
    -moz-transition:width .2s ease-out;
    -ms-transition:width .2s ease-out;
    -o-transition:width .2s ease-out;
    transition:width .2s ease-out
  }
  #main-header {
    height:50px;
    position:fixed
  }
  #main-header #main-header-container {
    display:block;
    width:auto;
    height:50px
  }
  #main-header #site-logo {
    display:inline-block;
    text-align:center;
    width:auto;
    height:50px;
    line-height:50px;
    vertical-align:middle
  }
  #main-header #site-logo a {
    display:block;
    padding:0;
    margin:0
  }
  #main-header #site-logo img {
    max-height:70px;
    vertical-align:middle;
    display:inline-block
  }
  #main-header #main-header-nav {
    display:block;
    position:fixed;
    background-color:#333;
    top:50px;
    z-index:0;
    opacity:0;
    visibility:hidden;
    width:0;
    max-width:0;
    left:0;
    margin:0;
    bottom:0;
    overflow-y:auto;
    overflow-x:hidden;
    -webkit-transition:width .3s ease-in-out;
    -khtml-transition:width .3s ease-in-out;
    -moz-transition:width .3s ease-in-out;
    -ms-transition:width .3s ease-in-out;
    -o-transition:width .3s ease-in-out;
    transition:width .3s ease-in-out
  }
  #main-header #main-header-nav>ul {
    min-width:250px
  }
  #main-header #main-header-nav ul {
    width:auto;
    height:auto;
    text-align:left;
    float:none
  }
  #main-header #main-header-nav ul li {
    float:none;
    line-height:50px;
    min-height:50px;
    height:auto;
    display:block;
    width:auto;
    border:none
  }
  #main-header #main-header-nav ul li.msh-con {
    display:none
  }
  #main-header #main-header-nav ul li a {
    color:#ffffff;
    height:50px;
    display:block;
    line-height:50px
  }
  #main-header #main-header-nav ul li:hover {
    background-color:#666
  }
  #main-header #main-header-nav ul li:hover ul.multi {
    display:none;
    position:static;
    left:0;
    transform:none;
    background-color:inherit
  }
  #main-header #main-header-nav ul li:hover ul.multi>li {
    display:block;
    width:auto;
    background-color:inherit;
    height:auto;
    text-align:left
  }
  #main-header #main-header-nav ul li:hover ul.multi>li:nth-of-type(even) {
    background-color:inherit
  }
  #main-header #main-header-nav ul li:hover ul.multi>li ul {
    display:none;
    width:auto;
    height:auto;
    background-color:#1a1a1a
  }
  #main-header #main-header-nav ul li:hover ul.multi>li li {
    width:auto;
    position:relative;
    z-index:4
  }
  #main-header #main-header-nav ul li ul.is-open,
  #main-header #main-header-nav ul li:hover ul,
  #main-header #main-header-nav ul li:hover ul.multi {
    display:none;
    position:static;
    min-width:0;
    background-color:#1a1a1a;
    padding-top:0
  }
  #main-header #main-header-nav ul li ul.is-open li,
  #main-header #main-header-nav ul li:hover ul li,
  #main-header #main-header-nav ul li:hover ul.multi li {
    border:none;
    min-height:50px;
    line-height:50px;
    background-color:inherit;
    white-space:nowrap;
    overflow-y:hidden
  }
  #main-header #main-header-nav ul li ul.is-open li:hover,
  #main-header #main-header-nav ul li:hover ul li:hover,
  #main-header #main-header-nav ul li:hover ul.multi li:hover {
    background-color:#4d4d4d
  }
  #main-header #main-header-nav ul li ul.is-open li,
  #main-header #main-header-nav ul li ul.multi ul.is-open {
    display:block;
    height:auto;
    position:relative;
    opacity:1;
    z-index:1;
    visibility:visible;
    transform:translateX(0)
  }
  #main-header #main-header-nav ul li ul.is-open,
  #main-header #main-header-nav ul li ul.multi.is-open,
  #main-header #main-header-nav ul li ul.multi.is-open li .is-open {
    display:block;
    visibility:visible;
    z-index:1;
    opacity:1;
    transform:translateX(0)
  }
  #main-header #main-header-nav ul li ul.is-open li,
  #main-header #main-header-nav ul li ul.multi.is-open li,
  #main-header #main-header-nav ul li ul.multi.is-open li .is-open li {
    padding-left:15px
  }
  #main-header #main-header-nav ul li ul.multi li ul.is-open {
    display:block;
    visibility:visible;
    opacity:1;
    z-index:1;
    left:0;
    position:relative;
    transform:translateX(0)
  }
  #main-header #main-header-nav.open {
    width:250px;
    max-width:250px;
    visibility:visible;
    z-index:888;
    opacity:1
  }
  #main-header.logged-in #main-header-nav {
    top:80px
  }
  #main-header .mob-nav-button {
    display:inline-block;
    position:absolute;
    height:50px;
    top:0;
    line-height:50px;
    font-size:24px;
    color:#fff
  }
  #main-header .mob-nav-button#mn-search {
    right:10px;
    padding:0 10px 0;
  }
  #main-header .mob-nav-button#mn-menu {
    left:10px;
    padding:0 10px 0
  }
  #main-header.logged-in {
    height:80px
  }
  #main-header.now-sticky #main-header-nav ul {
    height:auto
  }
  #main-header.now-sticky #main-header-nav ul li,
  #main-header.now-sticky #main-header-nav ul li ul li {
    line-height:50px;
    height:auto;
    min-height:50px
  }
  #main-header #logged-in-bar .the-user-actions,
  #main-header #logged-in-bar .the-user-url {
    vertical-align:middle
  }
  #main-header #logged-in-bar .the-user-actions li,
  #main-header #logged-in-bar .the-user-actions ul,
  #main-header #logged-in-bar .the-user-url li,
  #main-header #logged-in-bar .the-user-url ul {
    vertical-align:middle
  }
  .sponsored-bf {
    margin-top:50px;
    display:block
  }
  header#page-header {
    margin-top:50px
  }
  header#page-header.logged-in {
    margin-top:80px
  }
  header#page-header.logged-in.alt {
    margin-top:0
  }
  header#page-header.alt,
  header#page-header.alt.with-spo,
  header#page-header.with-spo {
    margin-top:0
  }
  .slide-content-con.alt {
    margin-top:50px
  }
  .slide-content-con.alt.logged-in {
    margin-top:80px
  }
  .slide-content-con.alt.logged-in.with-spo,
  .slide-content-con.alt.with-spo {
    margin-top:0
  }
  #main-wrapper {
    width:auto;
    float:none
  }
  #contents-column.ssticky {
    position:fixed;
  }
  #right-col.ssticky {
    position:fixed;
  }
  #right-col {
    width:auto;
    float:none;
    margin-left:0;
  }
  #contents-column {
    margin-right:0
  }
  .open-menu {
    position:relative;
    left:250px!important
  }
  #nnj-body.hide-overflow {
    overflow-x:hidden;
    overflow-y:auto
  }
  footer#main-footer .slots-container .slot {
    width:45%
  }
  blockquote {
    margin-left:20px
  }
  #head-sen {
    display:block
  }
  #foot-sen {
    display:none
  }
}
@media (max-width:640px) {
  #main-wrapper {
    -webkit-animation:none;
    -khtml-animation:none;
    -moz-animation:none;
    -ms-animation:none;
    -o-animation:none;
    animation:none
  }
  #site-logo img {
    max-width:280px
  }
  .file-list .a-file {
    display:block;
    margin-bottom:20px;
    margin-left:auto;
    margin-right:auto;
    width:auto;
    max-width:380px
  }
  .file-list .a-file .image .the-image {
    height:auto;
    max-height:300px
  }
  .sb-the-sharer .the-word {
    display:none
  }
  .bcs {
    margin:0 10px
  }
  .bcs .bc {
    display:block;
    width:auto;
    max-width:420px;
    margin-right:auto;
    margin-left:auto
  }
  .bcs .bc .bc-img img {
    height:auto;
    max-height:350px
  }
  .broadcasts-list .broadcast-img {
    width:40px;
    border:none
  }
  .broadcasts-list .broadcast-img img {
    width:40px;
    height:40px
  }
  .broadcasts-list .broadcast-others {
    margin-left:43px
  }
  .error .main-error {
    font-size:5em;
    padding:15px;
    line-height:5em
  }
  .user-profile .info-box {
    display:block;
    width:auto
  }
  .user-profile .info-box .photo {
    display:block;
    width:auto
  }
  .user-profile .info-box .other-info {
    display:block;
    width:auto
  }
  .user-profile .info-box .other-info ul {
    margin:10px
  }
  .user-list .the-user {
    display:block;
    width:auto;
    max-width:420px;
    margin-right:auto;
    margin-left:auto
  }
  #search-results .result .result-img {
    width:60px;
    height:60px;
    padding:7px;
    vertical-align:top
  }
  #search-results .result .result-info {
    padding:7px
  }
  #search-results .result .result-info .result-desc {
    max-height:60px;
    overflow-y:auto
  }
  .bcs-links a {
    display:block;
    width:auto;
    margin:10px auto;
    max-width:420px
  }
  .bcs .bc-block {
    display:block
  }
  .bcs .bc-block .bc {
    max-width:none
  }
  .bcs .bc-block .bc-leader,
  .bcs .bc-block .bc-other {
    flex:none;
    max-width:100%;
    width:auto
  }
  .bcs .bc-block .bc-other .bc {
    padding-top:18px;
    border-bottom:1px solid #c7c7c7;
    margin:0
  }
  .bcs .bc-block .bc-other .bc .bc-img {
    display:none
  }
  .bcs .bc-block .bc-leader .bc .bc-h3 {
    position:relative;
    bottom:auto;
    left:auto
  }
}
@media (max-width:560px) {
  #site-logo img {
    width:160px;
    height:60px;
    max-height:none;
    max-width:none;
    min-width:0;
    min-height:0
  }
  footer#main-footer .slots-container .slot {
    width:auto;
    display:block
  }
  footer#main-footer .slots-container .slot .slot-header {
    text-align:center
  }
  footer#main-footer .slots-container .slot .slot-content {
    border:none;
    line-height:22px;
    text-align:center
  }
  footer#main-footer .slots-container .slot .slot-content ul {
    list-style-type:none;
    margin:0
  }
  footer#main-footer .slots-container .slot .slot-content ul li {
    display:inline-block;
    padding:4px 15px
  }
  footer#main-footer .slots-container .slot .slot-content ul li a {
    display:block;
    white-space:nowrap
  }
  footer#main-footer .slots-container .slot.on560hide {
    display:inherit
  }
  footer#main-footer .credits {
    text-align:center
  }
  header#page-header h1#page-title {
    font-size:27px;
    line-height:35px;
    font-weight:700;
    ffont-family:Open Sans,sans-serif;
    font-family:Hind!important;
  }
  .slide-content-con div.scrollableArea {
    height:250px
  }
  .slide-content-con .featured-bc {
    width:300px;
    max-height:350px;
    min-width:300px;
    margin-left:-50px
  }
  .slide-content-con .featured-bc .featured-bc-img {
    width:300px
  }
  .slide-content-con .featured-bc .featured-bc-img a {
    width:300px;
    height:350px;
    max-height:350px
  }
  .slide-content-con .featured-bc .featured-bc-img img {
    width:300px;
    height:350px;
    max-height:350px;
    max-width:300px
  }
  .slide-content-con .featured-bc .featured-bc-head {
    margin-right:50px
  }
  .slide-content-con .featured-bc .featured-bc-head h3 {
    font-size:18px;
    line-height:22px
  }
  .user-list .the-user {
    width:100%;
    display:table;
    margin-left:0;
    margin-right:0;
    padding-right:0;
    padding-left:0
  }
  .user-list .icon {
    display:table-cell;
    width:50px;
    vertical-align:middle
  }
  .user-list .icon img {
    width:40px;
    height:40px;
    border-color:#dedede
  }
  .user-list .info {
    display:table-cell;
    vertical-align:middle;
    text-align:left
  }
  .user-list .info h3 {
    margin:5px 0 10px 0;
    padding-left:7px
  }
  .user-list .info .other-info {
    padding-left:7px
  }
  nav#main-header #logged-in-bar .the-user-actions li:nth-last-of-type(2) {
    padding-right:15px
  }
  nav#main-header #logged-in-bar .the-user-actions li .the-text {
    display:none
  }
  .on560hide {
    display:none
  }
}
@media (max-width:360px) {
  #site-logo {
    margin-right:50px;
    margin-left:50px
  }
  #site-logo img {
    width:120px;
    height:60px;
    max-height:none;
    max-width:none;
    min-width:0;
    min-height:0
  }
}
.embedded-video-main,
.embedded-video-wrapper,
.fb-posts,
.fb-videos,
.nn-embedded-gram,
.nn-embedded-tweet {
  width:100%;
  display:block
}
.art-pager {
  text-align:center;
  height:auto;
  line-height:50px;
  padding:0;
  margin:40px 0
}
.art-pager div {
  display:inline-block;
  white-space:nowrap
}
.art-pager .art-pager-info {
  padding:0 30px;
  font-size:18px;
  font-weight:700
}
.art-pager .bare,
.art-pager .stuffed {
  background:0 0;
  border:none;
  font:inherit;
  font-size:20px;
  line-height:30px;
  font-weight:700;
  display:inline;
  box-sizing:border-box
}
.art-pager button:focus {
  outline:0
}
.art-pager .bare .text,
.art-pager .stuffed .text {
  font-size:14px;
  line-height:40px
}
.art-pager .bare i,
.art-pager .stuffed i {
  font-size:40px;
  line-height:44px;
  display:inline;
  padding:0;
  margin:0;
  vertical-align:middle
}
.art-pager .stuffed {
  cursor:pointer;
  color:#000
}
.art-pager .stuffed:hover i {
  font-size:44px;
  line-height:46px
}
.art-pager .bare {
  color:#5b5b5b;
  font-size:16px
}
.instagram-media {
  margin:15px auto!important
}
#twitter-widget-0 {
  margin:10px auto!important
}
.nn-fb-embed-res {
  overflow:hidden;
  padding-bottom:56.25%;
  position:relative;
  height:0
}
.nn-fb-embed-res iframe {
  left:0;
  top:0;
  height:100%;
  width:100%;
  position:absolute
}
.aeb-det .link-ind {
  font-weight:400;
  font-size:70%;
  color:#5b5b5b;
  vertical-align:super
}
.aeb-det .aeb-pro {
  display:inline-block;
  margin:10px;
  padding:14px;
  background-color:#000;
  color:#ffffff;
  cursor:pointer;
  font:inherit;
  border:none;
  font-weight:700
}
.aeb-det .aeb-pro:hover {
  background-color:#ffffff;
  color:#000
}
.aeb-det .hide {
  display:none
}
#sti-spo #sti-spo-han {
  display:none
}
#sti-spo.with-sticky {
  position:fixed;
  text-align:center;
  top:auto!important;
  bottom:0;
  left:0;
  right:0;
  z-index:9999999999;
  background-color:#262626;
  background:rgba(0,0,0,.8);
  height:0;
  overflow-y:hidden
}
#sti-spo.with-sticky.shown {
  overflow-y:visible;
  height:auto
}
#sti-spo.with-sticky #sti-spo-han-con {
  position:absolute;
  top:-20px;
  right:0;
  margin:0 auto
}
#sti-spo.with-sticky #sti-spo-han,
#sti-spo.with-sticky #sti-spo-tog {
  display:inline-block;
  padding:5px 10px;
  font-size:8px;
  line-height:1;
  background-color:#c7c7c7;
  cursor:pointer
}
#sti-spo.with-sticky img {
  width:720px;
  max-width:none;
  max-height:none
}
div.sp-dl-con {
  margin:30px 0;
  text-align:center
}
img.sp-dl {
  width:80%;
  max-width:600px;
  webkit-filter:brightness(90%);
  filter:brightness(90%);
  -webkit-transition:.8s -webkit-filter linear;
  -moz-transition:.8s -moz-filter linear;
  -moz-transition:.8s filter linear;
  -ms-transition:.8s -ms-filter linear;
  -o-transition:.8s -o-filter linear;
  transition:.8s filter linear,.8s -webkit-filter linear
}
img.sp-dl.sp-dl-mar {
  margin:30px 0
}
img.sp-dl:hover {
  webkit-filter:brightness(120%);
  filter:brightness(120%);
  zoom:1.05
}
@media (max-width:720px) {
  #sti-spo.with-sticky #sti-spo-han-con {
    top:-26px;
    left:auto;
    right:0
  }
  #sti-spo.with-sticky #sti-spo-han,
  #sti-spo.with-sticky #sti-spo-tog {
    font-size:12px;
    padding:7px 10px
  }
  #sti-spo.with-sticky img {
    width:auto;
    max-width:98%
  }
  #sti-spo.with-sticky #sti-spo-tog-text {
    display:none
  }
}
.spo-br {
  display:block;
  height:90px
}
.inline-spo {
  margin:20px 5px;
  font-weight:700;
  text-transform:capitalize;
  padding:10px;
  border:5px solid #000;
  border-top:none;
  border-bottom:none;
  text-align:justify
}
span.inline-spo-title {
  color:#888;
  padding-right:8px
}
span.inline-spo-main,
span.inline-spo-main a {
  color:#0000b3
}
.img-no-max-width img {
  max-width:none
}
body.with-to .bcs .bc {
  border:none;
  box-shadow:none
}
body.with-to .sidebar-box {
  box-shadow:none
}
body.with-to .file-list .a-file {
  box-shadow:none
}
body.with-to .topics-list .topics-list-piece {
  box-shadow:none
}
body.with-to .forum-categories .forum-list-block {
  box-shadow:none
}
body.with-to .news {
  box-shadow:none
}
body.with-to .slide-content-con {
  background:0 0
}
body.with-to #search-results .result {
  box-shadow:none;
  border-bottom:none
}
#content-desktop {
  display:block
}
#content-mobile {
  display:none
}
@media screen and (max-width:768px) {
  #content-desktop {
    display:none
  }
  #content-mobile {
    display:block
  }
}
.mobileHide {
  display:inline
}
@media only screen and (min-device-width :320px) and (max-device-width :480px) {
  .mobileHide {
    display:none
  }
}

img.thebannerads {
  width:300px!important;
  height:100px!important;
}


body {
  background:#333!important;
  font-size:15px;
  font-family:Arial,Helvetica,sans-serif;
  min-height:100%!important;
}

.topinfo {
  color:#fff;
  font-size:22px;
  text-align:center;
  margin-bottom:7px;
}


.ttheinput-url {
  all:unset!important;
}

input.theinput-url {
  width:100%!important;
  height:43px!important;
}
select#searchtype {
  height:43px!important;
}
div.centerinput {
  width:80%!important;
  margin:0 auto!important;
  text-align:center!important;
  padding:20px 0px 10px;
}

.typeahead__container a{all:unset;}

ul.chart-list form, ul.chart-list button, ul.chart-list a, .typeahead__container form, .typeahead__container button, {
  all:unset!important;
  display:block;
}



ul.chart-list button, ul.chart-list a, .typeahead__container button {
  display:block!important;
  width:100%!important;
}

.d-flex {
  display:flex!important
}

.align-items-center {
  align-items:center!important
}

.typeahead__list .media {
  max-width:50px;
  width:50px;
}

.mMedia {
  background-size:100% 100%!important;
  background-position:unset!important;
}

.mr-2,.mx-2 {
  margin-right:0.5rem!important;
}
.mb-2,.my-2 {
  margin-bottom:0.5rem!important;
}
.ml-2,.mx-2 {
  margin-left:0.5rem!important;
}
.m-3 {
  margin:1rem!important;
}

.typeahead__list a .caption {
  line-height:1.4;
}

.text-muted {
  color:#9999a5!important;
}

.text-12 {
  font-size:12px!important;
}

.text-14 {
  font-size:14px!important;
}

.text-16 {
  font-size:16px!important;
}

.text-18 {
  font-size:18px!important;
}

.text-20 {
  font-size:20px!important;
}

.text-22 {
  font-size:22px!important;
}

.text-24 {
  font-size:24px!important;
}

.text-28 {
  font-size:28px!important;
}

.text-32 {
  font-size:32px!important;
}

.text-36 {
  font-size:36px!important;
}

.text-42 {
  font-size:42px!important;
}

.text-48 {
  font-size:48px!important;
}

.typeahead__list aa {
  border:unset!important;
} 

input.searchtypeahead {
  padding:10px!important;
}

.typeahead__dropdown li, .typeahead__list > li.typeahead__group + li.typeahead__item, .typeahead__list > .typeahead__group, .typeahead__container button, .typeahead__list, .typeahead__dropdown, .typeahead__list > li {
  border:unset!important;
}


.typeahead__field select {
  line-height: 1.25;
  Mmin-height: calc(0.5rem * 2 + 1.25rem + 2px);
  color: #03AED2;
  background: #fff;
  bborder: 1px solid #ccc;
  border-radius: 2px 0 0 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display:inline-block!important;
  padding:9.5px 10px 10px;
  bborder-right:unset;
  width:30%;
}

.typeahead__field input {
  display:inline-block!important;
  width:70%!important;
  border-left:unset;
  border-radius: 0 2px 2px 0;
}

.typeahead__container {
  /**
     * Restore the font weight unset by the previous rule.
     */
  /**
     * Show the overflow in IE.
     * 1. Show the overflow in Edge.
     */
  /**
     * Remove the inheritance of text transform in Edge, Firefox, and IE.
     * 1. Remove the inheritance of text transform in Firefox.
     */
  /**
     * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
     *    controls in Android 4.
     * 2. Correct the inability to style clickable types in iOS and Safari.
     */
  /**
     * Remove the inner border and padding in Firefox.
     */
  /**
     * Restore the focus styles unset by the previous rule.
     */
  /**
     * Change the border, margin, and padding in all browsers (opinionated).
     */
  /**
     * 1. Correct the text wrapping in Edge and IE.
     * 2. Correct the color inheritance from `fieldset` elements in IE.
     * 3. Remove the padding so developers are not caught out when they zero out
     *    `fieldset` elements in all browsers.
     */
  /**
     * Remove the default vertical scrollbar in IE.
     */
  /**
     * 1. Add the correct box sizing in IE 10-.
     * 2. Remove the padding in IE 10-.
     */
  /**
     * Correct the cursor style of increment and decrement buttons in Chrome.
     */
  /**
     * 1. Correct the odd appearance in Chrome and Safari.
     * 2. Correct the outline style in Safari.
     */
  /**
     * Correct the text style of placeholders in Chrome, Edge, and Safari.
     */
  /**
     * 1. Correct the inability to style clickable types in iOS and Safari.
     * 2. Change font properties to `inherit` in Safari.
     */
}

.typeahead__container button,
.typeahead__container input,
.typeahead__container optgroup,
.typeahead__container select,
.typeahead__container textarea {
  font: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
}

.typeahead__container optgroup {
  font-weight: bold;
}

.typeahead__container button,
.typeahead__container input {
  /* 1 */
  overflow: visible;
}

.typeahead__container button,
.typeahead__container select {
  /* 1 */
  text-transform: none;
}

.typeahead__container button,
.typeahead__container html [type="button"],
.typeahead__container [type="reset"],
.typeahead__container [type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

.typeahead__container button::-moz-focus-inner,
.typeahead__container [type="button"]::-moz-focus-inner,
.typeahead__container [type="reset"]::-moz-focus-inner,
.typeahead__container [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

.typeahead__container button:-moz-focusring,
.typeahead__container [type="button"]:-moz-focusring,
.typeahead__container [type="reset"]:-moz-focusring,
.typeahead__container [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

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

.typeahead__container legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

.typeahead__container textarea {
  overflow: auto;
}

.typeahead__container [type="checkbox"],
.typeahead__container [type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

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

.typeahead__container ::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

.typeahead__container ::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

.typeahead__container {
  position: relative;
  font: 1rem Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.typeahead__container * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
}

.typeahead__query {
  position: relative;
  z-index: 2;
  width: 100%;
}

.typeahead__filter {
  position: relative;
}

.typeahead__filter button {
  min-width: 100%;
  white-space: nowrap;
}

.typeahead__filter button:after {
  display: inline-block;
  margin-left: 4px;
  width: 0;
  height: 0;
  vertical-align: -2px;
  content: "";
  border: 4px solid;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}

.typeahead__field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
}

.typeahead__button button {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

.typeahead__field {
  color: #555;
}

.typeahead__field input,
.typeahead__field textarea,
.typeahead__field [contenteditable],
.typeahead__field .typeahead__hint {
  display: block;
  width: 100%;
  line-height: 1.25;
  min-height: calc(0.5rem * 2 + 1.25rem + 2px);
  padding: 0.5rem 0.75rem;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 2px 0 0 2px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.typeahead__field input:focus, .typeahead__field input:active,
.typeahead__field textarea:focus,
.typeahead__field textarea:active,
.typeahead__field [contenteditable]:focus,
.typeahead__field [contenteditable]:active,
.typeahead__field .typeahead__hint:focus,
.typeahead__field .typeahead__hint:active {
  border-color: #66afe9;
}

.typeahead__container.hint .typeahead__field input,
.typeahead__container.hint .typeahead__field textarea,
.typeahead__container.hint .typeahead__field [contenteditable] {
  background: transparent;
}

.typeahead__container.hint .typeahead__query > :last-child, .typeahead__hint {
  background: #fff;
}

.typeahead__container button {
  display: inline-block;
  margin-bottom: 0;
  text-align: center;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #ccc;
  line-height: 1.25;
  padding: 0.5rem 0.75rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #555;
}

.typeahead__container button:hover, .typeahead__container button:focus {
  color: #3c3c3c;
  background-color: #f5f5f5;
  border-color: #b3b3b3;
}

.typeahead__container button:active, .typeahead__container button.active {
  background-image: none;
}

.typeahead__container button:focus, .typeahead__container button:active {
  border-color: #66afe9;
}

.typeahead__container input.disabled,
.typeahead__container input[disabled],
.typeahead__container button.disabled,
.typeahead__container button[disabled] {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #fff;
  border-color: #ccc;
}

.typeahead__container .typeahead__field input,
.typeahead__container .typeahead__field textarea,
.typeahead__container .typeahead__field [contenteditable],
.typeahead__container .typeahead__field .typeahead__hint,
.typeahead__container .typeahead__field .typeahead__label-container {
  padding-right: 32px;
}

.typeahead__filter, .typeahead__button {
  z-index: 1;
}

.typeahead__filter button, .typeahead__button button {
  margin-left: -1px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.typeahead__filter:hover, .typeahead__filter:active, .typeahead__filter:focus, .typeahead__button:hover, .typeahead__button:active, .typeahead__button:focus {
  z-index: 1001;
}

.typeahead__filter:hover button:focus, .typeahead__filter:hover button:active, .typeahead__filter:active button:focus, .typeahead__filter:active button:active, .typeahead__filter:focus button:focus, .typeahead__filter:focus button:active, .typeahead__button:hover button:focus, .typeahead__button:hover button:active, .typeahead__button:active button:focus, .typeahead__button:active button:active, .typeahead__button:focus button:focus, .typeahead__button:focus button:active {
  z-index: 1001;
}

.typeahead__filter + .typeahead__button button {
  margin-left: -2px;
}

.typeahead__container.filter .typeahead__filter {
  z-index: 1001;
}

.typeahead__list, .typeahead__dropdown {
  position: absolute;
  left: 0;
  z-index: 1000;
  width: 100%;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 2px;
  background-clip: padding-box;
}

.typeahead__result.detached .typeahead__list {
  position: relative;
  z-index: 1041;
  top: initial;
  left: initial;
}

.typeahead__dropdown {
  right: 0;
  left: initial;
  z-index: 1001;
}

.typeahead__list > li {
  position: relative;
  border-top: solid 1px #ccc;
}

.typeahead__list > li:first-child {
  border-top: none;
}

.typeahead__list .typeahead__item[disabled] > a,
.typeahead__dropdown .typeahead__dropdown-item[disabled] > a {
  cursor: not-allowed;
  color: #bababa;
  background-color: #fafafa;
}

.typeahead__list .typeahead__item > a,
.typeahead__dropdown .typeahead__dropdown-item > a {
  display: block;
  padding: 0.5rem 0.75rem;
  clear: both;
  color: #333;
  text-decoration: none;
}

.typeahead__list .typeahead__item:not([disabled]) > a:hover,
.typeahead__list .typeahead__item:not([disabled]) > a:focus,
.typeahead__list .typeahead__item:not([disabled]).active > a,
.typeahead__dropdown .typeahead__dropdown-item:not([disabled]) > a:hover,
.typeahead__dropdown .typeahead__dropdown-item:not([disabled]) > a:focus,
.typeahead__dropdown .typeahead__dropdown-item:not([disabled]).active > a {
  background-color: #f5f5f5;
  color: #3c3c3c;
}

.typeahead__list.empty > li {
  padding: 0.5rem 0.75rem;
  color: #333;
}

.typeahead__list > .typeahead__group {
  border-color: #bfdef6;
  font-weight: bold;
}

.typeahead__list > .typeahead__group:first-child {
  border-top: solid 1px #bfdef6;
}

.typeahead__list > .typeahead__group > a,
.typeahead__list > .typeahead__group > a:hover,
.typeahead__list > .typeahead__group > a:focus,
.typeahead__list > .typeahead__group.active > a {
  cursor: default;
  color: #17639f;
  background: #ecf5fc;
  display: block;
  padding: 0.5rem 0.75rem;
  clear: both;
  text-decoration: none;
}

.typeahead__list > li.typeahead__group + li.typeahead__item {
  border-color: #bfdef6;
}

.typeahead__container.result .typeahead__list,
.typeahead__container.filter .typeahead__dropdown,
.typeahead__container.hint .typeahead__hint,
.typeahead__container.backdrop + .typeahead__backdrop {
  display: block !important;
}

.typeahead__container .typeahead__list,
.typeahead__container .typeahead__dropdown,
.typeahead__container .typeahead__hint,
.typeahead__container + .typeahead__backdrop {
  display: none !important;
}

.typeahead__dropdown li:last-child {
  margin-top: 5px;
  padding-top: 5px;
  border-top: solid 1px #ccc;
}

.typeahead__cancel-button {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  right: 0;
  cursor: pointer;
  line-height: 1.25;
  padding: 0.5rem 0.75rem;
  visibility: hidden;
}

.typeahead__label .typeahead__cancel-button {
  visibility: visible;
  right: 4px;
}

.typeahead__container.cancel:not(.loading) .typeahead__cancel-button, .typeahead__label .typeahead__cancel-button {
  visibility: visible;
}

.typeahead__container.cancel:not(.loading) .typeahead__cancel-button:hover, .typeahead__label .typeahead__cancel-button:hover {
  color: #d0021b;
}

.typeahead__search-icon {
  padding: 0 1.25rem;
  width: 16px;
  height: 16px;
  background: url(data:image/svg+xml;charset=utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI1MC4zMTMgMjUwLjMxMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjUwLjMxMyAyNTAuMzEzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CjxnIGlkPSJTZWFyY2giPgoJPHBhdGggc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkOyIgZD0iTTI0NC4xODYsMjE0LjYwNGwtNTQuMzc5LTU0LjM3OGMtMC4yODktMC4yODktMC42MjgtMC40OTEtMC45My0wLjc2ICAgYzEwLjctMTYuMjMxLDE2Ljk0NS0zNS42NiwxNi45NDUtNTYuNTU0QzIwNS44MjIsNDYuMDc1LDE1OS43NDcsMCwxMDIuOTExLDBTMCw0Ni4wNzUsMCwxMDIuOTExICAgYzAsNTYuODM1LDQ2LjA3NCwxMDIuOTExLDEwMi45MSwxMDIuOTExYzIwLjg5NSwwLDQwLjMyMy02LjI0NSw1Ni41NTQtMTYuOTQ1YzAuMjY5LDAuMzAxLDAuNDcsMC42NCwwLjc1OSwwLjkyOWw1NC4zOCw1NC4zOCAgIGM4LjE2OSw4LjE2OCwyMS40MTMsOC4xNjgsMjkuNTgzLDBDMjUyLjM1NCwyMzYuMDE3LDI1Mi4zNTQsMjIyLjc3MywyNDQuMTg2LDIxNC42MDR6IE0xMDIuOTExLDE3MC4xNDYgICBjLTM3LjEzNCwwLTY3LjIzNi0zMC4xMDItNjcuMjM2LTY3LjIzNWMwLTM3LjEzNCwzMC4xMDMtNjcuMjM2LDY3LjIzNi02Ny4yMzZjMzcuMTMyLDAsNjcuMjM1LDMwLjEwMyw2Ny4yMzUsNjcuMjM2ICAgQzE3MC4xNDYsMTQwLjA0NCwxNDAuMDQzLDE3MC4xNDYsMTAyLjkxMSwxNzAuMTQ2eiIgZmlsbD0iIzU1NTU1NSIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=) no-repeat scroll center center transparent;
}

.typeahead__container.loading .typeahead__query:before, .typeahead__container.loading .typeahead__query:after {
  -webkit-transition: all 0s linear, opacity 0.2s ease;
  -o-transition: all 0s linear, opacity 0.2s ease;
  transition: all 0s linear, opacity 0.2s ease;
  position: absolute;
  z-index: 3;
  content: "";
  top: 50%;
  right: 0.55em;
  margin-top: -0.675rem;
  width: 1.35rem;
  height: 1.35rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 500rem;
  border-style: solid;
  border-width: 0.1em;
}

.typeahead__container.loading .typeahead__query:before {
  border-color: rgba(0, 0, 0, 0.35);
}

.typeahead__container.loading .typeahead__query:after {
  -webkit-animation: button-spin 0.6s linear;
  animation: button-spin 0.6s linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  border-color: #fff transparent transparent;
  -webkit-box-shadow: 0 0 0 1px transparent;
  box-shadow: 0 0 0 1px transparent;
}

@-webkit-keyframes button-spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes button-spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.typeahead__label-container {
  list-style: none;
  position: absolute;
  padding-top: calc(1rem * 0.375);
  padding-left: 6px;
  width: 100%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.typeahead__label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: calc(1rem * 0.875);
  position: relative;
  background: #ecf5fc;
  border: solid 1px #c2e0ff;
  padding-left: 4px;
  border-radius: 2px;
  margin-right: 4px;
  margin-bottom: calc(1rem * 0.375);
}

.typeahead__label > * {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.typeahead__label .typeahead__cancel-button {
  line-height: normal;
  height: auto;
  position: static;
  padding-top: calc(1rem * 0.25 - 1px);
  padding-bottom: calc(1rem * 0.25 + 1px);
  padding-left: 6px;
  padding-right: 6px;
  margin-left: 4px;
  font-size: calc(1rem * 0.875);
  border-left: solid 1px #c2e0ff;
}

.typeahead__label .typeahead__cancel-button:hover {
  background-color: #d5e9f9;
}

table.id3-table {
  table-layout:fixed;
  width:70%!important;
  margin-left:15px!important
}
table.id3-table tr:nth-child(even) {
  background:unset!important
}
table.id3-table tr {
  width:70%!important
}
table.id3-table tr::before {
  content:'\2022'!important;
  font-size:150%!important;
  vertical-align:middle!important
}
table.id3-table tr td:nth-of-type(1) {
  width:30%!important
}
table.id3-table tr td:nth-of-type(2) {
  width:60%!important
}
table.id3-table tr td {
  text-align:left!important;
  padding:10px 0!important
}

.smartbanner-show {
  margin-top:80px
}
.smartbanner-show .smartbanner {
  display:block
}
.smartbanner {
  position:absolute;
  left:0;
  top:0;
  display:none;
  width:100%;
  height:80px;
  line-height:80px;
  font-family:helvetica neue,sans-serif;
  background:#f4f4f4;
  z-index:9998;
  -webkit-font-smoothing:antialiased;
  overflow:hidden;
  -webkit-text-size-adjust:none
}
.smartbanner-container {
  margin:0 auto;
  white-space:nowrap
}
.smartbanner-close {
  display:inline-block;
  vertical-align:middle;
  margin:0 5px;
  font-family:arialroundedmtbold,Arial;
  font-size:20px;
  text-align:center;
  color:#888;
  text-decoration:none;
  border:0;
  border-radius:14px;
  -webkit-font-smoothing:subpixel-antialiased
}
.smartbanner-close:active,
.smartbanner-close:hover {
  color:#aaa
}
.smartbanner-icon {
  display:inline-block;
  vertical-align:middle;
  width:57px;
  height:57px;
  margin-right:12px;
  background-size:cover;
  border-radius:10px
}
.smartbanner-info {
  display:inline-block;
  vertical-align:middle;
  width:44%;
  font-size:11px;
  line-height:1.2em;
  font-weight:700
}
.smartbanner-title {
  font-size:13px;
  line-height:18px
}
.smartbanner-button {
  position:absolute;
  right:20px;
  top:0;
  bottom:0;
  margin:auto 0;
  height:24px;
  font-size:14px;
  line-height:24px;
  text-align:center;
  font-weight:700;
  color:#6a6a6a;
  text-transform:uppercase;
  text-decoration:none;
  text-shadow:0 1px 0 rgba(255,255,255,.8)
}
.smartbanner-button:active,
.smartbanner-button:hover {
  color:#aaa
}
.smartbanner-ios {
  background:#f4f4f4;
  background:linear-gradient(to bottom,#f4f4f4,#cdcdcd);
  box-shadow:0 1px 2px rgba(0,0,0,.5);
  line-height:80px
}
.smartbanner-ios .smartbanner-close {
  border:0;
  width:18px;
  height:18px;
  line-height:18px;
  color:#888;
  text-shadow:0 1px 0 #fff
}
.smartbanner-ios .smartbanner-close:active,
.smartbanner-ios .smartbanner-close:hover {
  color:#aaa
}
.smartbanner-ios .smartbanner-icon {
  background:rgba(0,0,0,.6);
  background-size:cover;
  box-shadow:0 1px 3px rgba(0,0,0,.3)
}
.smartbanner-ios .smartbanner-info {
  color:#6a6a6a;
  text-shadow:0 1px 0 rgba(255,255,255,.8)
}
.smartbanner-ios .smartbanner-title {
  color:#4d4d4d;
  font-weight:700
}
.smartbanner-ios .smartbanner-button {
  padding:0 10px;
  min-width:10%;
  color:#6a6a6a;
  background:#efefef;
  background:linear-gradient(to bottom,#efefef,#dcdcdc);
  border-radius:3px;
  box-shadow:inset 0 0 0 1px #bfbfbf,0 1px 0 rgba(255,255,255,.6),0 2px 0 rgba(255,255,255,.7) inset
}
.heading-top {
  font-family:Hind!important;
  left:0;
  position:relative;
  -webkit-transition:left .2s ease-out;
  -khtml-transition:left .2s ease-out;
  -moz-transition:left .2s ease-out;
  -ms-transition:left .2s ease-out;
  -o-transition:left .2s ease-out;
  transition:left .2s ease-out
}
.smartbanner-ios .smartbanner-button:active,
.smartbanner-ios .smartbanner-button:hover {
  background:#dcdcdc;
  background:linear-gradient(to bottom,#dcdcdc,#efefef)
}
.smartbanner-android {
  background:#3d3d3d url(data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7);
  box-shadow:inset 0 4px 0 #88b131;
  line-height:82px
}
.smartbanner-android .smartbanner-close {
  border:0;
  width:17px;
  height:17px;
  line-height:17px;
  margin-right:7px;
  color:#b1b1b3;
  background:#1c1e21;
  text-shadow:0 1px 1px #000;
  box-shadow:0 1px 2px rgba(0,0,0,.8) inset,0 1px 1px rgba(255,255,255,.3)
}
.smartbanner-android .smartbanner-close:active,
.smartbanner-android .smartbanner-close:hover {
  color:#eee
}
.smartbanner-android .smartbanner-icon {
  background-color:transparent;
  box-shadow:none
}
.smartbanner-android .smartbanner-info {
  color:#ccc;
  text-shadow:0 1px 2px #000
}
.search-box {
  padding:15px;
  margin-top:10px;
  margin-bottom:10px;
  font-family:Source Sans Pro
}
.thesearchbox {
  padding:5px 0 15px
}
#searchform input {
  all:unset;
  padding:7px
}
#searchform input[type=submit] {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  -webkit-border-radius:none;
  -webkit-text-fill-color:none;
  background:#000!important;
  padding:7px;
  color:#ffffff!important;
  border:1px solid #fff;
  border-left:0!important;
  border-right-width:1px!important;
  bborder-radius:0 15px 15px 0!important;
  margin-left:0!important;
  display:inline-block!important;
  font-size:15px;
  vertical-align:middle!important;
  font-family:sans-serif;
  text-transform:uppercase;
  font-weight:500
}
#s {
  width:40%;
  background:#fff!important;
  border:1px solid #fff!important;
  bborder-radius:15px 0 0 15px!important;
  text-align:left!important;
  margin-right:0!important;
  font-size:15px;
  vertical-align:middle!important
}
.smartbanner-android .smartbanner-title {
  color:#fff;
  font-weight:700
}
.smartbanner-android .smartbanner-button {
  min-width:12%;
  color:#d1d1d1;
  padding:0;
  background:0 0;
  border-radius:0;
  box-shadow:0 0 0 1px #333,0 0 0 2px #dddcdc
}
.smartbanner-android .smartbanner-button:active,
.smartbanner-android .smartbanner-button:hover {
  background:0 0
}
.smartbanner-android .smartbanner-button-text {
  text-align:center;
  display:block;
  padding:0 10px;
  background:#42b6c9;
  background:linear-gradient(to bottom,#42b6c9,#39a9bb);
  text-transform:none;
  text-shadow:none;
  box-shadow:none
}
.smartbanner-android .smartbanner-button-text:active,
.smartbanner-android .smartbanner-button-text:hover {
  background:#2ac7e1
}
.smartbanner-windows {
  background:#f4f4f4;
  background:linear-gradient(to bottom,#f4f4f4,#cdcdcd);
  box-shadow:0 1px 2px rgba(0,0,0,.5);
  line-height:80px
}
.smartbanner-windows .smartbanner-close {
  border:0;
  width:18px;
  height:18px;
  line-height:18px;
  color:#888;
  text-shadow:0 1px 0 #fff
}
.smartbanner-windows .smartbanner-close:active,
.smartbanner-windows .smartbanner-close:hover {
  color:#aaa
}
.smartbanner-windows .smartbanner-icon {
  background:rgba(0,0,0,.6);
  background-size:cover;
  box-shadow:0 1px 3px rgba(0,0,0,.3)
}
.smartbanner-windows .smartbanner-info {
  color:#6a6a6a;
  text-shadow:0 1px 0 rgba(255,255,255,.8)
}
.smartbanner-windows .smartbanner-title {
  color:#4d4d4d;
  font-weight:700
}
.smartbanner-windows .smartbanner-button {
  padding:0 10px;
  min-width:10%;
  color:#6a6a6a;
  background:#efefef;
  background:linear-gradient(to bottom,#efefef,#dcdcdc);
  border-radius:3px;
  box-shadow:inset 0 0 0 1px #bfbfbf,0 1px 0 rgba(255,255,255,.6),0 2px 0 rgba(255,255,255,.7) inset
}
.smartbanner-windows .smartbanner-button:active,
.smartbanner-windows .smartbanner-button:hover {
  background:#dcdcdc;
  background:linear-gradient(to bottom,#dcdcdc,#efefef)
}

.sharebox {
  text-align:center!important;
  margin:10px 0;
}
.other-info {
  margin-top:5px
}
.slide-content-con .featured-bc .featured-bc-head span {
  font:inherit;
  line-height:1.62em!important;
  font-size:18px!important;
  font-weight:700;
  line-height:24px!important
}
.slide-content-con .featured-bc .featured-bc-head span a {
  color:#fff
}
.slide-content-con .featured-bc .featured-bc-head div.featured-bc-h3 {
  font:inherit;
  line-height:1.62em!important;
  margin-bottom:18px!important;
  font-size:18px!important;
  font-weight:700;
  line-height:inherit!important;
  left:0;
  right:0
}
.slide-content-con .featured-bc .featured-bc-head div.featured-bc-h3 a {
  color:#fff;
  left:0;
  right:0
}
.pager {
  padding-left:0;
  margin:30px 0 0;
  text-align:center;
  list-style:none
}
.pager li {
  display:block
}
.pager li>a,
.pager li>span {
  displfay:inline-block;
  paddfing:5px 14px;
  background-color:#fff;
  border:1px solid #ddd;
  width:49%
}
.pager li>a:focus,
.pager li>a:hover {
  text-decoration:none;
  background-color:#eee
}
.pager .next>a,
.pager .next>span {
  float:right
}
.pager .previous>a,
.pager .previous>span {
  float:left
}
.pager .disabled>a,
.pager .disabled>a:focus,
.pager .disabled>a:hover,
.pager .disabled>span {
  color:#777;
  cursor:not-allowed;
  background-color:#fff
}
.pager:after,
.pager:before {
  display:table;
  content:" "
}
.pager:after {
  clear:both
}
.pager li {
  display:block
}
.pager li>a {
  width:49%;
  background:#eee;
  border:1px solid #ddd;
  padding:15px 0;
  margin:5px 0;
  display:block;
  border-radius:0!important;
  overflow:hidden;
  whhite-space:nowrap;
  text-overflow:ellipsis
}
.pager li {
  background:#fff;
  padding:0;
  margin:0;
  position:relative
}
.file-name.myhome {
  font-size:20px!important;
  line-height:25px!important;
  margin:10px 0 0!important;
  padding:0 5px!important;
  text-shadow:0
}
.file-name.myhome a {
  color:#414141;
  text-decoration:none
}
.info.infohome {
  height:100px!important;
  overflow:hidden!important
}
.file-list {
  margin:0 auto!important
}
.a-file.myfile {
  -weebkit-box-shadow:5px 5px 5px #c7c7c7!important;
  -mmoz-box-shadow:5px 5px 5px #c7c7c7!important;
  bbox-shadow:5px 5px 5px #c7c7c7
}
.a-file.myfile .image {
  position:relative
}
.a-file.myfile .image img {
  width:250px!important;
  height:250px!important;
}
.a-file.myfile .mydater {
  position:absolute;
  top:0;
  left:0;
  width:25%;
  padding:5px 5px 5px 5px;
  background:#f5f5f5;
  color:#000;
  border:1px solid #e5e5e5;
  font-size:11px!important
}
.featured-bc-head {
  left:0!important;
  right:0!important
}
.slide-content-con .featured-bc .featured-bc-img img {
  width:100%;
  overflow:visible!important;
  overflow-x:visible;
  objebct-fit:cover;
  max-width:400px;
  max-height:350px
}
.slide-content-con .featured-bc .featured-bc-img a {
  max-width:400px;
  width:300px;
  max-height:400px;
  height:350px
}
.my-navblock {
  display:block!important
}
@media(min-width:940px) {
  body {
    margin:0 auto!important;
    max-width:100%!important;
    min-width:100%!important
  }
  #page-title {
    padding:35px 20px!important;
    font-family:Hind!important
  }
  .my-navblock {
    display:inline!important
  }
  .xftr {
    margin-top:50px!important
  }
}
#main-header.now-sticky {
  left:0!important;
  right:0!important;
  width:100%important;
  z-index:17!important
}
.song-player {
  position: relative;
  z-index: 999;
  padding:0;
  margin:0;
  ttext-align:center;
  width:100%;
  max-width:100%
}
.song-info {
  padding:10px 10px 0;
  bborder-top:1px solid #212121
}
.song-info h1 {
  font-size:22px;
  line-height:1.3em;
  color:#000
}
.song-info h2 {
  font-size:1.17em;
  margin-top:0;
  padding-top:0
}
.song-name h2 {
  font-size:1.15em!important
}
ul.id3-info li:nth-last-child(1) {
  padding-bottom:0;
  margin-bottom:0
}
ul.id3-info li:nth-child(1) {
  padding-top:0;
  margin-top:0
}
a {
  color:#03AED2;
  text-decoration:none
}
a:visited {
  color:#176199
}
.hide {
  display:none
}
.clear {
  clear:both;
  float:none
}
.mainn {
  background:#f5f5f5;
  padding:20px 10px;
  margin:10px 5px -11px;
  color:#000;
  font-weight:700;
  font-size:15px;
  text-align:left;
  border-bottom:0;
  border-left:1px solid #ccc;
  border-right:1px solid #ccc;
  border-top:1px solid #ccc;
  border-radius:3px 3px 0 0;
  text-transform:uppercase
}
.content,
.table-title {
  color:#777;
  font-size:1em;
  line-height:1.5;
  margin:5px;
  text-shadow:1px 1px 2px #fff
}
.table-title {
  margin-top:20px
}
#contentt {
  padding:10px
}
.contentt {
  margin:0 5px
}
.group {
  background:#fff;
  border:1px solid #ccc;
  overflow:hidden;
  margin:10px 5px;
  padding:10px
}
ul.table.group {
  margin:10px 5px;
  padding:0
}
ul.table {
  clear:both;
  color:#999;
  list-style:none;
  margin:0
}
ul.table li {
  border-bottom:1px solid #ccc;
  paddisng:15px
}
ul.table li:last-child {
  border:0
}
ul.table li.disclosure,
ul.table.disclosure li {
  margin:0;
  padding:0;
  position:relative
}
ul.table li.disclosure a,
ul.table.disclosure a {
  border:0;
  display:block;
  pasdding:5px 10px;
  text-decoration:none
}
ul.table li.disclosure a .date,
ul.table.disclosure a .date {
  color:#666;
  font-size:11px;
  white-space:nowrap
}
ul.table li .title {
  background:#a5a5a5;
  border-bottom:1px solid #777;
  color:#fff;
  display:block;
  font-size:10px;
  font-weight:400;
  padding:3px 8px;
  text-shadow:0 1px 1px #555
}
.group {
  padding:10px 15px
}
ul.table li.disclosure a,
ul.table.disclosure a {
  paddisng:15px
}
ul.table li .title {
  padding-left:15px;
  padding-right:15px
}
#site-name a {
  padding-bottom:16px;
  padding-top:16px
}
.pagination .next a,
.pagination .prev a {
  border-bottom-width:15px;
  border-top-width:15px
}
ul.table.disclosure .posts-list a {
  padding:0;
  font-weight:400;
  color:#000;
  font-size:15px;
  height:90px;
  font-family:Source Sans Pro
}
.post-excerpt {
  padding:15px 10px 0 0!important;
  flex-direction:column;
  flex:510%;
  overflow:hidden;
  resize:vertical
}
.post-meta {
  color:rgba(0,0,0,.5);
  text-transform:uppercase
}
.post-thumbnail {
  background-size:cover;
  background-position:center;
  float:left;
  margin:0 10px 0 0;
  width:95px;
  height:90px!important;
  overflow:hidden;
  border-right:1px solid #ccc;
  position:relative
}
.post-thumbnail img {
  display:block;
  position:absolute;
  top:50%;
  left:50%;
  min-height:100%;
  min-width:100%;
  transform:translate(-50%,-50%)
}
.center {
  text-align:center
}
.clearboth {
  clear:both
}
.thecontent {
  font-size:15px
}
a.article-author-link {
  color:#000!important
}
.main.h3 {
  background-image:linear-gradient(to right,#000,#000);
  color:#fff;
  display:block;
  padding:30px 0 7px;
  font-size:1.1em!important;
  font-weight:900;
  margin:30px 0,0;
  display:flex;
  justify-content:center
}
.main.block-u {
  bbackground-image:linear-gradient(to right,#333,#000);
  background:#000;
  hheight:7px;
  margin:0 0 0;
  padding:0 0 0
}
.main.h3 a,
.main.h3 span {
  width:33%!important;
  color:#fff!important;
  text-transform:uppercase;
  padding:0;
  text-decoration:none!important;
  text-align:center;
  outline:0;
  background:#000;
  outline:0;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  cursor:auto
}
.main.h3 a {
  padding:0!important;
  outline:0;
  background:0 0;
  text-decoration:none!important;
  outline:0
}
.main.h3 a:active,
.main.h3 a:focus,
.main.h3 a:hover,
.main.h3 span:active,
.main.h3 span:focus,
.main.h3 span:hover {
  outline:0;
  background:#000;
  text-decoration:none!important;
  outline:0
}
.hide {
  display:none
}
.show {
  display:block
}
.main.h3 .arrow {
  content:"";
  dijsplay:block;
  position:absolute;
  topt:11px;
  padding:0 50px;
  left:5;
  width:30px;
  height:30px
}
.main.h3 .active {
  color:#fff!important;
  border-bottom:5px solid #fff
}
.subscribe-button-telegram {
  background-color:#3c8ce7;
  display:block;
  color:#fff!important;
  letter-spacing:4px;
  text-align:center;
  text-transform:uppercase;
  line-height:40px;
  height:40px;
  font-size:15px;
  margin-top:5px;
  text-decoration:none;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px
}
.subscribe-button-telegram img {
  height:15px;
  display:inline-block
}
.subscribe-button-whatsapp {
  background-color:#000;
  display:block;
  color:#fff!important;
  letter-spacing:4px;
  text-align:center;
  text-transform:uppercase;
  line-height:40px;
  height:40px;
  font-size:12px;
  margin-top:0px;
  text-decoration:none;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px
}
.homeinspo {
  padding:15px 10px;
}
.fixedbar {
  bottom:0;
  color:#fff;
  ffont-family:Arial,Helvetica,sans-serif;
  left:0;
  right:0;
  padding:0 0;
  position:fixed;
  font-size:16px;
  wvidth:100%;
  z-index:99999;
  float:left;
  vertical-align:middle;
  marggin:0 0 0;
  margin:0 auto;
  opacity:.95;
  font-weight:700
}
.boxfloat {
  text-align:center;
  width:100%;
  margin:0 auto;
  position:relative
}
#tips,
#tips li {
  margin:0;
  padding:0;
  list-style:none
}
#tips {
  width:100%;
  font-size:20px;
  line-height:120%
}
#tips li {
  padding:0 0;
  display:none
}
#tips li a {
  color:#fff
}
#tips li a:hover {
  text-decoration:none
}
#tips li a img {
  max-width:100%;
}
#tip-close img {
  width:15px!important;
  height:15px!important;
}
#tip-close {
  position:absolute;
  right:4px;
  top:-1px;
  display:block;
  cursor:pointer
}
.mba-link-wrapper {
  background:rgba(0,0,0,.9);
  background:#333;
  display:block;
  padding:5px 10px;
  margin:0 auto;
  border-top:1px solid #000
}
.mba-row {
  display:flex;
  background-size:36px;
  background-position:280px center
}
.mba-thumbnail {
  margin-top:5px;
  width:20%;
  text-align:left
}
.mba-thumbnail img {
  height:50px!important;
  width:60px!important;
  border:1px solid #fff
}
.mba-info {
  width:90%;
  text-align:left;
  padding-left:5px
}
.mba-title {
  display:inline-block;
  background:#000;
  color:#fff;
  font-weight:400;
  padding:1px 5px 0;
  line-height:1;
  text-transform:uppercase;
  font-size:10px;
  border-radius:4px;
  margin-bottom:3px
}
.mba-track {
  fognt-family:"Source Sans Pro";
  line-height:1.3;
  color:#fff;
  font-weight:500;
  display:block;
  box-sizing:border-box;
  font-size:13px;
  padding-left:2px;
  padding-top:10px
}
.mba-track .mba-artiste {
  display:block;
  font-weight:400;
  font-size:18px;
  font-size:21px
}
.mba-button {
  display:none;
  width:20%;
  height:40px;
  background:url(https://cdn0.iconfinder.com/data/icons/pack-web-app-game/512/play-button-512.png) no-repeat;
  background-size:contain;
  background-position:center
}
a.download {
  word-wrap:break-word!important;
  white-space:normal!important;
  line-height:1.7!important;
  ccursor:default
}
.modal {
  display:none;
  position:fixed;
  z-index:999999;
  left:0;
  top:0;
  right:0;
  bottom:0;
  overflow:none;
  background-color:#000;
  background-color:rgba(0,0,0,.4)
}
.modal iframe {
  margin:0 auto
}
.fixframe {
  position:relative
}
.modal-content {
  background-color:#fefefe;
  z-index:9999!important;
  padding:20px;
  border:1px solid #888;
  width:80%;
  top:10%;
  bottom:0;
  left:0;
  right:0;
  position:fixed;
  margin:15% auto
}
.close {
  color:#aaa;
  float:right;
  font-size:28px;
  font-weight:700
}
.close:focus,
.close:hover {
  color:#000;
  text-decoration:none;
  cursor:pointer
}
.comclose {
  color:#aaa;
  font-size:150%;
  font-weight:700
}
.comclose:focus,
.comclose:hover {
  color:#000;
  text-decoration:none;
  cursor:pointer
}
.cookie-content {
  background-color:#fefefe;
  z-index:99999!important;
  padding:20px;
  border:1px solid #888;
  width:80%;
  margin:10px auto;
  overflow-wrap:break-word
}
.fbiframe {
  background:#fff;
  padding:10px 20px;
  margin:0 auto
}
ul.s-cloud li a.xc,
div.s-cloud span a.xc {
  padding-right:7px!important
}
blockquote {
  unset:all!important
}
a.red {
  color:#ff0800!important
}
.biG {
  font-size:24px
}
.details {
  line-height:1.8!important;
  font-family:Hind;
  font-size:17px;
  color:#212121;
  text-align:left
}
.details p {
  margin:0 0 1em
}
.details h2 {
  margin:0 0 .5em!important;
  padding:0!important
}
.video-about {
  line-height:1.5!important
}
.ppost-text {
  line-height:1.5!important;
  ffont-family:"Open Sans",sans-serif;
  ccolor:#212121;
  font-family:Hind!important
}
.pages-info {
  color:#000!important
}
.itunesdownload {
  color:#fff;
  padding:5px 15px;
  border-radius:15px;
  margin:4px;
  border:1px solid #444;
  text-shadow:1px 1px #555;
  background-color:#176199
}
.doc-info {
  color:#999;
  text-align:right;
  font-size:90%;
  margin-bottom:5px
}
.ddoc-container {
  line-height:1.5em
}
.doc-title {
  background:#fff;
  color:#000
}
h2.doc-title {
  padding:10px 5px 10px 10px!important;
  margin:0 0 2px!important
}
.id3-info {
  color:#212121
}
.id3-info a {
  line-height:1.8
}
.mid3-info {
  list-style:none;
  text-align:left;
  padding:10px 15px
}
.divads {
  margin:10px 0
}
.footer-top-border-set {
  border-top:1px solid #fff!important;
  bborder-bottom:1px solid #333!important
}
header#page-header {
  padding-top:0!important
}
.heading-top {
  display:flex;
  background:#000;
  padding:0 0 10px;
  border-width:2px 0 2px;
  border-color:#333;
  border-style:solid;
  zz-index:12;
  margin-top:80px;
  font-family:sans-serif;
  margin-bottom:20px;
  padding-left:15px;
  ms-overflow-style:none
}
.heading-top-div::-webkit-scrollbar {
  display:none
}
.hheading-top-div:after {
  content:"";
  position:absolute;
  z-index:1;
  bbottom:0;
  top:0;
  right:0;
  pointer-events:none;
  background-image:linear-gradient(to right,rgba(0,0,0,0),#171515 90%);
  width:20%;
  height:100%;
}
.hheading-top {
  border-bottom:1px solid #fff
}
.heading-top-div {
  flex:0 0 100%;
  overflow-x:scroll;
  white-space:nowrap;
  margin:30px 0 0;
  padding:0
}
.heading-top-div a {
  text-decoration:none;
  border:1px solid #333;
  margin-left:10px;
  margin-bottom:20px;
  text-transform:uppercase;
  color:#fff;
  padding:5px 8px!important;
  display:inline-block;
  background:#1c1c1c;
}
.heading-top-div a:nth-last-child(1) {
  margin-right:15px
}
.heading-top-div a:nth-child(1) {
  margin-left:0
}
.heading-top-border {
  bborder-bottom:1px solid #333;
  margin:0 0 0;
  text-align:center
}
.heading-top-border:nth-child(even) {
  padding-bottom:10px
}
img.refresh-captcha {
  vertical-align:super;
  margin-left:4px
}
.myembedded-video-wrapper iframe {
  text-align:center;
  width:100%;
  margin:10px auto
}
.myerror {
  color:#d8000c;
  background-color:#ffbaba;
  padding:10px;
  margin:10px 0;
  font-weight:400!important
}
.covidtext {
  font-size:20px;
  line-height:1.4em;
  margin-bottom:5px;
  font-weight:700;
  text-transform:uppercase!important
}
.redstat {
  color:red;
  font-size:25px;
  font-weight:700
}
.supsize {
  font-size:16px;
  font-weight:700;
  vertical-align:super
}
.seecoro {
  background:#fff;
  color:#000;
  padding:8px 8px 5px;
  display:inline-block;
  margin:10px 0;
  border:1px solid #333;
  border-radius:3px 2px 3px 2px
}
table#demotable {
  table-layout:fixed;
  width:100%;
  border-collapse:collapse;
  border:1px #000 solid
}
table#demotable td {
  width:50%;
  border:1px #000 solid;
  padding:10px
}
table#demotable caption {
  font-style:italic
}
table#demotable tr {
  border-top:1px solid #333!important
}
h4.mu-o-title {
  margin-bottom:0!important
}
.mu-o-unit .mu-o-ind.ind {
  white-space:nowrap;
  color:#70757a;
  padding:15px 7px!important
}
.mu-o-unit>div {
  padding:10px 7px
}
.mu-o-unit-c {
  border-bottom:1px solid #dfe1e5;
  border-left:2px solid rgba(0,0,0,.1);
  border-right:2px solid rgba(0,0,0,.1);
  font-size:15px;
  ppadding-top:7px
}

.mu-o-unit {
    display: flex;
}


.mu-o-info {
    flex: 1;
    margin-right: 20px;
}

.mu-o-unit-c:last-child {
  border-bottom:1px solid #c7c7c7;
  padding-bottom:20px
}
.mu-o-unit-c:first-child {
  padding-top:15px
}
.mu-o-unit-c a {
  font-size:17px;
  font-weight:500
}
.mu-o h3 {
  bbackground:radial-gradient(circle farthest-side at 108px 34px,rgb(245,246,246),rgb(236,237,238)86%);
  color:#202124;
  bborder-right:8px solid #c7c7c7;
  border-left:1px solid #c7c7c7;
  border-top:1px solid #c7c7c7;
  border-right:1px solid #c7c7c7;
  border-bottom:1px solid #c7c7c7;
  margin-bottom:0;
  padding-bottom:20px;
  padding-top:25px;
  font-family:sans-serif;
  font-size:1.7em;
  padding:10px
}
.mu-o-unit-c {
  background:#fff
}
.mu-o-unit.mu-o-head>div {
  background:#fff;
  border-bottom:1px solid rgb(0,0,0,.1);
  border-top:1px solid rgb(0,0,0,.1);
  border-right:2px solid rgb(0,0,0,.1);
  font-weight:700;
  border-left:1px solid rgb(0,0,0,.1);
  padding:15px 7px
}
.mu-o-unit.mu-o-head>div:first-child {
  border-right:none;
  border-left:2px solid rgb(0,0,0,.1)!important
}
.mu-o-unit.mu-o-head>div:nth-child(3) {
  border-left:none
}
.mu-o-prod {
  color:#6C6B6B !important;
  color:#000;
  font-weight:400;
  font-family:sans-serif;
  font-size: 12px;
}
.rindx {
  padding-right:10px!important;
  font-size:16px;
  color:#212121;
  text-align:center!important;
  font-family: sans-serif;
}
.related-header {
  font-weight:700!important;
}
.wp-video,
figure.wp-caption {
  max-width:100%;
  width:99%;
  margin:0 auto
}
.post-page-featured-image {
  position:relative;
  height:350px;
  object-fit:cover;
  overflow-x:visible;
  overflow-y:hidden;
  margin:20px 0 15px 0
}
.post-page-featured-image img {
  oobject-fit:cover
}
.post-page-featured-image .watermark {
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  text-align:center;
  bbackground:linear-gradient(to bottom,rgba(0,0,0,0),#000);
  color:#fff;
  line-height:1;
  padding:4px 3px 5px;
  font-size:15px;
  display:inline-block
}
.post-page-featured-image .watermark::before {
  content:""
}
.post-page-featured-image.post-page-featured-image__music {
  max-height:inherit
}
.post-page-featured-image img {
  display:block;
  float:none;
  padding:0!important;
  max-width:100%;
  width:100%;
  max-height:100%;
  height:100%
}
.song-stats-divider {
  position:relative;
  border-top:1px solid #e5e5e5;
  margin:0 -10px 5px -10px
}
.inscp {
  margin:20px 10px
}
.hixc {
  position:relative;
  border-top:1px solid rgba(0,0,0,.1);
  margin:0 -10px 20px -10px
}
.hixc2 {
  position:relative;
  border-top:1px solid rgba(0,0,0,.1);
  margin:20px -10px 5px -10px
}
.hicc {
  position:relative;
  border-top:1px solid rgba(0,0,0,.1);
  margin:0 -10px 0 -10px
}
.midate {
  margin-bottom:15px
}
.catthecaht {
  margin:15px 0 20px
}
.catthecaht a {
  background-color:#03AED2;
  border:1px solid #03AED2;
  color:#fff;
  padding:7px 8px!important;
  font-weight:500;
  font-size:15px;
  text-transform:uppercase;
  font-family:Source Sans Pro;
  text-decoration:none
}
.rating-title {
  text-transform:uppercase;
  font-size:17px;
  margin:0 0 10px;
  font-weight:600;
  font-family:sans-serif
}
.rating-main-wrapper {
  margin-bottom:25px;
  font-family:sans-serif
}
.rating-wrapper {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:30px 20px
}
.rating-wrapper a {
  text-decoration:none!important
}
.rating-div {
  text-align:center;
  background-color:#e2e2e2;
  bborder:1px solid #c7c7c7;
  font-size:14px;
  padding-bottom:25px
}
.rating-div>p {
  line-height:1;
  font-weight:600;
  letter-spacing:-.06875rem;
  font-size:28px;
  vertical-align:baseline;
  padding:25px 0 0;
  margin-bottom:0;
  font-family:arial,helvetica;
  color:#1558d6
}
.rating-hash {
  font-family:none!important;
  font-style:none;
  ccolor:#000;
  color:#1558d6;
  font-size:28px;
  padding-right:2px
}
.rating-hash-2 {
  color:#176199;
  font-size:26px;
  padding-right:2px;
  display:none
}
.rating-name {
  color:#3c4043;
  letter-spacing:-.025rem;
  font-size:10px;
  font-weight:500;
  font-style:normal;
  font-family:'Open Sans',sans-serif;
  text-transform:uppercase
}
@media only screen and (min-width:768px) {
  .rating-wrapper {
    grid-template-columns:repeat(auto-fit,minmax(135px,1fr))
  }
}
.thefooter {
  font-size:14px;
  padding:20px 15px;
  letter-spacing:normal;
  color:#999;
  background:#000;
  orphans:2;
  text-indent: 0px;
  border-top: 1px solid #fff;
  font-family:source sans pro,sans-serif !important
}
.thefooter-wrapper {
  display:flex;
  padding:0 10px
}
.thefooter-col-1 {
  flex:110%
}
.thefooter-col-2 {
  flex:110%;
  padding-left:30px
}
.thefooter ul {
  list-style:none;
  padding:0;
  margin:0
}
.thefooter ul>li {
  margin:0 0 10px
}
.thefooter ul>li a {
  color:#ddd;
  text-decoration:none;
  font-weight:600;
  font-size:16px
}
.thefooter ul>li a.hot {
  color:#176199
}
.thefooter-wrapper h3 {
  margin:0 0 5px;
  padding:0;
  color:#176199
}
.thefooter-line {
  border-top:1px solid #03AED2;
  margin-top:10px;
  padding-top:15px;
  text-align:center
}
.thefooter-social-pack {
  margin:5px 0 15px
}
.thefooter-copyright {
  margin-bottom:25px;
  font-size:15px
}
.album-side {
  display:grid;
  grid-template-columns:1fr 50px;
  position:relative
}
.album-side-1 {
  padding:7px 0;
  color:#000!important
}
.album-side-1 a {
  ccolor:#212121;
  font-size:17px;
  font-weight:400;
  font-family: sans-serif;
}
.album-side-2 {
  text-align:right;
  mmargin-right:5px;
  position:absolute;
  top:20%;
  right:5px;
  font-family: sans-serif;
}
.album-side-2 span {
  color:#3c4043;
  font-size:90%;
  ffont-family:Open Sans,sans-serif;
  margin-right:5px
}
.thefeat {
  ccolor:#999999
}
.chart-list {
  font-family:source sans pro,sans-serif;
  background-color:#fff;
  list-style-type:none!important;
  list-style:none!important;
  width:100%;
  margin:0;
  bborder-top:1px solid #cccccc;
  border-top:1px solid rgba(0,0,0,.1)
}
.chart-list.index {
  margin-bottom:0;
  margin-top:0
}
.chart-li {
  bborder-bottom:1px solid #cccccc;
  border-bottom:1px solid rgba(0,0,0,.1);
  padding:0 0;
  margin:0;
  position:relative
}
.chart-li a {
  display:flex;
  display:ms-flexbox;
  text-decoration:none!important;
  padding:10px 0;
  height:100%
}
.chart-li a img {
  width:70px;
  height:65px;
  vvertical-align:middle;
  margin-right:8px;
  margin-left:10px
}
.chart-body {
  -ms-flex:1;
  flex:1
}
.chart-body {
  pposition:absolute;
  vvertical-align:middle;
  ttop:50%
}
.chart-body .name-title {
  font-size:15px;
  overflow:hidden;
  mmax-height:3.6em;
  hheight:3em;
  margin-bottom:3px;
  font-weight:600;
  line-height:1.2em;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  color:#212121;
  margin-top:0;
  padding-top:3px;
  padding-bottom:3px;
  margin-right:10px;
  font-family:"Source Sans Pro",sans-serif;
  padding-right:2px;
  vertical-align:bottom
}
.name-title.bign {
  font-size:15px;
  font-weight:600;
  color:#212121;
  font-family:'Source Sans Pro',sans-serif,arial,helvetica
}
.chart-body .other-details {
  overflow:none;
  line-height:16px;
  mmax-height:16px;
  display:-webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
  color:#999
}
.chart-body .other-details span {
  margin-right:3px
}
.other-details .artistname {
  margin-bottom:3px;
  color:#414141;
  font-weight:400;
  font-family:sans-serif;
  padding-right:5px;
  font-size:14px
}
.chart-body .entry {
  text-transform:uppercase;
  line-height:1.35em;
  padding:0 4px;
  background:#aaa;
  color:#fff;
  display:inline-block;
  margin-bottom:3px;
  font-size:14px
}
.rankchange {
  margin-top:2px;
  color:#999;
  font-size:13px
}
.rankchange span {
  margin-top:1px;
  display:block
}
.wnum {
  padding-right:3.5px
}
.wnum-2 {
  padding-right:0!important
}
.wgreen {
  color:#5aac29
}
.wred {
  color:#ef3e36
}
.smallspan {
  margin-top:3px;
  font-size:13px
}
.weeklychartlist-other-info .entry {
  text-transform:uppercase;
  line-height:1.35em;
  padding:0 4px;
  background:#aaa;
  color:#fff;
  display:inline-block;
  margin-bottom:3px;
  font-size:14px
}
.chartlist-other-info {
  display:block
}
.weeklychartlist-other-info {
  -ms-flex:0.5;
  flex:0.5;
  margin-right:10px;
  text-align:right
}
.chartlist-other-info span {
  display:inline-block
}
.chart-list.related .artistname {
  color:#414141
}
@media only screen and (min-width:768px) {
  header#page-header h1#page-title {
    font-size:35px;
    line-height:40px
  }
  .weeklychartlist-other-info .entry {
    font-family:Source Sans Pro,sans-serif
  }
  .rating-div {
    border:none
  }
  .rankchange {
    padding-right:10px
  }
  .weeklyspan {
    display:block;
    margin-top:5px;
    font-size:90%
  }
  .weeklychartlist-other-info {
    margin-right:12px
  }
  .chartlist-other-info {
    -ms-flex:1;
    flex:1;
    margin-right:10px;
    text-align:right;
    color:#999
  }
  .chartlist-other-info span {
    display:inline-block;
    margin-bottom:3px;
    margin-right:3px
  }
  .chartlist-other-info .entry {
    text-transform:uppercase;
    line-height:1.35em;
    padding:0 4px;
    background:#aaa;
    color:#fff;
    display:inline-block;
    margin-bottom:3px;
    font-size:14px
  }
  .other-details .artistname {
    font-weight:500;
    font-family:Source Sans Pro;
    color:#414141;
    margin-top:3px
  }
  .chart-list.related .artistname {
    color:#414141;
    padding-left: 75px;
  }
  .chart-body .name-title {
    font-size:16px;
  }
  .chart-list li a:active {
    background:#f6f6f6;
  }
  .chart-body .other-details {
    font-family:sans-serif;
  }
}
.artistname.index {
  ccolor:#414141!important;
  font-family:Source Sans Pro;
  margin-top:3px;
  font-size:105%;
  font-weight:500;
}
.name-title.index {
  font-family:"Source Sans Pro",sans-serif;
  font-weight:600;
  color:#212121;
}
.badge-rate {
  box-sizing:inherit;
  font-style:normal;
  margin:5px 0 0 5px;
  positioun:relative;
  z-index:1;
  font-size:17px;
  height:35px;
  text-align:center;
  min-width:30px;
  font-weight:600;
  line-height:30px;
  border-radius:42px;
  color:#000;
  transition:all .3s ease-out;
  ppadding-left:10px;
  ppadding-right:5;
}
span.badge-rate+img {
  border-radius:4px;
  width:70px;
  height:60px;
}
.badge-rate:hover {
  -webkit-transform:rotate(360deg)!important;
  -moz-transform:rotate(360deg)!important;
  -ms-transform:rotate(360deg)!important;
  -o-transform:rotate(360deg)!important;
  transform:rotate(360deg)!important;
}
.badge-rate-2 {
  box-sizing:inherit;
  font-style:normal;
  margin:8px 8px 0 0;
  positioun:relative;
  z-index:1;
  font-size:15px;
  height:35px;
  text-align:center;
  background:#ccc;
  min-width:35px;
  font-weight:700;
  line-height:35px;
  border-radius:42px;
  color:#000;
  transition:all .3s ease-out;
}
.badge-rate-2:hover {
  -webkit-transform:rotate(360deg)!important;
  -moz-transform:rotate(360deg)!important;
  -ms-transform:rotate(360deg)!important;
  -o-transform:rotate(360deg)!important;
  transform:rotate(360deg)!important;
}
.chartlist-header {
  background:#fff;
  padding:20px 10px;
  display:flex;
  font-family:Source Sans Pro,sans-serif;
}
.chartlist-header {
  padding:10px 10px;
  margin-top:0;
}
.chartlist-type {
  -ms-flex:0.5;
  flex:0.5;
  font-size:17px;
}
.chartlist-select {
  -ms-flex:1;
  flex:1;
  text-align:right;
}
.chartlist-type {
  font-size:20px;
  font-family:Source Sans Pro,sans-serif;
  font-weight:700;
  margin-top:2px;
  line-height:1.2em;
}
.chartlist-select select {
  box-sizing:border-box;
  -webkit-font-smoothing:antialiased!important;
  font-size:13px;
  margin:0;
  vertical-align:middle;
  hheight:30px;
  ppadding:10px 10px;
  background:#f6f6f6;
  border:1px solid #ccc;
  border-radius:100px;
  width:85%;
  color:#444;
  text-transform:capitalize;
  font-weight:700;
  lletter-spacing:-0.04rem;
  text-align-last:center;
  font-family:"Open Sans";
}
.chartlist-select select:focus {
  border:1px solid #6c6b6b;
  outline:0
}
.chart-list.related li:first-child {
  bborder-top:1px solid #cccccc;
  border-top:1px solid rgba(0,0,0,.1);
}
.chart-list.related li {
  margin-left:-10px;
  margin-right:-10px;
  pposition:relative;
}
.chart-list.related>li a {
  margin-left:0!important;
}
.chart-list.related>li {
  paddingg:0;
}
.chart-list li a name-title {
  height:5em;
}
.chart-list.related {
  border-top:none;
}
.chartlist-type.related:first-childd {
  border-top:5px solid red!important;
}
.chartlist-type.related {
  -ms-flex:1;
  flex:1;
  font-size:22px!important;
  margin-left:-13px;
  mmargin-right:-23px;
  mmargin-bottom:5px;
  pposition:relative;
  ppadding:10px 0 10px 10px;
  padding-bottom:5pxfont-family:sans-serif!important;
  font-weight:400!important;
}
h2.chartlist-type.related {
  margin-bottom:5px!important;
}
.mpostheader {
  font-size:14px;
  color:#212121;
  position:relative;
  margin:0 -10px 25px -10px;
  font-weight:400;
  font-family:Source Sans Pro,sans-serif;
  padding:0 10px 0 10px;
}
.mpostheader i {
  font-size:90%;
}
.mpostheader .h1,
.mpostheader h1 {
  font-size:25px;
  margin:0 0 0;
  font-family:inherit;
  font-weight:700;
  line-height:1.5;
  font-family:sans-serif!important;
  padding-right:0;
  padding-top:3px;
}
.mpostheader h2.music {
  font-size:18px;
  font-color:#888888;
  font-weight:500;
  font-family:Source Sans Pro,sans-serif;
  display:block;
  margin-top:7px;
  margin:10px -7px 7px -12px;
  padding-left:12px;
  padding-right:7px;
  padding-bottom:6px;
  bborder-bottom:1px solid #c1c1c1;
}
.mpostheader .div {
  position:relative;
  margin:10px 0 7px;
  ppadding-left:10px;
  ppadding-right:10px;
  padding-top:7px;
  padding-bottom:10px;
  color:#373737;
  border-top:1px solid rgba(0,0,0,.2);
  bborder-bottom:1px solid rgba(0,0,0,0.1);
  font-size:14px;
  font-family:Hind!important;
  font-weight:400;
}
.mpostheader .div time {
  ffont-weight:bold;
}
.mpostheader .div>a {
  color:#444!important
}
img.headerbadge {
  width:14px!important;
  height:14px!important;
  vertical-align:sub;
}
.tsmall {
  font-size:14px
}
span.toright {
  right:0;
  top:30%;
  position:absolute;
  font-weight:800!important;
  font-size:16px;
}
.toright a {
  ccolor:#49B54D;
  padding:0;
  text-decoration:none
}
.toright i {
  font-size:100%!important
}
.torightt {
  font-weight:400!important
}
@media only screen and (min-width:768px) {
  .relpost-block-single-image {
    height:160px
  }
  
  .mpostheader {
    border-bottom:1px solid #c1c1c1;
    padding:0 7px 15px 15px
  }
  .mpostheader .toright {
    bottom:unset
  }
  .mpostheader .h1,
  .mpostheader h1 {
    font-size:24px;
    margin:10px 0 0;
    font-family:inherit;
    font-weight:700;
    line-height:1.2;
    font-family:'Open Sans',arial,helvetica,sans-serif!important;
    padding-top:10px
  }
  span.toright {
    top:14%
  }
  .mpostheader .div {
    margin-top:20px;
    padding-bottom:7px;
    padding-top:0;
    border-width:0;
    font-size:16px
  }
  img.headerbadge {
    display:inline-block!important
  }
  .badge-rate {
    background:#ccc;
    margin:8px 0 0 7px;
    min-width:35px;
    line-height:30px;
    font-size:15px;
    font-weight:700;
    padding-left:0;
    padding-right:0;
    min-width:30px
  }
}
.stick-kit {
  position:-webkit-sticky;
  position:sticky;
  top:0
}
#HCB_comment_box>h3,
.commentbox-header {
  background:#f2f2f2;
  border:1px solid rgba(0,0,0,.1);
  border-width:1px 0;
  position:relative;
  margin-left:-10px;
  margin-right:-10px;
  padding:12px 7px;
  font-size:16px;
  font-family:"Open Sans",sans-serif;
  color:#212121
}
.home-desc,
[href*=htmlcommentbox] {
  display:none
}
.admin-link>a {
  display:block!important
}
#comments_list {
  background:#f2f2f2;
  border-style:solid;
  border-color:#c1c1c1;
  border-width:0 0 1px;
  border-top:1px solid rgb(0,0,0,.1);
  border-bottom-width:0;
  margin-left:-10px;
  margin-right:-10px;
  padding:30px 18px 15px;
  margin-bottom:0
}
@media only screen and (min-width:768px) {
  #comments_list {
    padding:25px 70px 15px
  }
}
#comments_list+p {
  background:#f2f2f2;
  margin-left:-10px;
  margin-right:-10px;
  padding:10px 20px 20px;
  text-align:center;
  border-bottom:1px solid #c1c1c1;
  bborder-top:1px solid #e5e5e5;
  margin-top:-10px
}
#comments_list .comment {
  background:#fff;
  border:1px solid #c1c1c1;
  border-radius:5px;
  padding:15px 10px 20px;
  margin-bottom:10px
}
#comments_list .comment .date {
  color:#686c6e;
  font-size:13px
}
#comments_list .comment .date::before {
  font-family:FontAwesome;
  content:"\f017";
  font-size:14px;
  padding-right:2px
}
#comments_list .comment blockquote {
  all:unset
}
#comments_list .comment blockquote {
  display:block!important;
  margin:15px 0;
  font-family:"Source Sans Pro",sans-serif;
  font-family:Hind!important;
  line-height:1.5em
}
input.hcb-shadow-r,
textarea.hcb-shadow-r {
  display:block;
  margin-bottom:8px;
  padding:6px;
  font-size:14px;
  line-height:1.428571;
  color:#6c6b6b;
  -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  border:1px solid #c1c1c1;
  border-radius:3px;
  box-shadow:inset 0 0 5px rgba(47,47,47,.3);
  -moz-box-shadow:inset 0 0 5px rgba(47,47,47,.7);
  -webkit-box-shadow:inset 0 0 5px rgba(47,47,47,.3);
  background:#fff;
}
input.hcb-shadow-r {
  width:50%;
  height:25px;
  margin-bottom:12px
}
textarea.hcb-shadow-r {
  height:150px;
  width:95%!important
}
#comments_list .comment .likes {
  padding-right:5px
}
.stickyx {
  height:50px
}
.fixed {
  position:fixed
}
.pusup {
  margin-top:23px;
  font-family:sans-serif
}
.mu-o {
  border-top:1px solid rgb(0,0,0,.1);
  margin-left:-10px;
  margin-right:-10px;
  padding:30px 5px 10px 10px;
  bbackground:#F2F2F2
}
.advertTitle {
  font-weight:700;
  color:#fff;
  padding-top:20px
}
.advertBody {
  line-height:2em;
  padding-left:10px;
  color:#fff;
  font-size:14px;
  padding-right:10px
}
.advertBody a {
  color:#03AED2
}
.myfooter ul {
  list-style:none;
  list-style-type:none;
  font-family:Open Sans,sans-serif;
  padding:0;
  margin:0;
  padding-top:10px
}
.myfooter.container {
  -webkit-box-sizing:border-box;
  box-sizing:border-box
}
.myfooter .pageWrapper {
  text-align:center;
  width:100%;
  background:#000
}
.myfooter .footNav {
  overflow:hidden;
  font-size:14px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -ms-flex-pack:distribute;
  justify-content:space-around
}
.myfooter .footNav li {
  color:#fff;
  width:30%;
  margin-right:3px
}
.myfooter .footNav li a {
  text-decoration:none;
  color:#fff;
  font-size:13px;
  width:100%;
  height:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  padding:4px;
  text-align:left
}
.myfooter .portalLogo {
  margin:0;
  display:block
}
.myfooter .portalLogo img {
  max-height:40px
}
.myfooter .topFooter {
  width:92%;
  margin:0 auto;
  padding:0 10px 10px;
  display:none
}
.myfooter .topFooter li {
  margin:5px 0;
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  background:#2b2b2b;
  border:1px solid #2b2b2b;
  height:50px;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.myfooter .bottomFooter {
  background:#000;
  padding:20px 15px 10px
}
.myfooter .bottomFooter .serviceFooterContainer {
  margin-bottom:30px
}
.socialLinks.serviceFooterContainer {
  margin-bottom:5px
}
ul.profileList {
  margin-bottom:0
}
.myfooter #socialLinks .profileList {
  display:flex;
  justify-content:center
}
.myfooter #socialLinks .profileList a {
  width:100%;
  margin-right:10px;
  padding:7px 3px;
  text-align:center;
  color:#fff;
  background:#2b2b2b
}
.myfooter #socialLinks .profileList a:nth-last-child(1) {
  margin-right:0
}
.myfooter #socialLinks .profileList i {
  font-size:30px;
  padding:5px;
  font-color:#ffffff
}
#copyrights {
  margin:20px 15px 25px;
  padding-top:10px
}
#copyrights .copy {
  color:#fff;
  font-size:12px;
  line-height:14px;
  padding:10px
}
.copybold {
  font-weight:500
}
.hh2black {
  font-size:1.5em!important;
  color:#212121;
  padding:0 0 5px;
  font-family:sans-serif
}
.h2black {
  font-size:25px!important;
  margin:0 0 0;
  font-family:inherit;
  font-weight:700;
  line-height:1.5;
  font-family:sans-serif!important;
  padding-right:0;
  padding-top:3px
}
#contents-column>div.chartlist-header {
  padding-top:30px;
  padding-bottom:30px;
  mmargin-top:-60px
}
img.topbannerads {
  width:299px!important;
  height:37px!important
}
div.chart-body theind {
  position:relative;
  height:100%
}
div.theindpos {
  position:absolute;
  top:50%;
  -webkit-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  transform:translateY(-50%)
}
div.theindpos h2.name-title {
  line-height:1.4em
}
.my-author {
  margin-bottom:5px
}
.admin-author-name img.commentavatar {
  display:inline-block;
  height:30px;
  width:30px;
  border-radius:30px;
  vertical-align:bottom;
  margin-bottom:-5px;
  margin-right:0
}
.admin-author-name img.commentavatar.top {
  margin-left:0;
  height:22px;
  width:22px;
  margin-bottom:0
}
.author-name::before {
  content:"";
  display:inline-block;
  height:30px;
  width:30px;
  background:url(https://secure.gravatar.com/avatar?s=40&d=mm&r=g?s=280&d=mm&r=g);
  background-repeat:no-repeat;
  background-size:30px;
  border-radius:30px;
  vertical-align:bottom;
  margin-bottom:-5px;
  margin-right:4px
}
.theauthor-name::before {
  content:"";
  display:inline-block;
  height:30px;
  width:30px;
  background:url(https://secure.gravatar.com/avatar?s=40&d=mm&r=g?s=280&d=mm&r=g);
  background-repeat:no-repeat;
  background-size:30px;
  border-radius:30px;
  vertical-align:bottom;
  margin-bottom:-17px;
  margin-right:2px;
  margin-left:-2px
}
strong.ttheauthor-name {
  display:inline-block;
  position:relative;
  vertical-align:bottom!important;
  margin-bottom:-20px!important;
  border:1px solid #c1c1c1;
  padding:5px 0 5px 5px;
  border-radius:100% 0 0 100%;
  border-width:1px 0 1px 1px;
  margin-right:5px
}
strong.theauthor-name {
  overflow:hidden!important;
  word-break:break-all;
  text-overflow:ellisis;
  white-space:nowrap;
  mmax-height:10px;
  lline-height:50px;
  width:1px
}
.admin-theauthor-name img.commentavatar {
  display:inline-block;
  height:30px;
  width:30px;
  border-radius:30px;
  vertical-align:bottom;
  margin-bottom:-17px;
  margin-right:1px
}
#comments_list .pages {
  border:1px solid #c1c1c1;
  padding:15px 0
}
p.nocomyet {
  bbackground:#e5e5e5;
  margin-left:-10px;
  margin-right:-10px;
  mmargin-top:-30px;
  padding:0 20px 10px;
  text-align:center;
  bborder-bottom:1px solid #c1c1c1;
  bborder-top:1px solid #c1c1c1;
  mmargin-top:-10px;
  padding-bottom:20px;
  mmargin-top:-20px;
  pposition:absolute
}
#comments_list i.fa {
  color:#000!important;
  font-size:90%
}
[id*=likespan-] {
  position:absolute;
  top:20px;
  right:8px
}
.small {
  font-size:13px
}
input.stickinput {
  margin-left:30px!important
}
.delaccbut {
  margin-bottom:-3px
}
[id*=thereplyform_] {
  display:none
}
.myhide,
a .myhide {
  display:none!important
}
[class*=my-author-reply]:nth-child(odd) {
  bbackground:#f1f1f1;
  padding:10px 0 2px;
  margin-left:-25px;
  mmargin-right:10px;
  margin-top:0;
  position:relative;
  bborder-bottom:1px solid #c1c1c1;
  bborder-top:1px solid #c1c1c1;
  bborder-left:1px solid #c1c1c1;
  bborder-radius:100% 0 100% 100%;
  margin-bottom:-15px!important
}
[id*=comreply_] blockquote {
  border-top:1px solid #c1c1c1!important;
  padding:8px 5px 5px 5px!important;
  mmargin-top:0!important;
  font-family:Hind!important;
  line-height:1.5em
}
.warn {
  background-color:#eee1a2;
  ccolor:#8A6D3B;
  margin:10px;
  text-align:center;
  padding:15px 30px;
  border:1px solid rgba(0,0,0,.1);
  border-width:1px 2px;
  bborder-radius:4px;
  font-family:'Open Sans',arial,helvetica;
  font-size:15px;
  display:inline-block;
  line-height:1.8
}
.reply-btn {
  display:none
}
a#showthis {
  display:inline-block
}
.submit-reply {
  bborder-radius:4px;
  outline:0;
  background-color:#03AED2;
  color:#fff;
  padding:10px 10px;
  display:inline-block;
  font-weight:600;
  margin:5px 0;
  white-space:nowrap;
  border-width:0;
  font-size:14.5px;
  ccursor:default
}
.submit-reply:hover {
  background-color:#176199
}
.ssubmit-reply {
  background-color:#176199
}
[id*=reply-message] {
  margin:10px 0 5px;
  display:none;
  font-size:85%
}
.reply_form {
  margin-top:30px
}
.reply_form input[type=text],
.reply_form textarea {
  display:block;
  margin-bottom:8px;
  padding:6px;
  font-size:14px;
  line-height:1.428571;
  color:#6c6b6b;
  -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  border:1px solid #c1c1c1;
  border-radius:3px;
  box-shadow:inset 0 0 5px rgba(47,47,47,.3);
  -moz-box-shadow:inset 0 0 5px rgba(47,47,47,.7);
  -webkit-box-shadow:inset 0 0 5px rgba(47,47,47,.3);
  background:#fff
}
.reply_form input[type=text] {
  width:95%;
  height:25px;
  margin-bottom:12px
}
.reply_form textarea {
  height:100px;
  width:100%!important
}
[id*=ccomreply]:nth-child(odd) {
  background:#f5f5f5!important
}
[id*=comreply_] {
  bbackground:#F5F5F5!important;
  border-width:0!important;
  width:100%;
  position:relative;
  margin-top:5px!important;
  margin-bottom:0!important
}
[id*=comreply_] .comment-details {
  margin-left:30px!important
}
.comment {
  max-width:100%
}
.thereplies {
  margin-left:40px!important;
  margin-right:10px!important;
  margin-top:0
}
.margintop {
  margin-top:20px
}
#HCB_comment_form_box label {
  margin-bottom:5px;
  display:block;
  font-weight:600
}
#HCB_comment_box a {
  ccolor:#CC0000
}
#comment-message {
  margin:10px 0 5px;
  display:none;
  font-size:85%
}
input.submit {
  bborder-radius:4px;
  outline:0;
  background-color:#03AED2;
  background:#03AED2;
  color:#fff;
  padding:10px 10px;
  display:inline-block;
  font-weight:600;
  margin:5px 0;
  white-space:nowrap;
  border-width:0;
  font-size:14.5px;
  ccursor:default
}
input.submit:hover {
  background-color:#176199
}
input.submit:active {
  background-color:#176199
}
.reply {
  margin-left:50px;
  width:100%;
  max-width:100%
}
.reply_form {
  margin-left:50px;
  ddisplay:none;
  right:10
}
#HCB_comment_box #HCB_comment_form_box {
  padding-bottom:1em
}
#HCB_comment_box {
  bborder-bottom:1px solid #c1c1c1!important;
  ddisplay:none
}
#HCB_comment_box .hcb-link {
  cursor:pointer
}
#HCB_comment_box .hcb-icon {
  border:0 transparent none
}
#HCB_comment_box textarea {
  display:block;
  width:100%;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  width:100%
}
#HCcB_comment_box blockquote {
  margin:0 10px;
  overflow:hidden
}
#HCB_comment_box .hcb-err {
  color:red
}
#HCB_comment_box .hcb-comment-tb {
  margin:0
}
#HCB_comment_box .comment {
  position:relative
}
#HCB_comment_box .comment .likes {
  position:absolute;
  top:0;
  right:0;
  opacity:.8
}
#HCB_comment_box .comment .hcb-comment-tb a {
  visibility:hidden
}
#HCB_comment_box .comment:hover .hcb-comment-tb a {
  visibility:visible
}
#HCB_comment_box .gravatar {
  padding-right:2px
}
#HCB_comment_box input {
  margin-left:0
}
#HCB_comment_box input[type=file] {
  display:none
}
#HCB_comment_box input.inputfile {
  width:.1px;
  height:.1px;
  opacity:0;
  overflow:hidden;
  position:absolute;
  z-index:-1
}
#HCB_comment_box input.inputfile+label {
  display:inline
}
.vicads a {
  font-size:110%;
  color:red;
  font-weight:700;
  line-height:1.7em;
  margin-top:2px
}
.posts-list .post-text {
  all:unset
}
.posts-list .post-text {
  line-height:1.7!important;
  ffont-family:sans-serif;
  font-size:16px;
  ccolor:#212121;
  text-align:left;
  font-family:Hind!important
}
.posts-list {
  padding:10px 10px 0!important;
  border-top:1px solid #212121;
  background:#fff!important
}
.posts-list .post-footer {
  border-bottom:unset
}
img.imgphoto {
  margin:0 auto!important;
  max-width:100%
}
span.aetit {
  padding:0 5px 10px!important;
  background:purple;
  color:#fff;
  text-transform:uppercase
}
#thelatest {
  margin-top:40px
}
#thelatest .main.h3 {
  padding:20px 0
}
.jnad {
  margin:20px 10px;
  text-align:center
}
.jnad img {
  width:300px;
  height:100px
}
.hxrline {
  border-bottom:1px solid #c1c1c1;
  margin-left:-10px;
  margin-right:-10px;
  margin-bottom:10px
}
iiframe#playER {
  height:183px!important
}
.sharethis-inline-share-buttons {
  padding-bottom:0px;
  border-bottom:1px solid rgba(0,0,0,.1)!important;
  margin:-10px 0 0px
}
.song-info .bvideo-stream {
  width:100%;
  height:285px;
  margin:0 auto
}
img.hdepicads {
  width:300px!important;
  height:100px!important;
}
.myShareWrapper div.myShareDiv {
  display:inline-block;
}
div.myShareDiv:hover {
  margin-top:-5px!important;
  vertical-align:top;
}
.themore a {
  display:block;
  color:#ddd;
  text-align:center;
  padding:15px 20px;
  background:rgb(1,1,17);
  border-radius:8px;
  margin:0 20px 5px;
}
.themore a:hover {
  color:rgba(255,255,255,0.6);
  background:rgba(34,34,34,0.7)
}
.jointelegram {
  border:1px solid #C33300;
  border-radius:2px;
  background:#F0F8FF;
  display:flex;
  align-items:center;
  padding:7px;
  justify-content:space-between;
  margin:10px 0;
}
.jointelegram a {
  text-decoration:none;
  background:#C33300;
  color:#fff!important;
  padding:5px 10px;
  border-radius:2px;
  flex-shrink:0;
}

.join-social-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #C33300; /* Set background color */
    color: #ffffff; /* Text color */
    font-size: 16px; /* Adjust font size */
    font-weight: bold;
    text-decoration: none;
    padding: 10px 20px; /* Adjust padding */
    border-radius: 8px; /* Rounded corners */
    transition: background-color 0.3s ease; /* Add hover effect */
}

.join-social-button:hover {
    background-color: #A82B00; /* Slightly darker shade on hover */
}

.join-social-button i {
    margin-right: 8px; /* Add spacing between icon and text */
    font-size: 18px; /* Adjust icon size */
}


.nav {
  background-color:#4c4cac;
  width:100%;
  padding:10px;
  border-radius:3px;color:#fff
}

.nav2 {background-color:#fff;
  width:100%;
  padding:10px;
  border-radius:3px;
  color:#000;
}

.row1 {
  background-color:#fff;
  width:100%;
  padding:10px;
  border-radius:3px;
  color:#000}

.publish {
  display:inline-table;
  padding:5px;
  width:auto
}

.publish select {
  width:auto!important;
  font-weight:400;
  font-size:small;
  padding:5px;
  margin:5px;
}

.publish input[type=submit]{
  background-color:#4c4cac;
  color:#fff;
  font-size:small;
  padding:5px 10px;
  margin:5px}

.thelist-div {
  background:#fff;
  padding:20px;
  border-top:1px solid #333;
  line-height:1.5em
}

.thelist-div a {
  border:1px solid #ccc;
  margin-left:15px;
  margin-bottom:10px;
  text-transform:uppercase;
  color:#000;
  font-weight:700;
  font-size:15px;
  padding:5px!important;
  display:inline-block
}

.thevlist-div {
  background:#fff;
  padding:10px;
  border-top:1px solid #333
}

.thevlist-div a {
  border:1px solid #ccc;
  margin-left:15px;
  margin-bottom:10px;
  text-transform:uppercase;
  color:#000;
  font-weight:700;
  font-size:15px;
  padding:5px!important;
  display:inline-block
}

.black {
  color:#000!important
}

.music-body {
  bbackground:rgb(243,243,243);
  background:#f1f3f4;
  padding:15px 10px 15px
}

.keyhide {
  display:none
}

.mpostheader .div {
  border:0
}
.song-info,.video-file {
  box-shadow:rgba(0,0,0,.45) 0 2px 10px -4px
}

.trend-info {
  box-shadow:rgba(0,0,0,.45) 0 2px 10px -4px
}
article.song-info {
  margin-top:15px;
  margin-bottom:15px
}

.comment-details blockquote {
  font-size:16px!important
}

#contents-column {
  margin-right:0;
}

footer#main-footer {
  background:#000;
}

header#page-header {
  margin:0!important;
}

.hheading-top {
  margin-top:0!important;
}

#sti-spo.with-sticky,#main-header,#main-header.now-sticky {
  position:unset!important;
}.heading-top {
  margin-top:0px;
}

/* The Modal (background) */
.modal {
  display:none;
  position:fixed;
  z-index:99999;
  left:0;
  top:0;
  width:100%;
  height:100vh;
  ooverflow:auto;
  background-color:#000;
  background-color:rgba(0,0,0,.8);overflow-y:hidden
}

.modall-content {
  background:0 0!important;
  margin:40% auto;
  padding:20px;
  bborder:1px solid #888;
  width:80%}

.adsclose {
  color:red;
  float:right;
  font-size:28px;
  font-weight:700}

.adsclose:focus,.adsclose:hover {
  color:#fff;
  text-decoration:none;
  cursor:pointer}

/* ****Related Posts**** */
h3.read-also-header span {
  display:inline-block;
  padding:0;margin-top:10px;
  bbackground:#ff0000;
  color:#fff!important;
  font-size:19px;color:red!important
}

.relpost-thumb-wrapper {
  padding-bottom:32px;
}.relpost-thumb-container h3 {
  text-transform:uppercase;
  font-size:20px!important;
  font-weight:600;
  border-bottom:1px solid #e6e6e6;
  margin:0;margin-bottom:0;
  padding-bottom:2px
}

relpost-block-single {
  flex:0 0 49%;
  width:100%;
  padding:0;
  margin:0 6px 10px 0;
  background:#000!important;
  bbox-shadow:3px 0px 8px rgb(0 0 0 / 26%)
}

.relpost-block-single:nth-child(3){width:100%;flex:0 0 100%}
.relpost-block-single:hover {
  background:#000!important }
a.relpost-block-single:nth-child(even){
  margin-right:0
}

.relpost-block-single>div {
  display:flex;
  flex-direction:column;
  width:100%!important;
  height:auto!important;
  align-items:center}

.relpost-block-single-image {
  width:100%!important;height:180px!important
}

.relpost-block-single:nth-child(3) .relpost-block-single-image {
  height:170px!important
}

.relpost-block-single-text {
  font-family:Arimo,sans-serif!important;
  padding:13px 10px;color:#fff!important;
  font-size:15px!important;
  line-height:1.5;
  font-weight:600;
  text-align:left;
  flex:0 0 60%;text-align:center
}

.relpost-block-container {
  display:flex;
  flex-wrap:wrap;
  margin-lleft:5px;
  margin-rright:3px
}

.relpost-block-single {
  flex:0 0 100%;
  width:100%;
  padding:0 0 10px 0;
  margin:0 6px 5px 0;
  border-bottom:1px solid #000!important;
  background:#000
}

.relpost-block-single:hover {
  background:#000;
}

a.relpost-block-single:nth-child(even) {
  margin-right:0
}

.rrelpost-block-single>div {
  flex-direction:column;
  width:100%!important;
  height:auto!important;
  display:flex;
  align-items:center;
}

h3.read-also-header {
  mmargin:0 0 5px!important;
  color:red;
  font-family:Hind!important
}

.covidmain {
  background:#000;
  color:#fff;
  padding:10px 30px;
  display:inline-block;
  margin:0 10px 15px;
  border:2px solid #fff;
  border-radius:3px
}
body{
    font-size:16px; 
    ffont-family:Hind; 
    background:#333 url('https://vitalmp3.com.ng/VitalMP3-Tag.jpg');
    background-position:center;
    background-attachment:fixed;}

img.cli {
  border-radius:4px;
  width:60px;height:10px!important;
  mmargin-right:0;
  ppadding-right:0;
}

.chart-li a img {
  border-radius:4px;
  width:60px;
  height:50px;
  mmargin-right:0;
  ppadding-right:0;
}

.chart-li a {
  padding:13px 0;
}

li.chart-li {
  position:relative!important;
}

.chart-li .postindi {
  position:absolute!important;
  top:9%!important;
  right:5%!important;
  border:1px solid #03AED2;
  padding:3px;
  border-radius:5px;
  font-size:80%!important;
}

.chart-li .postindired {
  position:absolute!important;
  top:9%!important;
  right:5%!important;
  border:1px solid red;
  padding:3px 4px;
  border-radius:5px;
  font-size:80%!important;
}
.chart-list .chart-li:first-of-type a {
  padding:10px 0 7px;
}

.chart-list .chart-li:last-of-type a {
  padding-bottom:7px;
}

.chart-li .chart-body {
  padding-top:5px;
}
.chart-li:first-of-type {
  padding-top:0px;
}

.badge-rate {
  margin-left:0;
  margin-right:10px;
  font-size:18px;
  padding-top:5px;
}

.artistname.index {
  font-size:14px!important;
  ccolor:#888888!important;
  color:#64707D!important;
}

h2.name-title:not(.index) {
  font-size:16px!important;
  font-weight:400!important;
  wwidth:100px;
  mmax-width:90%;
  overflow:hidden;
  wwhite-space:nowrap;
  text-overflow:ellipsis!important;
  lline-height:17px!important;
  mmax-height:17px!important;
  ddisplay:inline-block;
  font-family:Hind!important;
}

h2.name-title.index {
  font-weight:400;
  font-family:Hind!important;
  text-overflow:ellipsis!important;
  overflow:hidden;
  max-width:90%!important;
  wwhite-space:nowrap;
}

h2.name-title:not(.index){
  text-overflow:ellipsis!important;
  overflow:hidden!important;
  -webkit-line-clamp:3!important;
  -webkit-box-orient:vertical;
}

.chart-list li.chart-li:not(:last-child){border-bottom:unset;}

.chart-list{border-top:unset;}

.chart-list:before{content: ""; /* This is necessary for the pseudo element to work. */
display: block; /* This will put the pseudo element on its own line. */

margin:0 0 0 0%;
text-align: right; /* This will center the border. */
wwidth: 50%; /* Change this to whatever width you want. */
ppadding-top: 10px; /* This creates some space between the element and the border. */
border-bottom: 1px solid rgba(0,0,0,0.1); /* This creates the border. Replace black with whatever color you want. */
}


.chart-body {
  padding-bottom:0px;
  padding-top:0px;
}

.chart-list li.chart-li:last-of-type {
  border-bottom:1px solid rgba(0,0,0,0.1);
}

.cchart-list li.chart-li:first-of-type {
  padding-top:20px;
}



li.chart-li:not(:last-of-type):after {
content: ""; /* This is necessary for the pseudo element to work. */
display: block; /* This will put the pseudo element on its own line. */

margin:0 0 0 20%;
text-align: right; /* This will center the border. */
border-bottom: 1px solid rgba(0,0,0,0.1); /* This creates the border. Replace black with whatever color you want. */
}
.music-body{padding-top:2px;}

@media screen and (max-width: 991px) {
.mobilehide {
  display: none;
  }
  .mu-o-unit-c:not(:last-of-type)::after {
    content: "";
    display: block;
    margin: 0 0 0 17%;
    text-align: right;
    width: 83%;
    border-bottom: 1px solid rgba(0,0,0,0.1);
  }
  .mu-o-unit-c {
    border-bottom: 0px solid #dfe1e5;
    border-left: 2px solid rgba(0,0,0,.1);
    border-right: 2px solid rgba(0,0,0,.1);
    font-size: 15px;
  }
  .mu-o-info {
    flex: 1;
    margin-right: 2px;
  }
  .album-side-1 {
    padding: 0;
    color: #000 !important;
  }
  .mu-o-act {
    display:none;
  }
  span.toright {
    right: 0;
    top: 16%;
    position: absolute;
    font-weight: 800 !important;
    font-size: 16px;
  }
  .Adxdetails {
    border-bottom: 1px solid #e6e6e6;
    padding: 5px 0;
  }
  article.song-info {
    margin-top: 15px;
    margin-bottom: 15px;
    background-color: #fff;
    }
  .chartlist-header2 {
    background: #fff;
    padding: 10px 10px;
    margin-top: 0;
    display: flex;
    font-family: Source Sans Pro,sans-serif;
  }
  h2.chartlist-type2.related2 {
  margin-bottom: 5px!important;
  }
  .chartlist-type2.related2 {
  flex: 1;
  font-size: 22px!important;
  margin-left: -13px;
  padding-bottom: 5px;
  font-family:sans-serif!important;
  font-weight: 400!important;
  }
  .chart-list2.related2 {
  border-top: none;
  }
  .chart-list2 {
  font-family: source sans pro,sans-serif;
  background-color: #fff;
  list-style-type: none!important;
  list-style: none!important;
  width: 100%;
  margin: 0;
  border-top: 1px solid rgba(0,0,0,.1);
  }
  ul {
  list-style-type: disc;
  margin-left: 30px;
  margin-bottom: 24px;
  }
  .chart-list2.related2 li:first-child {
  border-top: 1px solid rgba(0,0,0,.1);
  }
  .chart-list2.related2>li {
  paddingg: 0;
  }
  .chart-list2.related2 li {
  margin-left: -10px;
  margin-right: -10px;
  }
  .chart-li2 {
  border-bottom: 1px solid rgba(0,0,0,.1);
  padding: 0 0;
  margin: 0;
  position: relative;
  }
  ol li, ul li {
  margin-top: 4px;
  padding: 4px 0;
  }
  .chart-list2.related2>li a {
  margin-left: 0!important;
  }
  .chart-li2 a {
  display: flex;
  display: ms-flexbox;
  text-decoration: none!important;
  padding: 10px 0;
  height: 100%;
  }
  .chart-li2 a img {
  width: 70px;
  height: 65px;
  margin-right: 8px;
  margin-left: 10px;
  }
  img, video {
  max-width: 100%;
  height: auto;
  }
  .chart-body2 {
  flex: 1;
  }
  .chart-body2 .name-title2 {
  font-size: 16px;
  }
  .chart-body2 .name-title2 {
  overflow: hidden;
  margin-bottom: 3px;
  font-weight: 600;
  line-height: 1.2em;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  color: #212121;
  margin-top: 0;
  padding-top: 3px;
  padding-bottom: 3px;
  margin-right: 10px;
  font-family: "Source Sans Pro",sans-serif;
  padding-right: 2px;
  vertical-align: bottom;
  }
  .chart-body2 .other-details2 {
  font-family: sans-serif;
  }
  .chart-body2 .other-details2 {
  overflow: none;
  line-height: 16px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: #999;
  }
  .chart-list2.related2 .artistname2 {
  color: #414141;
  }
  .other-details2 .artistname2 {
  font-weight: 500;
  font-family: Source Sans Pro;
  color: #414141;
  margin-top: 3px;
  }
  .other-details2 .artistname2 {
  margin-bottom: 3px;
  color: #414141;
  font-weight: 400;
  font-family: sans-serif;
  padding-right: 5px;
  font-size: 14px;
  }
  .post-page-featured-image {
    position: relative;
    height: 350px;
    object-fit: cover;
    overflow-x: visible;
    overflow-y: hidden;
    margin: 2px 0 15px 0;
  }
}

@media screen and (min-width: 992px) {
.desktophide {
  display: none;
  }
.song-thumbnail img {
  height: 320px;
  width: 325px;
  padding-bottom: 5px;
}
article.song-info {
  margin-top: 15px;
  margin-bottom: 15px;
  background-color: #fff;
  }
.chartlist-header2 {
  background: #fff;
  padding: 10px 10px;
  margin-top: 0;
  display: flex;
  font-family: Source Sans Pro,sans-serif;
}
h2.chartlist-type2.related2 {
margin-bottom: 5px!important;
}
.chartlist-type2.related2 {
flex: 1;
font-size: 22px!important;
margin-left: -13px;
padding-bottom: 5px;
font-family:sans-serif!important;
font-weight: 400!important;
}
.chart-list2.related2 {
border-top: none;
}
.chart-list2 {
font-family: source sans pro,sans-serif;
background-color: #fff;
list-style-type: none!important;
list-style: none!important;
width: 100%;
margin: 0;
border-top: 1px solid rgba(0,0,0,.1);
}
ul {
list-style-type: disc;
margin-left: 30px;
margin-bottom: 24px;
}
.chart-list2.related2 li:first-child {
border-top: 1px solid rgba(0,0,0,.1);
}
.chart-list2.related2>li {
paddingg: 0;
}
.chart-list2.related2 li {
margin-left: -10px;
margin-right: -10px;
}
.chart-li2 {
border-bottom: 1px solid rgba(0,0,0,.1);
padding: 0 0;
margin: 0;
position: relative;
}
ol li, ul li {
margin-top: 4px;
padding: 4px 0;
}
.chart-list2.related2>li a {
margin-left: 0!important;
}
.chart-li2 a {
display: flex;
display: ms-flexbox;
text-decoration: none!important;
padding: 10px 0;
height: 100%;
}
.chart-li2 a img {
width: 70px;
height: 65px;
margin-right: 8px;
margin-left: 10px;
}
img, video {
max-width: 90%;
height: auto;
}
.chart-body2 {
flex: 1;
}
.chart-body2 .name-title2 {
font-size: 16px;
}
.chart-body2 .name-title2 {
overflow: hidden;
margin-bottom: 3px;
font-weight: 600;
line-height: 1.2em;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
color: #212121;
margin-top: 0;
padding-top: 3px;
padding-bottom: 3px;
margin-right: 10px;
font-family: "Source Sans Pro",sans-serif;
padding-right: 2px;
vertical-align: bottom;
}
.chart-body2 .other-details2 {
font-family: sans-serif;
}
.chart-body2 .other-details2 {
overflow: none;
line-height: 16px;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
color: #999;
}
.chart-list2.related2 .artistname2 {
color: #414141;
}
.other-details2 .artistname2 {
font-weight: 500;
font-family: Source Sans Pro;
color: #414141;
margin-top: 3px;
}
.other-details2 .artistname2 {
margin-bottom: 3px;
color: #414141;
font-weight: 400;
font-family: sans-serif;
padding-right: 5px;
font-size: 14px;
}

.primary-tag-box select#primary_tag {
    width: 100%;
    padding: 8px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.email-link {
    color: white !important;
}
.email-link:hover {
    color: #ddd; /* Optional: Slightly lighter on hover */
}


.user-action-element .share-container {
margin: 0;
}
.user-action-element .share-icons-container {
z-index: 999;
top: unset;
left: unset !important;
right: 10px !important;
}
.user-action-element .share-btn {
margin: 0;
padding: 0;
}
.user-action-element .share-btn span {
color: #666666;
user-select: none;
}
.user-action-element .share-btn img {
margin-right: 4px;
height: 16px !important;
width: auto !important;
object-fit: cover;
}
.story-user-actions {
display: flex;
margin: 10px;
align-items: center;
flex-shrink: 0;
justify-content: center;
gap: 5px;
overflow: visible !important;
flex-shrink: 0;
position: relative;
}
.story-user-actions .user-action-element {
display: flex;
padding: 0;
justify-content: center;
border: none;
background-color: inherit;
cursor: pointer;
padding: 4px 8px;
border-radius: 4px;
overflow: visible !important;
}
.story-user-actions .user-action-element:hover {
background-color: #FBEBEB;
}
.story-user-actions .user-action-element:hover .action-text{
color: #DB5757 !important;
}
.story-user-actions .user-action-element:last-child {
margin-right: 0;
}
.user-action-element > img {
width: auto !important;
height: 35px !important;
object-fit: cover;
background-color: transparent;
margin: 0;
margin-right: 4px;
}
.user-action-element, .article-box .user-action-element, .article-box .comments-like-div .story-user-actions .user-action-element {
    z-index: 1;
    border: 1px solid #D1D1D1 !important;
    border-radius: 34px !important;
    width: fit-content !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    padding: 8px 12px 8px 10px !important;
}
}
.download-ad {
    color: #ff0000 !important; /* Force red color */
    text-decoration: none;
    font-weight: bold;
}

.download-ad:hover,
.download-ad:focus,
.download-ad:active {
    color: #cc0000 !important; /* Dark red when hovered/clicked */
    text-decoration: underline;
}