/* ============================================================
   01. RESET / NORMALIZE
   ============================================================ */
a,address,article,aside,b,blockquote,body,caption,center,code,dd,details,div,em,footer,form,
h1,h2,h3,h4,h5,h6,header,html,i,img,label,li,menu,nav,object,p,q,s,section,small,span,strong,
sub,summary,table,time,u,ul,var,video{
    margin:0;padding:0;border:0;font:inherit;vertical-align:baseline
}
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,footer,header,menu,nav,section{display:block}
body{line-height:1}
html{text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased!important}
body *{font-family:inherit}
img,video{max-width:90%;height:auto}
video{display:block}
code{font-family:Monaco,Consolas,lucida console,bitstream vera sans mono,monospace}
em{font-style:italic}
q{quotes:inherit}
q:before{content:open-quote}
q:after{content:close-quote}
strong,b{font-weight:700}
sub{height:0;line-height:1;vertical-align:baseline;position:relative;font-size:10px;top:.5ex}
address{font-size:14px;font-style:italic;margin-bottom:16px}
dd{margin-left:30px;margin-bottom:24px}


/* ============================================================
   02. BASE TYPOGRAPHY & LINKS
   ============================================================ */
body{font-size:15px;font-family:Arial,Helvetica,sans-serif;font-weight:400;line-height:20px;padding:0;margin:0 auto;color:#414141;background:#c7c7c7;background-repeat:repeat;min-width:0}
a{cursor:pointer;color:#d31111;text-decoration:none}
a:link{text-decoration:none;color:#06790a}
a:visited{color:#0c5c02}
a:hover{text-decoration:underline;color:#08990e}
a.normal{color:#414141;cursor:pointer}
a.normal label:hover,a.normal:hover{color:#414141;text-decoration:none}
a.normal:visited{color:#414141}
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:24px}
blockquote{background:#f9f9f9;position:relative;color:#5b5b5b;margin:0 0 24px 40px;border-left:5px solid #ddd;padding:10px 8px 5px 14px}
table{width:100%;border-collapse:collapse;text-align:center;margin-bottom:24px}
ul{list-style-type:disc;margin-left:30px;margin-bottom:24px}
ul li{margin-top:4px;padding:4px 0}
ul ul{list-style-type:square;margin-bottom:0}
ul ul ul{list-style-type:circle}


/* ============================================================
   03. FORMS
   ============================================================ */
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
}
input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{
    background-color:#000;color:#fff;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;background-color:#004a00;color:#fff
}
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:#fff;color:#333;background-repeat:no-repeat
}
textarea{font-size:15px}


/* ============================================================
   04. LAYOUT / WRAPPERS
   ============================================================ */
#main-wrapper{width:100%;float:left;-webkit-animation:fadein 2s;-moz-animation:fadein 2s;-ms-animation:fadein 2s;-o-animation:fadein 2s;animation:fadein 2s}
#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}
#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}
.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}


/* ============================================================
   05. SCROLLBAR
   ============================================================ */
::-webkit-scrollbar{width:13px;height:13px}
::-webkit-scrollbar-track{box-shadow:inset 0 0 6px transparent}
::-webkit-scrollbar-track-piece{background:#fff;border-radius:2px;border:1px solid #000}
::-webkit-scrollbar-thumb{background:#000;box-shadow:inset 0 0 6px transparent;border-radius:2px;border:1px solid transparent}
::-webkit-scrollbar-thumb:hover{background:#000}
::-webkit-scrollbar-thumb:window-inactive{background:green}


/* ============================================================
   06. UTILITIES
   ============================================================ */
.hide,.css-hide,.js-hide{display:none}
.show{display:block}
.clear{clear:both;float:none}
.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}
.center{text-align:center}
.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}
.hide-overflow{overflow:hidden}
.padded-box.horizontal{padding-right:10px;padding-left:10px}
.on560hide{}
::selection{background:#75ff75}
::-moz-selection{background:#75ff75}


/* ============================================================
   07. TOP CONTACT BAR (#main-header-contacts)
   ============================================================ */
#main-header-contacts{background-color:#151515;color:#fff;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-ig{color:#125688}
#main-header-contacts ul li .is-wa{color:#4dc247}
#main-header-contacts ul li .is-yt{color:#b00}


/* ============================================================
   08. SITE HEADER (#main-header) — DESKTOP
   ============================================================ */
#main-header{text-align:center;background-color:#151515;color:#fff;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 a{display:block;padding:0 15px;text-transform:uppercase;color:#fff;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 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;height:47px;line-height:47px}
#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:hover{border-bottom-color:#08910c}
#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:#fff;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.logged-in{height:130px}
#main-header .mob-nav-button{display:none}


/* ============================================================
   09. SITE HEADER — STICKY / LOGGED-IN / MOBILE MENU
   ============================================================ */
header#main-header.logged-in{height:90px}
header#page-header{background-color:#000;margin-top:0;padding:30px;padding-bottom:0;text-align:center;position:relative;z-index:12}
header#page-header h1#page-title{padding:20px;font-size:22px;line-height:22px;color:#fff;text-shadow:2px 2px 2px rgba(0,0,0,.4)}


/* ============================================================
   10. LOGGED-IN BAR (#logged-in-bar)
   ============================================================ */
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}


/* ============================================================
   11. BREADCRUMBS
   ============================================================ */
#breadcrumbs{margin:0 0 5px;padding:8px;color:#666;background-color:#fff}
#breadcrumbs div{display:inline}
#breadcrumbs a{color:#666}


/* ============================================================
   12. TITLE BARS (h1.title, h2.title)
   ============================================================ */
h1.title,h2.title{position:relative;font-size:2em;font-weight:700;padding:6px 20px 6px 28px;margin:0 0 10px -15px;color:#fff;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}


/* ============================================================
   13. PAGE HEADER (header#page-header)
   ============================================================ */
header#page-header{padding-top:0!important}
#page-title{padding:35px 20px!important}


/* ============================================================
   14. SEARCH BOX (#s)
   ============================================================ */
.search-box{padding:15px;margin-top:10px;margin-bottom:10px;font-family:Source Sans Pro}
#s{width:40%;background:#fff!important;border:1px solid #fff!important;border-radius:15px 0 0 15px!important;text-align:left!important;margin-right:0!important;font-size:15px;vertical-align:middle!important}


/* ============================================================
   15. SONG INFO (.song-info, .details, .id3-info)
   ============================================================ */
.song-info{padding:10px 10px 0;border-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}
.id3-info{color:#212121}
.id3-info a{line-height:1.8}
.details{line-height:1.5!important;font-family:sans-serif;font-size:15px;color:#212121;padding:0;background-color:transparent;border-radius:0;margin-bottom:10px}
.details p{margin:0 0 .3em 0}
.details p:last-child{margin-bottom:0}
.details br+br{display:block;content:"";margin-top:2px}
.details a{color:#06c;text-decoration:underline}
.details a:visited{color:purple}
.details a:hover{color:#049;text-decoration:none}
.details a:focus{outline:2px solid #06c;outline-offset:2px}
.details a[href^="http"]::after{content:" ↗";font-weight:700;margin-left:5px}


/* ============================================================
   16. POST META / ARTICLE (.mpostheader, .post-meta)
   ============================================================ */
.mpostheader{font-size:14px;color:#282928;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:28px;margin:0;font-weight:700;line-height:36px;font-family:sans-serif!important;padding-right:0;padding-top:3px}
.mpostheader h2{font-size:18px;font-weight:500;font-family:Source Sans Pro,sans-serif;display:block;margin:10px -7px 7px -12px;padding-left:12px;padding-right:7px;padding-bottom:6px;border-bottom:1px solid #c1c1c1}
.mpostheader .div{margin:10px 0 7px;padding-bottom:7px;color:#373737;border-bottom:1px solid #c7c7c7;font-size:14px;font-family:sans-serif!important;font-weight:500}
.mpostheader .div time{font-weight:bold}
.mpostheader .div>a{color:#444!important}
.post-meta{color:rgba(0,0,0,.5);text-transform:uppercase}
a.article-author-link{color:#000!important}


/* ============================================================
   17. POST PAGE FEATURED IMAGE
   ============================================================ */
.post-page-featured-image{position:relative;height:350px;overflow-x:visible;overflow-y:hidden;margin:15px 0}
.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%;height:100%}
.hixc{position:relative;border-top:1px solid rgba(0,0,0,.1);margin:0 -10px 20px}
.hixc2{position:relative;border-top:1px solid rgba(0,0,0,.1);margin:20px -10px 5px}


/* ============================================================
   18. CONTENT BODY (.post-text, .video-about, .bbcode-text)
   ============================================================ */
.video-about{line-height:1.5!important}
.post-text{line-height:1.5!important;font-family:open sans,sans-serif;color:#212121}
.pages-info{color:#000!important}
.doc-info{color:#999;text-align:right;font-size:90%;margin-bottom:5px}
.doc-container{line-height:1.5em}
.footer-top-border-set{border-top:1px solid #fff!important;border-bottom:1px solid #333!important}
.wp-video{max-width:100%;width:99%;margin:0 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 ul{padding:0;margin:0 0 2.15em 1.655em}
.bbcode-text ul ul{margin-bottom:0}
.bbcode-text ul.inline{margin-left:0;list-style:none}
.bbcode-text ul.inline>li{display:inline-block;padding-left:1em;padding-right:1em}
.bbcode-text dd{margin-left:2.15em}


/* ============================================================
   19. TABLES / LISTS (ul.table, .content, .table-title)
   ============================================================ */
.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}
ul.table{clear:both;color:#999;list-style:none;margin:0}
ul.table li{border-bottom:1px solid #ccc;padding:15px}
ul.table li:last-child{border:0}
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}
ul.table li .title{padding-left:15px;padding-right:15px}
#site-name a{padding-bottom:16px;padding-top:16px}


/* ============================================================
   20. MAIN.H3 TAB BAR
   ============================================================ */
.main.h3{background-image:linear-gradient(to right,#000,#000);color:#fff;display:block;padding:15px 0;font-size:1.1em!important;font-weight:900;margin:30px 0 -5px;display:flex;justify-content:center}
.main.block-u{background-image:linear-gradient(to right,#333,#000);height:7px;margin:0 0 -17px;padding:12px 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;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}
.main.h3 a{padding:0!important;outline:0;background:0 0;text-decoration:none!important}
.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}
a.dwnap{word-wrap:break-word!important;white-space:normal!important;line-height:1.7!important;cursor:default}


/* ============================================================
   21. TAGS (.post-tags)
   ============================================================ */
.post-tags{margin:10px 0 0 10px;padding:10px;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:18px;font-weight:700;margin:7px;padding:7px 14px;text-transform:uppercase;background:#e6e6e6;text-shadow:.5px .5px .5px rgba(0,0,0,.4);color:#404;text-decoration:none}
.post-tags a:hover{background-color:#000;color:#fff}
.post-tags.no-margin{margin-top:0;padding-top:5px;padding-bottom:5px}


/* ============================================================
   22. CATEGORY LINK (.catthecaht)
   ============================================================ */
.catthecaht{margin:15px 0 20px}
.catthecaht a:link{background-color:#0c5c02;border:1px solid #cc0;color:#fff;padding:7px 8px!important;font-weight:500;font-size:15px;text-transform:uppercase;font-family:Source Sans Pro;text-decoration:none}
.catthecaht a:hover{background-color:#fff;border:1px solid #0c5c02;color:#0c5c02}
.catthecaht a:visited{background-color:#fff;border:1px solid #0c5c02;color:#0c5c02}


/* ============================================================
   23. RATINGS (.rating-*)
   ============================================================ */
.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:20px}
.rating-wrapper a{text-decoration:none!important}
.rating-div{text-align:center;background-color:rgba(0,0,0,.1);border:1px solid #c7c7c7;font-size:14px;padding-bottom:15px}
.rating-div>p{line-height:1;font-weight:600;letter-spacing:-.06875rem;font-size:28px;vertical-align:baseline;padding:15px 0 0;margin-bottom:0;font-family:arial,helvetica;color:#0c5c02}
.rating-hash{font-style:none;color:#0c5c02;font-size:28px;padding-right:2px}
.rating-hash-2{color:#0f9ed6;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}


/* ============================================================
   24. CHART LIST (.chart-li, .chart-body)
   ============================================================ */
.chart-li{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!important;height:65px!important;vertical-align:middle;margin-right:8px;margin-left:10px}
.chart-body{-ms-flex:1;flex:1}
.chart-body{position:absolute;vertical-align:middle;top:50%}
.chart-body .name-title{font-size:15px;overflow:hidden;max-height:3.6em;height:3em;margin-bottom:3px;font-weight:600;line-height:1.2em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#282928;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.index{font-family:"Source Sans Pro",sans-serif;font-weight:600;color:#282928}


/* ============================================================
   25. COMMENTS (HCB)
   ============================================================ */
#HCB_comment_box>h3{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}
[href*=htmlcommentbox]{display:none}
.admin-link>a{display:block!important}
input.hcb-shadow-r,textarea.hcb-shadow-r{display:block;margin-bottom:8px;padding:6px;font-size:14px;line-height:1.428571;color:#6c6b6b;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}
.h2black{color:#212121;margin-left:-10px;margin-right:-10px;border-bottom:1px solid #c1c1c1;padding:0 10px 10px}


/* ============================================================
   26. SIDEBAR BOXES
   ============================================================ */
.sidebar-box{margin-bottom:20px;padding:5px;padding-bottom:10px;background-color:#fff;box-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;margin:-10px -5px 15px;color:#fff;text-shadow:1.5px 1.5px 2px #000;background:#000;border:1px solid #ccc;font-weight:600}


/* ============================================================
   27. SIDEBAR MEDIA (OTW / SPONSORED)
   ============================================================ */
.sponsored-sidebar{text-align:center;overflow:hidden}
.media-otw{text-align:center;font-family:Source Sans Pro}
.media-otw .otw-title{border-left:0 solid #000;border-right:0 solid #000;padding:10px;background-color:#fff;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}
.otw-o{margin:10px 0}


/* ============================================================
   28. SITEMAP CLOUD (ul.s-cloud)
   ============================================================ */
ul.s-cloud{list-style:none;padding:0;margin:0}
ul.s-cloud li{display:inline-block;margin:6px;background-color:#056108;color:#fff;padding:7px 0;white-space:nowrap;overflow-y:hidden}
ul.s-cloud li a{color:#fff;font-weight:700;padding:10px;padding-right:5px;font-family:Source Sans Pro}
ul.s-cloud li .s-cloud-c{background-color:#000;padding:7px;display:inline-block;margin:-7px 0}


/* ============================================================
   30. SLIDE CONTENT
   ============================================================ */
.slide-content-con{background:#000;background:radial-gradient(circle,#dedede,#000);position:relative;z-index:12}
.slide-content-con .slide-content{display:flex;flex-direction:row;overflow-x:auto}


/* ============================================================
   31. PAGINATION (.pages)
   ============================================================ */
.pages{padding:10px;background-color:#fff;margin:10px 0 0;text-align:center}
.pages .a-page,.pages .pages .this-page{background-color:#000;color:#fff;margin:3px 3px 0 0;font-weight:600;border:1px solid #c7c7c7;text-shadow:.5px .5px 5px rgba(0,0,0,.4);display:inline-block;border-radius:4px}
.pages .a-page a{color:#f5f5f5;display:inline-block;padding:8px 14px}
.pages .this-page{color:#000;margin-right:3px;background-color:#fff;display:inline-block;padding:8px 14px;border:1px solid #c7c7c7;text-shadow:.5px .5px .5px rgba(0,0,0,.4);border-radius:4px}
.pages .a-page a:active,.pages .pages .this-page a:active{background-color:#f6f6f6;text-shadow:none!important;color:#000!important;text-decoration:none}
.pages .pages-info{padding:3px 5px;font-size:90%}


/* ============================================================
   32. BUTTONS (.button, #hcb_submit)
   ============================================================ */
.button,a.button{border:2px solid #c7c7c7;border-radius:10px;background-color:#017722;color:#fff;text-shadow:.5px 0 1px #999,.5px 0 1px #000;padding:10px;display:inline-block;vertical-align:middle;font-weight:700;margin:5px 8px;white-space:nowrap;cursor:default}
.button:hover,a.button:hover{background-color:#08990e;text-decoration:none}
a.button.dwnap{border-radius:10px;background-color:#056108;color:#fff;padding:10px;display:inline-block;vertical-align:middle;font-weight:600;margin:5px 8px;white-space:nowrap;border-width:0}
a.button.dwnap:hover{background-color:#08990e}
a.button.dwnap:active{background-color:#08990e}
#hcb_submit{border-radius:4px;outline:0;background-color:#056108;color:#fff;padding:10px;display:inline-block;font-weight:600;margin:5px 0;white-space:nowrap;border-width:0;font-size:14.5px;cursor:default}
#hcb_submit:hover{background-color:#017722}
#hcb_submit:active{background-color:#017722}


/* ============================================================
   33. FORM LAYOUT (.form, .form-wrapper)
   ============================================================ */
.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;font-weight:700;text-shadow:.5px .5px .5px #f5f5f5;vertical-align:top}
.form .row .input{text-align:left;padding:7px;vertical-align:top}
.form .row textarea{height:224px}
.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:#fff;padding:12px}


/* ============================================================
   34. USER PROFILE
   ============================================================ */
.user-profile{background-color:#fff;padding:14px;font-size:16px;line-height:20px;box-shadow:5px 5px 5px #c7c7c7}
.user-profile .info-box{display:table;table-layout:fixed}


/* ============================================================
   35. DOCUMENTS / CODE BLOCKS
   ============================================================ */
.doc-title2{background:#fff;color:#000}
h1.doc-title2{padding:10px 5px 10px 10px!important;margin:0 0 2px!important}
.doc-title{background:#fff;color:#000}
h2.doc-title{padding:10px 5px 10px 10px!important;margin:0 0 2px!important}
.doc-container{padding:12px;background-color:#fff;box-shadow:5px 5px 5px #c7c7c7;font-size:16px;line-height:20px}
.doc-container .doc-info{color:#6c6b6b;text-align:right;font-size:90%}
.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{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}


/* ============================================================
   36. CONTACT FORM
   ============================================================ */
.contact-us{padding:10px;background:#fff}
.contact-us textarea{height:200px}
.contact-us .important{color:red;vertical-align:super;font-weight:700}
.contact-us-info{padding:10px;color:#00529b;background-color:#bde5f8}


/* ============================================================
   37. NOTICES / ERRORS
   ============================================================ */
.notice{background-color:#f0f0f0;color:#000;margin:10px;text-align:center;padding:15px 30px;border:1px solid rgba(0,0,0,.1);border-width:1px 2px;border-radius:4px;font-family:open sans,arial,helvetica;font-size:15px;display:inline-block;line-height:1.8}
.notice a{color:#017722;font-weight:500}
.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}
a.red{color:#ff0800!important}
.close{color:#aaa;float:right;font-size:28px;font-weight:700}
.close:focus,.close: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}
blockquote{all:unset!important}


/* ============================================================
   38. SECTION HEADERS
   ============================================================ */
.section-header{background-color:#333;color:#fff;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}


/* ============================================================
   39. TOP BANNER
   ============================================================ */
#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}


/* ============================================================
   40. ANIMATIONS
   ============================================================ */
@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}}


/* ============================================================
   41. MISC UTILITIES
   ============================================================ */
.padded-box.horizontal{padding-right:10px;padding-left:10px}
.hide-overflow{overflow:hidden}
.fb-posts,.fb-videos{width:100%;display:block}
.instagram-media{margin:15px auto!important}
.img-no-max-width img{max-width:none}
body.with-to .sidebar-box{box-shadow:none}
body.with-to .news{box-shadow:none}
body.with-to .slide-content-con{background:0 0}
#content-mobile{display:none}


/* ============================================================
   42. SPONSORED / INSTAGRAM / INLINE SPO
   ============================================================ */
.sponsored-banner{text-align:center}


/* ============================================================
   43. MOBILE CONTENT
   ============================================================ */
@media screen and (max-width:768px){#content-mobile{display:block}}


/* ============================================================
   44. MEDIA QUERIES
   ============================================================ */

/* --- min-width 940px --- */
@media (min-width:940px){
    body{margin:0 auto!important;max-width:100%!important;min-width:100%!important}
    #page-title{padding:35px 20px!important}
}

/* --- min-width 768px --- */
@media only screen and (min-width:768px){
    .rating-wrapper{grid-template-columns:repeat(auto-fit,minmax(135px,1fr))}
    header#page-header h1#page-title{font-size:35px;line-height:40px}
    .rating-div{border:none}
    .chart-body .name-title{font-size:16px}
    .mpostheader{border-bottom:1px solid #c1c1c1;padding:0 7px 15px 15px}
    .mpostheader .h1,.mpostheader h1{font-size:24px;margin:10px 0 0;font-weight:700;line-height:1.2;font-family:open sans,arial,helvetica,sans-serif!important;padding-top:10px}
    .mpostheader .div{margin-top:20px;font-size:16px}
}

/* --- max-width 940px --- */
@media (max-width:940px){
    #main-header-contacts{display:none}
    #top-banner{display:none}
    #main-footer,#page-header,.main-content{left:0;position:relative;transition:left .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:50px;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;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:#fff;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 ul.is-open,
    #main-header #main-header-nav ul li:hover ul{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{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{background-color:#4d4d4d}
    #main-header #main-header-nav ul li ul.is-open li{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{display:block;visibility:visible;z-index:1;opacity:1;transform:translateX(0)}
    #main-header #main-header-nav ul li ul.is-open li{padding-left:15px}
    #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}
    #main-header .mob-nav-button#mn-menu{left:10px;padding:0 10px}
    #main-header.logged-in{height:80px}
    #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}
    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{margin-top:0}
    .slide-content-con.alt{margin-top:50px}
    .slide-content-con.alt.logged-in{margin-top:80px}
    #main-wrapper{width:auto;float:none}
    #right-col{width:auto;float:none;margin-left:0}
    #contents-column{margin-right:0}
    .open-menu{position:relative;left:250px!important}
    footer#main-footer .slots-container .slot{width:45%}
    blockquote{margin-left:20px}
}

/* --- max-width 640px --- */
@media (max-width:640px){
    #main-wrapper{animation:none}
    #site-logo img{max-width:240px}
    .error .main-error{font-size:5em;padding:15px;line-height:5em}
    .user-profile .info-box{display:block;width:auto}
}

/* --- max-width 560px --- */
@media (max-width:560px){
    #site-logo img{width:160px;height:auto;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}
    header#page-header h1#page-title{font-size:25px;line-height:30px;font-weight:700;font-family:Open Sans,sans-serif}
    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}
}

/* --- max-width 360px --- */
@media (max-width:360px){
    #site-logo{margin-right:50px;margin-left:50px}
    #site-logo img{width:150px;height:auto;max-height:none;max-width:none;min-width:0;min-height:0}
}