body, .header li a, .filters a, .navigation a, .navigation span, .b-300, .list a, .video-info a, .video-info span
{ background: rgb(255,255,255); }

body, .filters a, .list a span.total
{color: rgb(105,105,105);}
body.dark .filters a:hover{ background-color: #ab4a20;}
.filters a:hover{ background-color: #eeb4a2;}


.header, .mob-300, .thumb-img, .search button, .friend, .filters-button, .filters, .navigation, .brs-300, .list, .video-info, .video-brs, .video-info a i, .video-info span i, .footer, .title
{background-color: rgb(245,245,245);}

.thumb-img, .search-input, .header, .header li a, .filters-button, .filters, .filters a, .navigation, .navigation a, .navigation span, .list, .list a, .video-info, .video-brs, .video-info a, .video-info span, .footer, .title
{border-color: rgb(225,225,225);}

a:hover, .logo a span, .filters-button i, .filters span i, h1 i, h2 i, .list a i, .video-info a i, .footer a i
{ color: rgb(236,110,70); }

.thumb a:hover .icon, .header li a:hover, .header li a.active, .header li.active a, .search button:hover, .filters-button:hover, .filters-button.active, .filters-button:hover i, .filters-button.active i, .list a:hover i, .close:hover, .bot-close:hover, .video-info a:hover i
{background-color: rgb(236,110,70);background: linear-gradient(to bottom,rgb(236 110 70 / 58%),rgb(216 90 50 / 40%));color: rgb(255,255,255);}

.thumb a:hover .thumb-img, .header li a:hover, .header li a.active, .header li.active a, .filters-button:hover, .filters-button.active, .filters a:hover, .filters a.acitve, .filters li.active a, .navigation a:hover, .navigation a.active, .navigation li.active a, .list a:hover, .video-info a:hover, .close:hover, .bot-close:hover
{border-color: rgb(216 90 50 / 45%);}

a, .logo a, .search input, .search button, .filters-button, .filters span, .filters a:hover, .filters a.acitve, .filters li.active a, .navigation a:hover, .navigation a.active, .navigation li.active a, .list a:hover span.total, .video-info span i, .footer span
{ color: rgb(45,45,45); }

.search-input
{ background-color: rgb(255,255,255); }

.search button, .list a i, .video-info ul.vid-links li a i
{ background-color: rgb(85,85,85); color: rgb(255,255,255); }

.thumb .icon, .thumb .info li
{ background-color: rgba(5,5,5,0.7); }


body,html,div,p,a,ul,li,input,button,form,textarea,span,img,h1,h2,h3 {margin: 0;padding: 0;border-radius: 2px;}

div, ul, li, a, span {overflow: hidden;}

body {font-family: 'PT Sans Narrow', sans-serif;text-transform: uppercase;text-align: center;}

li { list-style-type: none; }

img {display: block;width: -webkit-fill-available;}

.tar { float: left;}
.tar img {position: absolute;width: 39px;height: 37px;top: 2px;left: 1px;}

a {text-decoration: none;}

h1, h2 { font-weight: normal; }
h1 {font-size: 14px;line-height: 15px;margin: 0px 0px 0 5px;width: 49%;float: left;display: inline-block;}
h2 {/* margin: 40px 5px 0 5px; */font-size: 14px;text-align: left;line-height: 30px;width: 51%;float: left;margin: 0 0px 0px 5px;}
.h2embed {margin: 5px 5px 0 5px;font-size: 10px;text-align: left;line-height: 40px;display: inline-block;width: 30%;}
h1 ul { float: right; margin: 0px 5px 0px 5px; padding: 0px 0px 0px 0px; }
h1 li { float: left; }
.alt { width:100%; }
.warning {color: rgba(228, 13, 13, 0.74);/* margin-top: 10px; */}
.main-war {color: #7c7c7c;margin: 0px 5px 0px 5px;line-height: 0px;text-align: center;} 
.main-war .fa-plus { color:#d87e56; }
.trash {cursor: pointer;text-align: right;margin: 9px 10px 0px 0px;/* width: 30%; *//* display: inline-block; */}
.title {border-style: solid;margin: 10px 0 10px 0;border-width: 2px;display: inline-block;width: -webkit-fill-available;}



.wrapper {margin: 0 auto;max-width: 828px;position: relative;}

.header {border-bottom-style: solid;border-bottom-width: 2px;}

.logo {float: left;margin-left: 5px;/* background: #b9b8b600 url(../images/logo.webp); *//* background-size: cover; *//* height: 77px; */width: 100%;}
.logo a {justify-content: center;display: flex;}
.logo a img {background: none;width: auto;}

.header ul {float: right;margin: 5px 5px 0px 0px;}
.header li {/* float: left; */display: inline-block;}
.header li a {width: 25px;height: 25px;line-height: 25px;font-size: 10px;border-style: solid;border-width: 1px;cursor: pointer;display: block;}
.header li a span { display: none; }


.search { display: none; clear: both; padding: 10px 5px; }
.search form { position: relative; }
.search-input { border-width: 1px; border-style: solid; height: 48px; line-height: 48px; padding: 0 50px 0 15px; }
.search input { background: none; border: 0 none; width: 100%; outline: 0 none; font-size: 20px; text-transform: uppercase; height: inherit; line-height: inherit; }
.search button { position: absolute; top: 5px; right: 5px; border: 0 none; cursor: pointer; outline: 0 none; width: 40px; font-size: 18px; height: 40px; line-height: 40px; }
.search button i { height: inherit; line-height: inherit; display: block; }

.searches { display: none; border-top-style: solid; border-top-width: 1px; height: 40px; font-size: 0; }
.searches li { margin: 0 7px; display: inline-block; vertical-align: top; font-size: 13px; }
.searches a, .searches span { display: block; height: 40px; line-height: 40px; padding: 0 1px; }

.title h1 {text-align: left;}

.filters-button { border-style: solid; border-width: 1px; float: right; font-size: 16px; line-height: 33px; height: 33px; margin: 10px 5px 0 5px; padding: 0 10px; cursor: pointer; }
.filters-button i.fa-angle-down { color: inherit; }

.filters {display: inline-block;/* border-style: solid; *//* border-width: 2px; */margin: 0px 3px 0 0px;/* padding: 0 0 10px 10px; */float: right;background: transparent !important;}
.filters ul {float: left;margin: 3px 0px 0px 0px;}
.filters li {float: left;margin: 2px 2px 0 0;}
.filters a {padding: 0 10px;height: 24px;line-height: 25px;font-size: 14px;display: block;color: black !important;/* background-color: #da5d3470 !important; */border: solid 1px #db5e357a !important;}
.filters span {/* height: 30px; *//* line-height: 30px; */font-size: 12px;display: block;margin-right: 5px;margin: 2px 0px 0px 0px;}

.thumbs-wrapper { clear: both; }

.thumb {width: 50%;float: left;}
.thumb a { display: block; margin: 10px 5px 0 5px; }
.thumb-img {border-style: solid;border-width: 2px;position: relative;padding-bottom: 63.25%;}
.thumb-img img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;}
.thumb .name {height: 55px;line-height: 25px;font-size: 15px;letter-spacing: 0.5px;text-transform: initial;}
.thumb .icon { color: rgb(255,255,255); text-shadow: 1px 1px 0 rgba(0,0,0,0.3); height: 35px; line-height: 35px; width: 35px; font-size: 24px; position: absolute; bottom: 2px; right: 2px; z-index: 4; }
.thumb .icon i {height: inherit;line-height: inherit;display: block;color: #c57b5a;}
.thumb .info { width: 35px; position: absolute; top: 0; left: 2px; z-index: 4; }
.thumb .info li { color: rgb(255,255,255); text-shadow: 1px 1px 0 rgba(0,0,0,0.3); width: 35px; height: 35px; margin-top: 2px; }
.thumb .info li i { display: block; height: 20px; line-height: 20px; font-size: 14px; }
.thumb .info li span { display: block; height: 13px; line-height: 13px; white-space: nowrap; font-size: 12px; margin-bottom: 2px; }
.thumb .info li.rating i { color: rgb(35,225,141); }
.thumb .info li.views { display: none; }
.thumb a:hover .info { display: none; }
.descr {margin: 10px 0px 0px -10px;padding: 0;font-size: 12px;}

.thumb-cat .name {font-size: 12px;}
.thumb-cat .icon { font-size: 18px; }

.navigation { border-style: solid; border-width: 2px; margin: 20px 5px 0 5px; padding: 8px 9px 10px 9px; font-size: 0; }
.navigation li { display: none; vertical-align: top; margin: 2px 1px 0 1px; }
.navigation a, .navigation span {border-style: solid;border-width: 1px;padding: 0 5px;min-width: 38px;height: 38px;line-height: 38px;font-size: 12px;display: block;}
.navigation li.n-p { display: inline-block; }
.navigation li.n-p a, .navigation li.n-p span { padding: 0 15px; }

.brs-300 { height: 260px; font-size: 0; margin: 20px 5px 0 5px; padding-bottom: 10px; }
.b-300 { width: 300px; height: 520px; margin: 10px 5px 0 5px; display: inline-block; vertical-align: top; }

.list {border-style: solid;border-width: 2px;margin: 0px 0px 0 0px;font-size: 0;padding: 20px 8px 20px 8px;display: block;clear: both;}
.list li { page-break-inside: avoid; break-inside: avoid; padding: 4px 3px 0 3px; }
.list a {border-style: solid;border-width: 1px;float: left;width: 100%;display: block;white-space: nowrap;height: 38px;line-height: 38px;}
.list a i { display: block; float: left; width: 28px; height: 28px; line-height: 28px; font-size: 14px; margin: 5px; }
.list a span {display: block;float: left;font-size: 12px;padding-right: 10px;}
.list a span.total { margin-left: 5px; float: right; }

.list.searches-list ul { column-count: 1; -moz-column-count: 1; -webkit-column-count: 1; }
.list.searches-list li { float: left; }

.video-info { border-style: solid; border-width: 2px; margin-top: 10px; padding: 0 0 10px 10px; }
.video-info ul { float: left; margin: 8px 20px 0 0; }
.video-info li { float: left; margin: 2px 2px 0 0; }
.video-info a, .video-info span {border-style: solid;border-width: 1px;padding-right: 6px;height: 38px;line-height: 38px;font-size: 8px;display: block;}
.video-info a i, .video-info span i { display: block; float: left; width: 28px; height: 28px; line-height: 28px; font-size: 14px; margin: 5px; }
.video-info a.like i, .video-info a.dislike i { font-size: 18px; }
.video-info a.like i, .video-info a.like { color: rgb(35,195,151); cursor: pointer; }
.video-info a.dislike i, .video-info a.dislike { color: rgb(235,115,115); cursor: pointer; }
.video-info a.like:hover { border-color: rgb(15,185,121); }
.video-info a.like:hover i { background-color: rgb(15,185,121); background: linear-gradient(to bottom,rgb(15,185,121),rgb(0,165,101)); color: rgb(255,255,255); }
.video-info a.dislike:hover { border-color: rgb(225,85,85); }
.video-info a.dislike:hover i { background-color: rgb(225,85,85); background: linear-gradient(to bottom,rgb(225,85,85),rgb(205,65,65)); color: rgb(255,255,255); }

.video-wrapper { margin: 10px 5px 0 5px; }
.video-tab { display: table; width: 100%; }
.video { position: relative; width: 100%; }
.video iframe, .video object, .video embed, .video video, .video source { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }
.video div { overflow: visible; }

.on-player-pl { display: none; background-color: rgba(0,0,0,0.5); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5000; }
.on-player { background-color: rgba(0,0,0,0.7); box-shadow: 0 0 15px -3px rgba(0,0,0,0.5); position: absolute; top: 50%; left: 50%; width: 300px; height: 250px; z-index: 5500; margin: -125px 0 0 -150px; overflow: visible; }
.close, .bot-close { background-color: rgba(0,0,0,0.8); color: rgb(255,255,255); border-style: solid; border-width: 1px; border-color: rgb(0,0,0); position: absolute; cursor: pointer; height: 30px; line-height: 30px;  }
.on-player-sp { width: 300px; height: 250px; }
.on-player-sp iframe { width: 300px !important; height: 250px !important; position: static; }
.close { font-family: 'PT Sans Narrow', sans-serif; width: 30px; font-size: 16px; top: 3px; right: 3px; }
.bot-close { left: 50%; bottom: 3px; font-size: 14px; width: 160px; margin-left: -80px; overflow: hidden; height: 25px; line-height: 25px; }

.video-brs { margin-top: 10px; }
.video-brs .brs-300 { margin-top: 0; }

.footer { border-top-style: solid; border-top-width: 2px; padding: 10px 10px 20px 10px; font-size: 16px; line-height: 20px; margin-top: 20px; }
.footer p { margin-top: 10px; font-size: 12px; }
.footer ul { padding-top: 8px; font-size: 0; }
.footer li { margin: 2px 10px 0 10px; display: inline-block; vertical-align: top; }
.footer a { display: block; font-size: 16px; height: 28px; line-height: 28px; text-decoration: underline; }
.footer a:hover { text-decoration: none; }

.mob-300 {padding: 0px 0 0px 0px;margin: 10px 5px 0px 5px;}
.mob-300-ins {margin: 0 auto;width: 200px;height: 270px;}

.up-bt { background-color: rgb(236,110,70); background: linear-gradient(to bottom,rgb(236,110,70),rgb(216,90,50)); color: rgb(255,255,255); text-shadow: 1px 1px 0 rgba(0,0,0,0.3); display: none; border-radius: 50%; opacity: 0.9; cursor: pointer; position: fixed; right: 5px; bottom: 5px; width: 50px; height: 50px; line-height: 46px; text-align: center; font-size: 34px; z-index: 19000; }
.up-bt i { display: block; height: inherit; line-height: inherit; }
.up-bt:hover { opacity: 1; }
.video-brs { display: none; }

.friend a { cursor: pointer; }
.friend {width: auto;display: inline-block;padding: 5px 10px 5px 10px;border: solid 1px;border-radius: 2px;float: right;}
  

@media all and (max-width:320px) {
    .warning, .main-war {font-size: 6px;}
    .list ul { column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; }
    h1 {font-size: 10px;float: inherit;}
    h2 {font-size: 10px;}
    .h2embed { font-size: 10px; }
    .warning, .main-war {font-size: 6px;}
    .logo { height: auto;}
    .logo a {font-size: 16px;}
    .header ul {float: left;/* margin: 5px 0px 0px 0%; */}
    .list .fa {display: none;}
    .list a span { font-size: 10px; margin: 0px 0 5px 5px;}
    .menu { float: none; }


} 


@media all and (min-width:200px) {
    .warning, .main-war {font-size: 6px; }
    .list ul { column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; }
    h1 {font-size: 7px;float: left;line-height: 27px;}
    h2 { font-size: 8px;line-height: 24px; }
    .h2embed {font-size: 9px;}
    .warning {font-size: 7px;padding: 4px 0 0 0;margin: 0 10px;}
    .main-war {font-size: 6px;padding: 0px 0 0 0;display: inline-block;}
    .main-war-embed {font-size: 7px;float: right;padding: 20px 0 0 0;}
    .logo {margin: 0;}
    .header ul a { font-size: 10px; }
    .header li a {height: 28px;width: 44px;font-size: 10px;line-height: 28px;}
    .thumb .name {font-size: 8px;}
    .filters a, .filters span  { font-size: 6px; line-height: 16px; height: 16px; }
    .filters span { height: 18px; }
    .trash {font-size: 8px;}
    .menu {float: none;}
    .logo a img { width: 100%; }
    .friend-img { width: 60px; }
    .friend {margin: 5% 1.5% 0% 0%;}
}

@media (min-width: 320px) {
    .main-war {font-size: 8px;padding: 0px 0 0 0;display: inline-block;width: 100%;line-height: 1.5;}
    h1 {font-size: 10px;line-height: 28px;}
    h2 {font-size: 10px;}
    .thumb .name {font-size: 14px;}
    .menu {float: none;}
    .logo a img {width: 90%;}
    .friend-img { width: 60px; }
    .friend {margin: 5% 1.5% 0% 0%;}

}

@media all and (min-width:340px) {
    .main-war {width: 100%;font-size: 8px;padding: 0px 0 0 0;display: block;line-height: 1.5;}
    h1 {font-size: 12px;line-height: 28px;}
    h2 {font-size: 12px;}
    .thumb .name {font-size: 15px;}
    .friend-img { width: 60px; }
    .friend { margin: 5% 1.3% 0% 0%; }

}

@media all and (min-width:370px) {
    .header li a { width: 54px;}   
}

@media all and (min-width:400px) {
    .logo a img {width: 65%;}
    h1 {font-size: 12px;line-height: 33px;}
    h2 {font-size: 12px;}
    .h2embed {font-size: 11px;}
    .warning { font-size: 8px; padding: 5px 0 0 0; }
    .main-war {font-size: 9px;padding: 0px 0 0 0;display: inline-block;width: 100%;}
    .main-war-embed {font-size: 8px;float: right;padding: 20px 0 0 0;}
    .filters a, .filters span  {font-size: 10px;line-height: 22px;height: 22px;}
    .filters span { height: 24px; }
    .trash { font-size: 12px; }
    .header li a { width: 58px;}
}


@media all and (min-width:500px) {
    .logo {height: 39px;width: 38%;float: left;margin-left: 5px;}
    h1 {font-size: 14px;line-height: 34px;}
    h2 {font-size: 14px;}
    .h2embed {font-size: 14px;}
    .list ul { column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; }
    .warning { font-size: 10px; padding: 5px 0 0 0; }
    .main-war {font-size: 10px;padding: 0px 0 0 0;}
    .main-war-embed {font-size: 10px;float: right;padding: 20px 0 0 0;}
    .filters a, .filters span  { font-size: 10px; }
    .filters span { height: 24px; }
    .header li a {width: 40px;}
    .menu {float: right; }
    .logo a {display: inline-block;justify-content: end;}
    .logo a img {width: 80%;height: 39px;}
    .friend-img { width: 80px; }
    .friend {margin: 3% 1.2% 0% 0%;}
    
}

@media all and (min-width:640px) {
    .logo  {height: 46px;width: 38%;margn-left: 5px;}
    .header li a {font-size: 14px;height: 35px;line-height: 35px;width: 55px;}
    h1 {font-size: 14px;line-height: 34px;}
    h2 {font-size: 14px;}
    .h2embed { font-size: 16px; }
    .on-player-pl { display: block; }
    .warning { font-size: 12px; padding: 5px 0 0 0; }
    .main-war {font-size: 12px;padding: 0px 0 0 0;width: 100%;}
    .main-war-embed {font-size: 12px;float: right;padding: 20px 0 0 0;}
    .thumb .name {font-size: 15px;}
    .filters a, .filters span  { font-size: 10px; }
    .filters span { height: 24px; }
    .logo a {display: inline-block;justify-content:end;}
    .logo a img {width: 80%;height: 46px;}
    .friend-img { width: 90px; }
    .friend {margin: 3% 1% 0% 0%;}
}

@media all and (min-width:848px) {
    .wrapper {width: 828px;max-width: 100%;}
    .logo {width: 38%;height: 56px;}
    .header ul {padding: 5px 0px 5px 0px;}
    .header li a {padding: 0px 5px;width: auto;font-size: 10px;}
    .header li a span {display: inline;}
    .thumb {width: 276px;}
    .thumb .name {font-size: 15px;}
    .thumb .icon {height: 45px;line-height: 45px;width: 45px;font-size: 30px;}
    .thumb .info { width: 60px; }
    .thumb .info li {width: 50px;height: 50px;}
    .thumb .info li i { display: block; height: 25px; line-height: 25px; font-size: 22px; margin-top: 9px; }
    .thumb .info li span {height: 20px;line-height: 20px;font-size: 10px;margin-bottom: 6px;}
    .thumb .info li.views { display: block; }
    .thumb-cat .name {font-size: 18px;height: 35px;line-height: 35px;}
    .thumb-cat .icon { font-size: 24px; }
    .mob-300 { display: none; }
    h1 {font-size: 14px;line-height: 35px;}
    h2 {font-size: 16px;line-height: 40px;}
    .h2embed { font-size: 18px; }
    .filters-button { font-size: 18px; line-height: 38px; height: 38px; padding: 0 15px; }
    .navigation li { display: inline-block; }
    .list ul { column-count: 4; -moz-column-count: 4; -webkit-column-count: 4; }
    .list a span {font-size: 14px;}
    .video-info span, .video-info a {font-size: 12px;}
    .warning {font-size: 13px;padding: 5px 0 0 0;}
    .main-war {font-size: 12px;padding: 5px 0 0 0;}
    .main-war-embed {font-size: 13px;float: right;padding: 20px 0 0 0;}
    .tar img {left: 3px;top: 2px;float: left;}
    .filters span { height: 24px; }
    .trash { font-size: 14px; }
    .logo a img {width:80%;height: 56px;}
    .friend-img { width: 100px; }
    .friend {margin: 2% 0% 0% 0%;}
     
    
}

@media all and (min-width:1262px) {
    .wrapper {width: 1242px;margin-bottom: -15px;}
    .header, .header .wrapper {overflow: hidden;padding: 0;}
    .logo {
    height: 77px;
}
    .logo a {
    display: inline-block;
    justify-content: end;
}
    .logo a img { height: 60px; }
    .header ul {float: right;}
    .header li a {font-size: 12px;min-width: 70px;height: 41px;line-height: 41px;}
    .search-button { display: none; }
    .search { display: block !important; float: right; width: 404px; clear: none; }
    .search input { font-size: 18px; }
    h1 {font-size: 18px;}
    h2 {font-size: 18px;line-height: 32px;}
    .h2embed {font-size: 20px;}
    .list ul { column-count: 4; -moz-column-count: 4; -webkit-column-count: 4; }
    .video-block, .video-brs { display: table-cell; vertical-align: top; }
    .video-block { padding-right: 10px; }
    .video-brs { border-style: solid; border-width: 2px; width: 320px; }
    .video-brs .brs-300 {height: 540px;}
    .warning {font-size: 14px;padding: 5px 0 0 0;}
    .main-war {display: contents;font-size: 14px;margin: 0px 0px 0 0px;}
    .main-war-embed {font-size: 14px;float: right;padding: 20px 0 0 0;}
    .thumb {width: 310px;}
    .tar img {left: 300px;top: 2px;float: left;} 
    .filters a, .filters span  { font-size: 12px; }
    .filters span {height: auto;}
    .logo a img {width: 60%;}
    .brs-300 { height: 340px; }
    .friend-img { width: 120px; }
    .friend {margin: 3% 0% 0% 0%;}
}

@media all and (min-width:1676px) {
    .wrapper {width: 1104px; margin-bottom: 0px;}
    .logo {background-size: 18em;width: 30%;background-position: center;height: 63px;}
    .logo a {font-size: 28px;}
    .header li a {font-size: 14px;padding: 0px 12px;min-width: 80px;}
    .search { width: 500px; }
    .search input { font-size: 20px; }
    h1 {font-size: 20px;}
    h2 {font-size: 20px;line-height: 34px;}
    .h2embed {font-size: 20px;}
    .filters a { height: 33px; line-height: 33px; font-size: 16px; }
    .filters span { height: 35px; line-height: 35px; }
    .list ul { column-count: 6; -moz-column-count: 6; -webkit-column-count: 6; }
    .video-brs .brs-300 {height: 549px;}
    .thumb {width: 276px;}
    .list a span {font-size: 12px;}
    .warning {font-size: 14px;padding: 4px 0 0 0;}
    .main-war {font-size: 14px;padding: 5px 0 0 0;}
    .main-war-embed {font-size: 14px;float: right;padding: 20px 0 0 0;}
    .tar img {left: 3px;top: 2px;float: left;} 
    .logo a img { width:80%; }
}

body.dark {
    background: #161616;
    color: #a2a2a2;
}

body.dark .header li a,
body.dark .filters a,
body.dark .navigation a,
body.dark .navigation span,
body.dark .b-300,
body.dark .list a,
body.dark .video-info a,
body.dark .video-info span {
    background: #161616;
}

body.dark .filters a,
body.dark .list a span.total {
    color: #a2a2a2;
}

body.dark .header,
body.dark .mob-300,
body.dark .thumb-img,
body.dark .search button,
body.dark .filters-button,
body.dark .filters,
body.dark .navigation,
body.dark .brs-300,
body.dark .list,
body.dark .list a i,
body.dark .video-info,
body.dark .video-brs,
body.dark .video-info a i,
body.dark .video-info span i,
body.dark .footer,
body.dark .title,
body.dark .friend  {
    background-color: #2a2a2a;
}

body.dark .thumb-img,
body.dark .header,
body.dark .header li a,
body.dark .search-input,
body.dark .filters-button,
body.dark .filters,
body.dark .filters a,
body.dark .navigation,
body.dark .navigation a,
body.dark .navigation span,
body.dark .list,
body.dark .list a,
body.dark .video-info,
body.dark .video-brs,
body.dark .video-info a,
body.dark .video-info span,
body.dark .footer,
body.dark .title {
    border-color: #525252;
}

body.dark a:hover,
body.dark .logo a span,
body.dark .filters-button i,
body.dark .filters span i,
body.dark h1 i,
body.dark h2 i,
body.dark .list a i,
body.dark .video-info a i,
body.dark .footer a i {
    color: #e68c64;
}

body.dark .thumb a:hover .icon,
body.dark .header li a:hover,
body.dark .header li a.active,
body.dark .header li.active a,
body.dark .search button:hover,
body.dark .filters-button:hover,
body.dark .filters-button.active,
body.dark .filters-button:hover i,
body.dark .filters-button.active i,
body.dark .list a:hover i,
body.dark .video-info a:hover i,
body.dark .close:hover,
body.dark .bot-close:hover {
    background-color: #e68c64;
    background: linear-gradient(to bottom, #e68c6440, #d2785040);
    color: white;
}

body.dark .thumb a:hover .thumb-img,
body.dark .header li a:hover,
body.dark .header li a.active,
body.dark .header li.active a,
body.dark .filters-button:hover,
body.dark .filters-button.active,
body.dark .filters a:hover,
body.dark .filters a.acitve,
body.dark .filters li.active a,
body.dark .navigation a:hover,
body.dark .navigation a.active,
body.dark .navigation li.active a,
body.dark .list a:hover,
body.dark .video-info a:hover,
body.dark .close:hover,
body.dark .bot-close:hover {
    border-color: #d2785085;
}

body.dark a,
body.dark .logo a,
body.dark .search button,
body.dark .filters-button,
body.dark .filters span,
body.dark .filters a:hover,
body.dark .filters a.acitve,
body.dark .filters li.active a,
body.dark .navigation a:hover,
body.dark .navigation a.active,
body.dark .navigation li.active a,
body.dark .list a:hover span.total,
body.dark .video-info span i,
body.dark .footer span {
    color: #c6c6c6;
}


body.dark .search-input {
    background-color: #f2f2f2;
}

body.dark .search input {
    color: #2a2a2a;
}

body.dark .thumb .icon,
body.dark .thumb .info li {
    background-color: rgba(2, 2, 2, 0.7);
}
body.dark .filters a  {
    color: white !important;
}


.header .theme-js.active {
    background-color: #e68c64;
    background: linear-gradient(to bottom, #e68c6400, #d2785029);
    color: white;
}

@media all and (min-width:1676px) {
    .header .theme-js, theme-js a {min-width: auto; }
    .filters a, .filters span  { font-size: 14px; }
}

li.active a {background-color: #da5d345c;color: white !important;}
body.dark li.active a {background-color: #d57b5347;}
.navi {
    float: right;
    display: inline-block;
}
.war {display:inline-block;width: -webkit-fill-available;margin: 10px 0px 0px 0px;}
.menu {display:inline-block;width: auto;/* float: right; */}
.twitter { float: right; font-size: 24px; }
.fa-twitter:before { color: #d77e55;}
#licnt1B29 { width: 31px; }
.logoimg {float: left;width:100%;}