body
{ background-color: rgb(5,50,63); }

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

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

.head-bottom
{ border-top: 2px solid rgb(5,50,63); }

.search input, ul.full-tags li a
{ border: 2px solid rgb(8,78,100); }

.desc p { color: rgb(16,140,180); }

.full-info h1
{ border-bottom: 2px solid rgb(10,100,130); }

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

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

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

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

 
.head-open-menu.active, .head-open-menu:hover, .head-open-search.active, .head-open-search:hover, .search button:hover, .sort li a:hover, .sort li.active a, .next-prev li a:hover, .letter, .categories-list li a:hover, .categories-list li a:hover span.category-total
{ background-color: rgb(208,93,104); color: rgb(8,70,89); }


.gallery-link a { background-color: rgb(10,100,130); color: rgb(255,255,255); }

.gallery-link a:hover { background-color: rgb(8,78,100); }

.search input:focus, ul.full-tags li a:hover
{ border-color: rgb(16,140,180); }

.head-menu
{ background-color: rgb(5,50,63); background: linear-gradient(to bottom,rgb(8,70,89),rgb(5,50,63)); border-top: 5px solid rgb(5,50,63); border-bottom: 5px solid rgb(8,70,89); }
.thumb-name, .thumb-name-c
{ color: rgb(255,255,255); }
a
{ color: rgb(16,140,180); }

 h1, h2, .logo a, .search input, .top-list li a:hover, ul.full-meta li span
{ color: rgb(16,140,180); }

.head-open-menu, .head-open-search, .thumb-dur, .thumb-rate, .full-bn
{ background-color: rgb(40,40,40); color: rgb(8,70,89); }
 .head-menu li.active a
 { background-color: rgb(10,60,80); color: rgb(25,189,237); }

.head-menu li a:hover 
{ background-color: rgb(10,60,80); color: rgb(25,189,237); }

.full-block
{ background-color: rgb(8,70,89); }

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




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

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

li { list-style-type: none; }

img { display: block; }

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

h1, h2 { display: block; font-weight: normal; text-transform: uppercase; }
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; text-align: center; width: 100%; overflow: hidden; }
.head-top { overflow: hidden; }
.logo { float: left; margin-left: 10px; }
.logo a { text-transform: uppercase; font-size: 20px; height: 50px; line-height: 50px; }

.head-open-menu, .head-open-search { transition: 0.2s ease; height: 50px; line-height: 50px; width: 50px; font-size: 22px; float: right; cursor: pointer; margin-left: 1px; }

.head-bottom { display: none; padding: 0 5px 10px 5px; }

.head-menu { display: none; font-size: 0; padding: 8px 4px 10px 4px; text-align: center; }
.head-menu li { display: inline-block; vertical-align: top; margin: 2px 1px 0 1px; text-transform: uppercase; position: relative; }
.head-menu li a { color: rgb(255,255,255); border-radius: 3px; height: 30px; line-height: 30px; display: block; padding: 0 10px; font-size: 14px; }

.searches-list { margin: 10px auto 0 auto; max-width: 800px; }
.searches-list ul { overflow: hidden; max-height: 50px; font-size: 0; }
.searches-list li { display: inline-block; vertical-align: top; margin: 0 5px; }
.searches-list li a, .searches-list li span { display: block; height: 25px; line-height: 25px; font-size: 14px; text-transform: uppercase; }

.search { margin: 10px auto 0 auto; width: 98%; max-width: 800px; }
.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: 48px; line-height: 48px; }
.search button { background-color: transparent; position: absolute; top: 0; right: -1px; height: 50px; line-height: 50px; width: 50px; cursor: pointer; font-size: 20px; border: 0 none; }

.wrapper { margin: 0 auto; width: 98%; text-align: left; }

.top-bl { overflow: hidden; padding-top: 5px; }
.top-bl h1, .top-bl h2 { float: left; margin-top: 10px; }
.sort { float: left; overflow: hidden; margin: 8px 8px 0 5px; }
.sort li { display: block; float: left; margin: 2px 2px 0 0; }
.sort li a { height: 26px; line-height: 26px; text-align: center; display: block; padding: 0 10px; font-size: 13px; }

.clear-line { clear: both; }

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

.thumb-name-2 {text-transform: uppercase; margin-top: 8px; }

.pages-bl { overflow: hidden; margin-top: 20px; text-align: center; font-size: 0; padding-bottom: 10px; }
.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: inline-block; }

.categories-list { overflow: hidden; }
.letter { text-align: center; width: 50px; height: 50px; line-height: 50px; font-size: 32px; display: inline-block; vertical-align: top; margin: 20px 10px 0 10px; }
.categories-list ul { overflow: hidden; padding: 8px 8px 0 10px; }
.categories-list li { width: 100%; }
.categories-list li a { margin: 2px 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; overflow: hidden; padding-bottom: 10px; }
.top-list ul { width: 50%; float: left; }
.top-list li { margin: 2px 10px 0 10px; }
.top-list li a { height: 35px; line-height: 35px; padding: 0 10px; font-size: 14px; display: block; overflow: hidden; }
.top-list li a:hover { text-decoration: underline; }

.full-wrapper { width: 100%; }

