body
{ background-color: rgb(240,240,240); }

body, .search button, .categories-list li span.category-total, .top-list li a i, .footer-wrapper
{ color: rgb(120,120,120); }

img, .bn, .next-prev li span, .footer-wrapper
{ background-color: rgb(220,220,220); }

.search input, ul.full-tags li a
{ border: 1px solid rgb(210,210,210); }

.full-info h1
{ border-bottom: 1px dotted rgb(210,210,210); }

.head-wrapper, .thumb:hover, .next-prev li a, .pages-bl li a:hover, .pages-bl li.active span, .categories-list li a, .top-list li a:hover, .full-info
{ background-color: rgb(255,255,255); }

.thumb:hover, .pages-bl li a:hover, .pages-bl li.active span, .next-prev li a, .top-list li a:hover, .full-info
{ box-shadow: 0 0 15px -4px rgb(140,140,140); }

.footer-wrapper
{ box-shadow: inset 0 5px 15px -7px rgb(140,140,140); }

a:hover, .logo a span, .thumb li a i, .thumb p a i, .pages-bl li a:hover, .pages-bl li.active span, .top-list li a:hover i, ul.full-tags li i, .footer span, .top-bl i 
{ color: rgb(208,93,104); }

.player a:hover i { opacity: 1; }

.search button:hover, .next-prev li a:hover, .categories-list li a:hover, .categories-list li a:hover span.category-total 
{ background-color: rgb(208,93,104); color: rgb(255,255,255); }

.search input:focus, ul.full-tags li a:hover
{ border-color: rgb(208,93,104); }

.head-wrapper 
{ box-shadow: 0 0 15px -4px rgb(140,140,140); border-bottom: 5px solid rgb(228,113,124); }    
	
a, h1, h2, .logo a, .search input, .top-list li a:hover, ul.full-meta li span
{ color: rgb(40,40,40); }

.thumb-dur, .thumb-rate, .full-bn
{ background-color: rgb(40,40,40); color: rgb(255,255,255); }

.search input, ul.full-tags li a:hover
{ background-color: rgb(255,255,255); }




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

@font-face {
  font-family: 'Asap Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/asap-condensed-v5-latin-regular.eot');
  src: local('Asap Condensed Regular'), local('AsapCondensed-Regular'),
       url('/fonts/asap-condensed-v5-latin-regular.eot?#iefix') format('embedded-opentype'),
       url('/fonts/asap-condensed-v5-latin-regular.woff2') format('woff2'),
       url('/fonts/asap-condensed-v5-latin-regular.woff') format('woff'),
       url('/fonts/asap-condensed-v5-latin-regular.ttf') format('truetype'),
       url('/fonts/asap-condensed-v5-latin-regular.svg#AsapCondensed') format('svg');
}

body { font-family: 'Asap Condensed', 'Arial Narrow', sans-serif; }
input, button { font-family: 'Asap Condensed', 'Arial Narrow', sans-serif; }

li { list-style-type: none; }

img { display: block; }

a { text-decoration: none; transition: 0.2s ease; }

.top-bl h1, .full-info h1, h2 { display: block; font-weight: normal; text-transform: uppercase; }
.top-bl h1 { font-size: 24px; line-height: 26px; margin: 10px 10px 0 10px; }
h2 { font-size: 22px; line-height: 26px; margin: 40px 10px 0 10px; }

.head { margin: 0 auto; width: 100%; overflow: hidden; display: table; padding: 5px 0; }
.head-top { overflow: hidden; display: table-cell; vertical-align: top; }
.logo { float: left; margin-left: 10px; }
.logo a, .logo h1 { font-weight: normal; text-transform: uppercase; font-size: 20px; height: 40px; line-height: 40px; }

.head-bottom { display: table-cell; padding: 0 0 0 20px; }
.head-searches-block { width: 100%; display: table; }

.search { margin: 10px auto 0 auto; width: 98%; max-width: 800px; display: table-cell; vertical-align: top; padding: 0 10px 0 0; }
.search form { position: relative; }
.search input, .search button { display: block; font-size: 14px; outline: none; text-transform: uppercase; transition: 0.2s ease; }
.search input { width: 96%; padding: 0 2%; height: 38px; line-height: 38px; }
.search button { background-color: transparent; position: absolute; top: 0; right: -1px; height: 40px; line-height: 40px; width: 40px; cursor: pointer; font-size: 20px; border: 0 none; }

.wrapper { text-align: left; overflow: hidden; padding: 0 5px; }

.top-bl { overflow: hidden; padding-top: 5px; }
.top-bl h1, .top-bl h2 { float: left; margin-top: 3px; }

.clear-line { clear: both; }

.thumbs-wrap { margin: 0 -6px; }

