.list span {border-color: transparent;}

body
{background-color: #211F1F; color: #BA5617;}

.head, .foot, .full-wrap, .full-bns-block, img, .br, .preview-img, .brs-block, .list span
{background-color: #000;}

.preview .name, h1, h1 a, h2, h3, h4, a:hover, .open, .foot a, .foot a:hover
{color: #fff;}

.list span, .logo a span , .preview .name i, h1 i, h2 i, h3 i, .open:hover, .open.active, .preview a:hover, .preview a:hover .name {color: #E12900;}

.preview .meta ul, .close, .bot-close, .pages a, .pages span
{background-color: #BA5617;}

.full-meta a {background-color: #E12900;}

.search button, .menu li a, .videos-list .preview-img, .full-bn
{background-color: #444444; color: #FFFFFF;}

.searches-list li a, .preview .meta li
{border-color: #444444;}

.cats-list li a, .list span:hover, .full-block, .sidebar, .left-col
{background-color: #BA5617; color: #FFFFFF;}

.head, .searches-list li a:hover, .sidebar, .pages, .brs-block, .foot, .full-meta-wr
{border-color: #E12900;}

.search input, .search input::placeholder, .gallery_desc, .list span i, .sidebar-val i, .searches-list li a:hover, .searches-list li a i, .cats-list li a i, .list span:hover i, .videos-list .preview a:hover, .videos-list .preview a .name i, .full-meta i, span.tag
{color: #211F1F;}

.search button:hover, .menu li a:hover, .menu li a.active, .menu li.active a, .cats-list li a:hover, .cats-list li a:hover i, .cats-list li.to-all a, .cats-list li.to-all a i, .cats-list li a:hover span:last-child, .pages a:hover, .pages a.active, .pages li.active a, .full-meta a:hover, .close:hover, .bot-close:hover, .full-meta a:hover i, .full-meta a:hover span.tag
{background-color: #E12900; color: #FFFFFF;}

.cats-list li.to-all a:hover, .cats-list li.to-all a:hover i
{background-color: #E12900; color: #FFFFFF;}

a, .logo a, .sidebar-val, .searches-list li a, .meta ul, .videos-list .preview a, .full-meta a {color: #F0F7F0;}

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

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

body {font-family: Arial, sans-serif;}

li {list-style-type: none;}

img {display: block;}

a {text-decoration: none;}

h1, h2, h3, h4 { text-transform: uppercase;}
h1 {float: left; margin: 10px 5px 0 5px; font-size: 18px; line-height: 28px; height: 28px; overflow: hidden; font-weight: normal;}
h2,h3 {margin: 30px 5px 0 5px; font-size: 22px; line-height: 24px; font-weight: bold;}
h4 {margin: 10px 5px 0 5px; font-size: 16px; line-height: 18px; font-weight: bold;}

.wrap {margin: 0 auto; max-width: 1900px; width: 99%;}

.head {border-bottom-width: 2px; border-bottom-style: solid; font-size: 0; padding-bottom: 10px;}

.open {float: left; cursor: pointer; width: 28px; height: 28px; line-height: 28px; font-size: 22px; margin: 10px 5px 0 5px;}

.logo {float: left; margin: 10px 20px 0 5px;}
.logo a {height: 28px; line-height: 28px; font-size: 22px; display: block; font-weight: bold; text-transform: uppercase;}
.logo a img {height: 28px; background: transparent; display: inline-block; vertical-align: top;}

.val-sort {overflow: visible;}

.sidebar {box-shadow: 0 5px 15px -7px rgb(0,0,0); display: none; border-top-width: 2px; border-top-style: solid; position: absolute; width: 100%; z-index: 10000; left: 0; top: 48px; padding-bottom: 15px;}
.sidebar-val {display: none; padding: 0 10px; margin: 40px 0 -5px 0; font-size: 20px; font-weight: bold; line-height: 22px; text-transform: uppercase;}

.search {padding: 15px 10px 0 10px; margin: 0 auto; max-width: 640px;}
.search form {position: relative;}
.search input {text-transform: uppercase; width: 96%; border-radius: 6px; padding: 0 2%; border: 0 none; outline: 0 none; font-size: 14px; height: 40px; line-height: 40px;}
.search button {position: absolute; top: 5px; right: 5px; border: 0 none; cursor: pointer; border-radius: 5px; outline: 0 none; width: 30px; text-align: center; font-size: 14px; height: 30px; line-height: 30px;}

.menu {padding: 14px 10px 0 10px; margin: 0 auto; max-width: 640px;}
.menu li {margin-top: 1px;}
.menu li a {display: block; font-size: 18px; height: 50px; line-height: 50px; padding: 0 15px; text-transform: uppercase;}

.searches-list {display: none; padding: 10px 0 0 10px;}
.searches-list li {float: left;}
.searches-list li a {margin: 5px 15px 0 0; border-bottom-width: 2px; border-bottom-style: solid; display: block; font-size: 15px; text-transform: capitalize; line-height: 18px; padding: 5px 0;}

.cats-list {display: none; padding: 14px 10px 0 10px;}
.cats-list li a {margin-top: 1px; display: block; font-size: 16px; text-transform: capitalize; height: 35px; line-height: 35px; padding: 0 10px;}
.cats-list li a span {display: block;}
.cats-list li a span:first-child {float: left;}
.cats-list li a span:last-child {float: right; font-size: 11px;}
.cats-list li.to-all {font-weight: bold; text-transform: uppercase;}

.videos-list {display: none; padding: 10px 5px 0 5px;}

.right-col {padding-bottom: 15px;}

.preview {width: 100%;}
.preview-ins {margin: 10px 5px 0 5px; position: relative; }
.preview a {display: block;}
.preview-img {position: relative; padding-bottom: 56.25%;}
.preview-img img {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.play {color: #FFFFFF; text-shadow: 0 0 15px rgba(0,0,0,0.5); transition: 0.2s ease; opacity: 0; overflow: visible; position: absolute; top: 50%; left: 50%; margin: -20px 0 0 -20px; font-size: 40px; width: 40px; height: 40px; line-height: 40px; text-align: center;}
.preview .name {font-size: 14px; height: 16px; text-transform: uppercase; line-height: 16px; margin-top: 4px; padding-left: 0.5px;}
.preview .meta {transition: 0.2s ease; position: absolute;}
.preview .meta ul {height: 18px;}
.preview .meta li {border-right-style: solid; border-right-width: 1px; font-size: 11px; float: left; padding: 0 6px; height: 18px; line-height: 18px;}
.preview .meta li:last-child {border: 0 none;}
.preview .meta-like-views {bottom: 20px; left: 0;}
.preview:hover .meta-like-views {left: -320px;}
.preview a:hover .preview-img img {opacity: 0.95;}

.preview-ins-cat .name {font-size: 16px; height: 18px; line-height: 18px;}
.preview-ins-cat .meta-like-views {bottom: 22px;}

.videos-list .preview .meta {display: none;}
.videos-list .preview .name {font-size: 12px;}

.pages {margin: 20px 5px 0 5px; padding-top: 6px; border-top-style: solid; border-top-width: 2px; line-height: 40px; font-size: 14px; font-weight: bold; text-align: center;}
.pages li {display: inline-block; vertical-align: middle; margin: 4px 2px 0 2px;}
.pages a {display: block; min-width: 20px; padding: 0 10px; height: 40px; line-height: 40px; font-size: 14px; font-weight: bold; text-transform: uppercase; border-radius: 3px;}

.brs-block {border-top-style: solid; border-top-width: 2px; border-radius: 0 0 3px 3px; margin: 10px 5px 0 5px; font-size: 0; text-align: center; padding: 5px 0 15px 0;}
.br {width: 300px; height: 250px; margin: 10px 5px 0 5px; display: inline-block; vertical-align: top;}
.br-2, .br-3, .br-4, .br-5 {display: none;}
.br-long {width: 728px; height: 90px; margin: 10px 1px 0 1px; display: none; vertical-align: top;}

.list {padding: 6px 3px 0 3px; font-size: 0;}
.list li {page-break-inside: avoid; break-inside: avoid;}
.list a {float: left; width: 100%; display: block;}
.list span {border-bottom-style: solid; border-bottom-width: 2px; display: block; border-radius: 3px; padding: 0 10px; font-size: 13px; height: 38px; line-height: 40px; margin: 4px 2px 0 2px; text-transform: uppercase; font-weight: bold;}

.gallery_desc {padding: 5px 0 5px 0; font-size: 12px; line-height: 14px; text-align: center;}

.foot {border-top-width: 2px; border-top-style: solid; padding: 5px 0 15px 0; font-size: 14px; line-height: 16px; text-transform: uppercase; text-align: center;}
.foot p {margin: 10px 5px 0 5px;}
.foot ul {padding-top: 5px;}
.foot li {margin: 5px 5px 0 5px; display: inline-block; vertical-align: top;}
.foot a {text-decoration: underline;}
.foot a:hover {text-decoration: none;}

#scroll-top {background-color: #BA5617; color: #ffffff; opacity: 0.9; position: fixed; z-index: 10000; right: 10px; bottom: 10px; cursor: pointer; display: none; width: 40px; height: 40px; line-height: 40px; border-radius: 3px; font-size: 22px; text-align: center;}
#scroll-top:hover {opacity: 1;}

#ad-im {display: none; background:#dcdcdc;border:2px solid #d7d7d7;border-radius:4px;bottom:4px;text-align:left;line-height:0;position:fixed;right:4px;z-index:10001;}
#ad-im #top-title {color: #000;font:11px/21px Arial, Helvetica, sans-serif;height:21px;padding:0 0 0 4px;vertical-align: middle;}
#ad-im button {background:linear-gradient(to bottom, rgba(184, 15, 0, 1) 0%, rgba(255, 3, 3, 1) 50%, rgba(234, 4, 0, 1) 51%, rgba(255, 103, 106, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border:0; color:#fff; float:right; font:bold 16px/16px Helvetica, Arial, sans-serif; margin:0; outline:none; cursor:pointer; text-shadow:0 -1px 1px #000;}
#ad-im .adv {width:300px;height:250px;overflow:hidden;}

@media all and (min-width:330px) {
.open, .logo a {font-size: 24px;}
.open {width: 40px; height: 40px; line-height: 40px;}
.logo a {height: 40px;}
.logo a img {width: 180px; height: 40px;}
.preview {float: left; width: 50%;}
}

@media all and (min-width:400px) {
.search input {height: 50px; line-height: 50px; font-size: 16px;}
.search button {width: 40px; height: 40px; line-height: 40px; font-size: 16px;}
.preview-ins-cat .name {font-size: 18px; height: 20px; line-height: 20px;}
.preview-ins-cat .meta-like-views {bottom: 24px;}
.list ul {column-count: 2; -moz-column-count: 2; -webkit-column-count: 2;}
}

@media all and (min-width:640px) {
.br-2, .full-bn-2 {display: inline-block;}
.list ul {column-count: 3; -moz-column-count: 3; -webkit-column-count: 3;}
.list span {font-size: 14px;}
#ad-im{display: inline-block;}
}

@media all and (min-width:660px) {
.preview {width: 33.3333%;}
}

@media all and (min-width:930px) {
.open {display: none;}
.logo {min-width: 200px; margin: 10px 15px 0 0; text-align: center;}
.logo a {font-size: 40px; height: 40px; line-height: 30px;}
.logo a img {width: 180px; height: 40px;}
.val-sort {overflow: hidden;}
h1 {font-size: 22px; margin-left: 0; margin-right: 10px; height: 30px; line-height: 30px;}
.sidebar {box-shadow: none; display: block !important; top: 0; border-top: 0 none; width: 240px; padding-bottom: 40px;}
.sidebar-val, .searches-list, .cats-list, .videos-list {display: block;}
.search input {width: 200px; padding: 0 10px; height: 45px; line-height: 45px; font-size: 14px;}
.search button {width: 35px; height: 35px; line-height: 35px; font-size: 14px;}
.menu {padding: 14px 0 0 0;}
.wrap {display: table; width: 100%; position: relative;}
.left-col {display: table-cell; vertical-align: top; width: 240px;}
.right-col {display: table-cell; vertical-align: top; padding-left: 10px;}
.previews-block {padding-top: 5px;}
.videos-list .preview {width: 50%;}
.pages {padding-top: 0;}
.pages li {margin: 0 2px;}
.pages a {border-radius: 0 0 3px 3px;}
}

@media all and (min-width:1260px) {
.preview {width: 25%;}
h1 {font-size: 24px;}
h2 {font-size: 24px; line-height: 26px;}
.pages a {border-radius: 0 0 4px 4px; height: 50px; line-height: 50px; padding: 0 15px; font-size: 16px;}
.br-3 {display: inline-block;}
.list ul {column-count: 4; -moz-column-count: 4; -webkit-column-count: 4;}
.foot {font-size: 16px; line-height: 18px;}
.full-block, .full-bns-block {display: table-cell; vertical-align: top;}
.full-bns-block { width: 320px; margin: 0;}
.full-meta ul {padding: 13px 14px 0 14px;}
.full-meta div, .full-meta a {height: 40px; line-height: 40px;}
.full-meta a {padding: 0 15px;}
}

@media all and (min-width:1590px) {
h1 {font-size: 26px;}
h2 {font-size: 26px; line-height: 28px;}
.preview {width: 20%;}
.br-4 {display: inline-block;}
.list ul {column-count: 6; -moz-column-count: 6; -webkit-column-count: 6;}
.full-meta li {font-size: 16px;}
}

@media all and (min-width:1650px) {
.full-bn-3 {display: inline-block;}
}

@media all and (min-width:1850px) {
.br-5 {display: inline-block;}
.list span {height: 48px; line-height: 50px; font-size: 16px;}
}