.full-block { overflow: hidden; }
.player { background-color: rgb(0,0,0); position: relative; width: 100%; padding-bottom: 56.25%; }
.player iframe, .player object, .player embed { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.gallery { padding: 0 5px; overflow: hidden; }

.full-tab { padding-bottom: 10px; }

.gal-th { float: left; width: 50%; }
.gal-th a { display: block; margin: 10px 5px 0 5px; }
.gal-th a img { background-color: rgb(40,40,40); max-width: 100%; }
.gal-th a:hover img { opacity: 0.9; }

.gallery-link { margin: 10px 10px 0 10px; }
.gallery-link a { display: block; text-align: center; padding: 15px; font-size: 16px; text-transform: uppercase; }
.gallery-link a span { text-decoration: underline; }
.gallery-link a:hover span { text-decoration: none; }

.full-right-col { font-size: 0; text-align: center; }
.full-bn { display: inline-block; vertical-align: top; margin: 10px 5px 0 5px; width: 300px; height: 250px; }
.full-bn-2, .full-bn-3 { display: inline-block; }
.full-cont-desc{margin:20px 15px 0}
.full-info { overflow: hidden; margin: 0 10px; padding-bottom: 10px; }
.full-info h1 { padding-bottom: 10px; }
.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:320px) {
    .thumb-bl { width: 50%; }
}

@media all and (min-width:380px) {
    .logo a { font-size: 24px; }
    .categories-list li { float: left; width: 50%; }
}

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

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

@media all and (min-width:600px) {
    .logo a { font-size: 28px; }
    .categories-list li { width: 33.3333%; }
    .top-list ul { width: 25%; }
    .top-list li a { font-size: 14px; }
}

@media all and (min-width:640px) {
    .thumb-bl { width: 33.3333%; }
}

@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:800px) {
    .top-list li a { font-size: 16px; }
    .sort { float: right; }
}

@media all and (min-width:900px) {
    .gal-th { width: 25%; }
}

@media all and (min-width:980px) {
    .wrapper, .full-wrapper { width: 960px; }
    .head { width: 960px; display: table; padding: 5px 0; }
    .head-top { display: table-cell; vertical-align: top; text-align: left; }
    .head-open-menu, .head-open-search { display: none; }
    .logo { float: none; }
    .logo a { font-size: 30px; }
    .head-bottom { display: table-cell !important; vertical-align: top; border-top: 0 none; margin: 0; padding: 0 0 0 20px; }
    .head-menu { padding: 0; display: block !important; }
    .head-menu li { margin: 0 0.5px; }
    .head-menu li a { background-color: transparent; height: 50px; line-height: 50px; font-size: 18px; border-radius: 0; padding: 0 15px; }
    .head-searches-block { width: 100%; display: table; }
    .search, .searches-list { display: table-cell; vertical-align: top; }
    .searches-list li { float: left; margin: 0 10px 0 0; }
    .search { width: 240px; padding: 0 10px 0 0; }
    .search input { padding: 0 4%; width: 92%; font-size: 16px; }
    h1 { font-size: 28px; line-height: 30px; }
    h2 { font-size: 32px; line-height: 30px; }
    .sort li a { height: 30px; line-height: 30px; font-size: 14px; min-width: 40px; }
    .thumb-bl { width: 320px; }
    .thumb img { width: 300px; height: 225px; }
    .thumb-2 img { width: 300px; height: 450px; }
    .thumb-name-2 { font-size: 18px; }

	.categories-list li span.category-name { font-size: 15px; }
    .top-list li a { font-size: 18px; height: 40px; line-height: 40px; }
    .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: middle; }
    .gal-th { width: 33.3333%; }
    .gallery-link a { font-size: 18px; }
    .full-right-col { width: 320px; vertical-align: top; }
    .full-bn { margin: 10px 10px 0 10px; display: inline-block; }
    .full-bn-3 { display: none; }
    .full-info { padding-bottom: 15px; }
    .full-info h1 { margin: 15px 15px 0 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 h1 { font-size: 32px; padding-bottom: 15px; }
	.full-info li { font-size: 18px; }
    .footer { width: 960px; }
}


@media all and (min-width:1300px) {
    h1 { font-size: 30px; line-height: 34px; }
    h2 { font-size: 34px; }
    .head { padding: 10px 0; }
    .sort li a { height: 34px; line-height: 34px; font-size: 15px; min-width: 60px; }
    .wrapper, .head, .full-wrapper, .footer { width: 1280px; }
    .logo a { font-size: 34px; }
    .search { width: 300px; }
    .searches-list li a, .searches-list li span { font-size: 15px; }
    .head-menu li a { min-width: 120px; font-size: 20px; }
    .bn-4 { display: inline-block; }
    .categories-list li { width: 20%; }
    .categories-list li a { height: 40px; line-height: 40px; }
    .top-list ul { width: 12.5%; }
    .top-list li a { font-size: 14px; }
    .gal-th { width: 25%; }
    .gallery-link a { font-size: 20px; }
	.full-info h1 { font-size: 34px; }
}

@media all and (min-width:1620px) {
    .wrapper, .head, .full-wrapper, .footer { width: 1600px; }
    .logo a { font-size: 40px; }
    .search { width: 400px; }
    .search input { padding: 0 3%; width: 94%; }
    .bn-5 { display: inline-block; }
    .full-bn-3 { display: inline-block; }
    .categories-list li { width: 16.6666%; }
	.categories-list li span.category-name { font-size: 16px; }
	.categories-list li span.category-total { font-size: 12px; }
    .top-list li a { font-size: 16px; }
    .gal-th { width: 20%; }
    .gallery-link a { font-size: 24px; }
	.full-info h1 { font-size: 36px; }
}