.thumb-bl { float: left; width: 100%; }
.thumb { position: relative; padding: 0 1px; margin: 7px 0 0; transition: 0.2s ease; }
.thumb-pic { position: relative; padding-bottom: 56.25%; }
.thumb img { width: 100%; height: 100%; position: absolute; }
.thumb-name { line-height: 20px; height: 20px; font-size: 16px; overflow: hidden; margin: 4px 0 0 4px; }
.thumb p { line-height: 15px; height: 15px; font-size: 13px; overflow: hidden; margin-top: 2px; }
.thumb ul { overflow: hidden; margin-top: 4px; height: 15px; line-height: 15px; }
.thumb li { float: left; margin: 0 5px 0 0; font-size: 13px; }
.thumb li a, .thumb p a { text-decoration: underline; }
.thumb li a:hover, .thumb p a:hover { text-decoration: none; }
.thumb-dur { position: absolute; opacity: 0.9; height: 20px; line-height: 20px; padding: 0 5px; font-size: 12px; top: 7px; right: 2px; }

.pages-bl { margin: 20px 0; text-align: center; font-size: 0; }
.pages-bl li { display: inline-block; vertical-align: top; margin: 10px 5px 0 5px; }
.pages-bl li a, .pages-bl li span { min-width: 30px; border-radius: 50%; display: block; height: 40px; line-height: 40px; padding: 0 5px; font-size: 14px; }
.next-prev li a, .next-prev li span { width: 70px; height: 80px; line-height: 80px; font-size: 60px; }

.next-prev.more li a { width: auto; font-size: 20px; height: auto; line-height: 24px; border-radius: 0; padding: 15px; min-width: 270px; text-transform: uppercase; }

.bns-bl { margin-top: 10px; text-align: center; overflow: hidden; font-size: 0; }
.bn { display: inline-block; vertical-align: top; margin: 10px 5px 0 5px; width: 300px; height: 250px; }
.bn-2, .bn-3, .bn-4, .bn-5 { display: none; }

.categories-list { overflow: hidden; }
.categories-list ul { overflow: hidden; padding: 8px 8px 0 10px; column-gap: 0; }
.categories-list li { display: inline-block; width: 100%; }
.categories-list li a { margin: 0 2px 0 0; display: block; overflow: hidden; height: 35px; line-height: 35px; padding: 0 10px; }
.categories-list li span.category-name { display: block; float: left; font-size: 13px; text-transform: uppercase; }
.categories-list li span.category-total { background: none !important; display: block; float: right; font-size: 11px; }

.top-list { margin-top: 8px; padding-bottom: 10px; }
.top-list ul { -webkit-columns: 2; columns: 2; column-gap: 0; }
.top-list li { margin: 2px 10px 0 10px; display: inline-block; width: 100%; }
.top-list li a { height: 30px; line-height: 30px; padding: 0 10px; font-size: 14px; display: block; overflow: hidden; }
.top-list li a:hover { text-decoration: underline; }

.player { background-color: rgb(0,0,0); position: relative; width: 100%; padding-bottom: 56.25%; }
.player iframe, .player object, .player embed, .player img, .player a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.player a i { margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; font-size: 70px; width: 70px; height: 70px; color: #fff; opacity: 0.7; transition: 0.2s ease; text-shadow: 0 0 30px rgba(0,0,0,0.5); }

.full-right-col { font-size: 0; text-align: center; }
.full-bn { display: inline-block; vertical-align: top; margin: 10px 5px; width: 300px; height: 250px; }
.full-bn-2, .full-bn-3 { display: none; }

.full-info { overflow: hidden; padding-bottom: 10px; }
.full-info h1 { padding-bottom: 10px; font-size: 24px; }
.full-info ul { overflow: hidden; padding-left: 10px; }
.full-info li { float: left; text-transform: uppercase; }
ul.full-meta li { font-size: 14px; margin: 5px 10px 0 0; height: 25px; line-height: 25px; }
ul.full-meta li.like span, ul.full-meta li.dislike span { float: left; margin-left: 5px; display: block; }
ul.full-meta li.like a { color: rgb(45,165,45); font-size: 22px; display: block; float: left; }
ul.full-meta li.like a:hover { color: rgb(65,185,65); }
ul.full-meta li.dislike a { color: rgb(225,85,85); font-size: 22px; display: block; float: left; }
ul.full-meta li.dislike a:hover { color: rgb(245,105,105); }
ul.full-tags { padding-top: 8px; }
ul.full-tags li { margin: 2px 2px 0 0; }
ul.full-tags li a, ul.full-tags li span { font-size: 14px; display: block; }
ul.full-tags li a { border-radius: 3px; height: 30px; line-height: 30px; padding: 0 10px; display: block; }
ul.full-tags li span { height: 32px; line-height: 32px; margin-right: 5px; }

.full-share-buttons { margin: 10px 10px 0 10px; min-height: 35px; }

.footer-wrapper { margin-top: 20px; }
.footer { margin: 0 auto; overflow: hidden; text-align: center; padding: 10px 0 20px 0; width: 98%; font-size: 16px; line-height: 22px; }
.footer p { margin-top: 10px; }
.footer a { text-decoration: underline; margin-right: 10px; margin-left: 10px; }
.footer a:hover { text-decoration: none; }

@media all and (min-width:360px) {
	.logo a, .logo h1 { font-size: 24px; }
    .thumb-bl { width: 50%; }
	.categories-list ul { -webkit-columns: 2; columns: 2; }
	.top-list ul { -webkit-columns: 2; columns: 2; }
}


@media all and (min-width:400px) {
    .top-list li a { font-size: 16px; }
}

@media all and (min-width:500px) {
    .logo a, .logo h1 { font-size: 26px; }
    .top-list li a { font-size: 18px; }
}

@media all and (min-width:600px) {
    .logo a, .logo h1 { font-size: 28px; }
    .top-list li a { font-size: 14px; }
}

@media all and (min-width:700px) {
	.bn-2, .full-bn-2 { display: inline-block; }
    .top-list li a { font-size: 15px; }
}

@media all and (min-width:768px) {
	.wrapper { margin: 0 auto; width: 98%; text-align: left; }
	.thumb { padding: 7px; }
	.thumb-bl { width: 334px; max-width: 33.3333%; }
	.thumb-dur { top: 7px; right: 7px; }
	.categories-list ul { -webkit-columns: 3; columns: 3; }
	.top-list ul { -webkit-columns: 3; columns: 3; }
	.player a i { font-size: 100px; width: 100px; height: 100px; }
	.top-bl h1, .top-bl h2 { margin-top: 10px; }
}

@media all and (min-width:800px) {
    .top-list li a { font-size: 16px; }
}

@media all and (min-width:1022px) {
    .logo { float: none; }
    .logo a, .logo h1 { font-size: 30px; }
    .search { width: 240px; }
    .search input { padding: 0 4%; width: 92%; font-size: 16px; }
    .top-bl h1 { font-size: 28px; line-height: 30px; }
    h2 { font-size: 32px; line-height: 30px; }
	.categories-list li span.category-name { font-size: 15px; }
    .top-list li a { font-size: 18px; }
    .bn { margin: 10px 10px 0 10px; }
    .bn-3 { display: inline-block; }
    .full-block { margin: 0 10px; }
	.full-tab { display: table; width: 100%; }
	.full-col, .full-right-col { display: table-cell; }
	.full-col { vertical-align: top; }
    .full-right-col { width: 320px; vertical-align: top; }
    .full-bn { margin: 10px; display: block; }
    .full-bn-3 { display: none; }
    .full-info { padding-bottom: 15px; }
    .full-info h1 { margin: 15px 15px 0 15px; line-height: 30px; font-size: 32px; padding-bottom: 15px; }
    .full-info ul { padding-left: 15px; }
    ul.full-meta li { margin: 15px 15px 0 0; }
    ul.full-tags { padding-top: 13px; }
    .full-share-buttons { margin: 15px 15px 0 15px; }
	.full-info li { font-size: 18px; }

}

@media all and (min-width:1025px) {
	.categories-list ul { -webkit-columns: 4; columns: 4; }
	.top-list ul { -webkit-columns: 4; columns: 4; }
	.thumb-bl { max-width: 25%; }
}

@media all and (min-width:1356px) {
    .top-bl h1 { font-size: 30px; line-height: 34px; }
    h2 { font-size: 34px; }
    .head { padding: 10px 0; }
    .wrapper, .head, .footer { width: 1336px; }
    .logo a, .logo h1 { font-size: 34px; }
    .search { width: 300px; }
    .bn-4 { display: inline-block; }
	.categories-list ul { -webkit-columns: 5; columns: 5; }
    .categories-list li a { height: 40px; line-height: 40px; }
	.top-list ul { -webkit-columns: 5; columns: 5; }
    .top-list li a { font-size: 14px; }
	.full-info h1 { font-size: 34px; line-height: 34px;}
	.full-block { margin: 0 auto; width: 1336px; }
}

@media all and (min-width:1690px) {
    .wrapper, .head, .footer { width: 1670px; }
    .logo a, .logo h1 { font-size: 40px; }
    .search { width: 400px; }
    .search input { padding: 0 3%; width: 94%; }
    .bn-5 { display: inline-block; }
    .full-bn-3 { display: block; }
	.categories-list ul { -webkit-columns: 6; columns: 6; }
	.categories-list li span.category-name { font-size: 16px; }
	.categories-list li span.category-total { font-size: 12px; }
	.top-list ul { -webkit-columns: 6; columns: 6; }
    .top-list li a { font-size: 16px; }
	.full-info h1 { font-size: 36px; }
	
}

@media all and (min-width:1780px) {
	.full-block { margin: 0 10px; width: 100%; }
}