body, .navi li a, .navi li span
{ background-color: rgb(80,85,90); }

body, .thumb-bot span.time
{ color: rgb(200,205,210); }

img, .preview-img, .br, .full-bn, .video-mob-br-300, .video2-mob-br-300, .video-br-728, .searches a, .list a, .list2 a
{ background-color: rgb(60,65,70); }

.wrap
{ background-color: rgb(40,45,50); }

.menu, .preview a, .brs-block, .categories a, .searches, .tb-prev a, .video-meta
{background-color: #1e2328;}

.open, .menu a, .full-wrap, .navi li a.like, .navi li a.dislike, .navi li span.video-rate-perc, .foot
{background-color: rgb(20,25,30);}

.scrollup{
    width:50px;
    height:50px;
    opacity:0.6;
    position:fixed;
    bottom:50px;
    right:10px;
    display:none;
    text-indent:-9999px;
    background: url('http://pornovsem.net/arrow.png') no-repeat;
}

.navi ul.video-cats li a:hover, .navi ul.video-tags li a
{ background-color: rgb(20,25,30); color: rgb(255,255,255); }

a:hover, h1 span, h2 span, .logo a span, .menu a i, .search button:hover, .thumb-bot span.views-total, .thumb-icon span, .categories span.cat-total, .searches i, .tb-prev .name i, .list a i, .list2 a i, .navi ul.video-cats li a:hover i, .navi ul.video-tags li a i, .foot span
{ color: rgb(80,170,240); }

.logo a::after, .open:hover, .open.active, .menu a:hover, .menu a.active, .menu li.active a, .navi li a:hover, .navi li a.active, .navi li.active a, .navi li span.active, .navi li.active span, .preview a:hover, .categories a:hover, .searches a:hover, .tb-prev a:hover, .list2 a:hover, .list a:hover, .close:hover, .bot-close:hover, .navi ul.video-cats li a, .navi ul.video-tags li a:hover
{ background-color: rgb(70,160,230); color: rgb(255,255,255); }

.menu a.active::after, .menu li.active a::after
{ border-top: 10px solid rgb(70,160,230); }

.menu a:hover i, .menu a.active i, .menu li.active a i, .preview a:hover .thumb-bot span, .categories a:hover span.cat-total, .searches a:hover i, .tb-prev a:hover .name i, .list2 a:hover i, .list a:hover i, .navi ul.video-cats li a i, .navi ul.video-tags li a:hover i
{ color: rgb(0,5,10); }

a, h1, h2, .logo a, .open, .menu a, .video-meta
{ color: rgb(245,250,255); }



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; text-transform: uppercase; text-align: center; }

li { list-style-type: none; }

img { display: block; }

a { text-decoration: none; }

h1, h2 { font-weight: normal; margin: 20px 5px 0 5px; }
h1 {font-size: 20px;line-height: 16px;}
h2 { font-size: 22px; line-height: 24px; }

.wrap {width: 98%;margin: 0 auto;max-width: 720px;}

.head { font-size: 0; overflow: visible; }
.head .wrap { overflow: visible; background: none; position: relative; }

.logo { float: left; overflow: visible; }
.logo a { height: 40px; line-height: 40px; font-size: 20px; display: block; overflow: visible; position: relative; }
.logo a::after { content: ''; position: absolute; left: 0; bottom: -5px; height: 5px; width: 100%; }

.open { float: right; cursor: pointer; width: 40px; height: 40px; line-height: 40px; font-size: 18px; margin: 0 0 0 1px; }

.menu { clear: both; font-size: 0; padding: 8px 4px 10px 4px; }
.menu li { margin: 2px 0px 0 1px; display: inline-block; vertical-align: top; }
.menu a { display: block; font-size: 11px; height: 34px; line-height: 34px; padding: 0 10px; text-align: left; }

.search { display: none; position: absolute; z-index: 10000; top: 40px; right: 0; width: 100%; }
.search form { overflow: hidden; position: relative; }
.search-input { background-color: rgb(255,255,255); height: 60px; line-height: 60px; padding: 0 20px 0 55px; }
.search input { color: rgb(40,45,50); background: none; text-transform: uppercase; width: 100%; border: 0 none; outline: 0 none; font-size: 20px; height: 60px; line-height: 60px; }
.search input::placeholder { color: rgb(40,45,50); }
.search button { background: none;; color: rgb(40,45,50); position: absolute; top: 0; left: 10px; border: 0 none; cursor: pointer; outline: 0 none; width: 40px; font-size: 22px; height: 60px; line-height: 60px; }

.navi { font-size: 0; }
.navi ul { display: inline-block; vertical-align: top; margin: 6px 18px 0 18px; }
.navi li { display: inline-block; vertical-align: top; margin: 4px 2px 0 2px; }
.navi li a, .navi li span { font-size: 12px; display: block; height: 28px; line-height: 28px; padding: 0 7px; }
.navi li a.navi-hd:hover,.navi li a.navi-hd.active, .navi li.active a.navi-hd { background-color: rgb(240,150,50); color: rgb(255,255,255); }

.navi ul.pages { margin-top: 16px; }
.navi ul.pages li a, .navi ul.pages li span { padding: 0 5px; min-width: 20px; }
.navi ul.view-all li a { padding: 0 20px !important; }

.previews-block { padding-top: 20px; }

.preview { width: 50%; float: left; }
.preview a { display: block; padding-bottom: 10px; }
.preview-img { position: relative; padding-bottom: 56.25%; }
.preview-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: 0.5s ease; }
.preview a:hover .preview-img img { transform: scale(1.05); }
.preview .name { margin-top: 9px; font-size: 19px; padding: 0 10px; height: 30px; line-height: 30px; }

.thumb-bot { font-size: 0; height: 30px; }
.thumb-bot span { height: 30px; line-height: 30px; display: inline-block; vertical-align: top; margin: 0 10px; font-size: 19px; }
.thumb-bot span.percent { color: rgb(22,202,122); }
.hd { background-color: rgba(240,150,50,0.9); color: rgb(255,255,255); display: block; position: absolute; top: 0; left: 0; height: 30px; line-height: 30px; font-size: 22px; padding: 0 5px; z-index: 1100; }

.thumb-icon { display: none; background-color: rgb(0,0,0,0.1); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; }
.thumb-icon span { position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; line-height: 50px; font-size: 50px; margin: -25px 0 0 -25px; z-index: 1000; }
.preview a:hover .thumb-icon { display: block; }

.preview .cat-name { font-size: 22px; }

.brs-block { font-size: 0; padding: 18px 0 20px 0; margin-top: 20px; }
.br {width: 350px;height: 175px;margin: 4px 2px 0 2px;display: inline-block;vertical-align: top;border-radius: 10px;}
.br-2, .br-3, .br-4, .br-5 { display: none; }

.categories { padding: 16px 18px 0 18px; }
.categories li { float: left; width: 50%; }
.categories a { margin: 4px 2px 0 2px; padding: 10px; display: block; }
.categories span { display: block; overflow: hidden; }
.categories span.cat-name { height: 20px; line-height: 20px; font-size: 16px; }
.categories span.cat-total { height: 20px; line-height: 20px; font-size: 13px; }

.searches { margin-top: 20px; }
.searches ul { padding: 16px 18px 20px 18px; font-size: 0; }
.searches li { display: inline-block; margin: 4px 2px 0 2px; }
.searches a { display: block; height: 40px; line-height: 40px; padding: 0 15px; font-size: 14px; }

.tbs-list { padding-top: 20px; }

.tb-prev { width: 50%; float: left; }
.tb-prev a { display: block; }
.tb-prev .name { font-size: 14px; padding: 0 5px; height: 40px; line-height: 40px; }
.tb-prev a:hover .preview-img img { opacity: 0.9; }

.list, .list2 { padding: 16px 18px 0 18px; }
.list li { float: left; width: 50%; }
.list a, .list2 a { margin: 4px 2px 0 2px; padding: 0 5px; display: block; height: 34px; line-height: 34px; font-size: 12px; }
.list2 li { float: left; width: 100%; }

.full-wrap { margin-top: 20px; }
.full-tab { display: table; width: 100%; }
.full-block { background-color: rgb(19, 25, 29); }
.video { position: relative; width: 100%; padding-bottom: 56.25%; }
.video iframe, .video object, .video embed, .video video, .video source { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.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: rgb(45,45,45); 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(22,22,22,0.95); color: rgb(255,255,255); position: absolute; cursor: pointer; height: 30px; line-height: 30px; text-align: center; }
.on-player-sp { width: 300px; height: 250px; }
.on-player-sp iframe { width: 300px !important; height: 250px !important; position: static; }
.close { font-family: Arial, sans-serif; width: 30px; font-size: 18px; top: 0; right: 0; }
.bot-close { left: 0; bottom: 0; font-size: 14px; text-transform: uppercase; padding: 0 10px; }

.video-wide-br { padding-bottom: 10px; }
.video-mob-br-300 {margin: 10px auto 0 auto;width: 230px;height: 250px;border-radius: 5px;background: transparent;}
.video2-mob-br-300 {margin: 10px auto 0 auto;width: 200px;height: 260px;border-radius: 5px;}
.video-br-728 { display: none; margin: 10px auto 0 auto; width: 728px; height: 90px; }

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

.video-meta { padding: 0 8px 10px 8px; }
.navi li a.like, .navi li a.dislike { padding: 0; width: 30px; font-size: 18px; }
.navi li a.like:hover { background-color: rgb(0,162,82); color: rgb(255,255,255); }
.navi li a.like { color: rgb(22,202,122); }
.navi li a.dislike:hover { background-color: rgb(202,82,82); color: rgb(255,255,255); }
.navi li a.dislike { color: rgb(222,102,102); }
.navi li span.video-rate-perc { color: rgb(22,202,122); }

.foot { padding: 10px 30px 25px 30px; font-size: 14px; line-height: 18px; }
.foot p { margin-top: 15px; }
.foot ul { padding-top: 10px; }
.foot li { margin: 5px 5px 0 5px; display: inline-block; vertical-align: top; }
.foot a { text-decoration: underline; }
.foot a:hover { text-decoration: none; }
.friend a { cursor: pointer; }
.friend-img {width: 15%;margin: 0px 45%;background: transparent;}
.friend {width: -webkit-fill-available;display: inline-block;padding: 15px 15px 15px 15px;border: solid 1px #484848;border-radius: 5px;background-color: #242323;margin: 1% 10% 0px 10%;text-align:center;color: #ffffffb3;}
hr {margin: 0px 0px 5px 0;color: #14191e;border: solid 1px;}


@media all and (min-width:320px) {
    .logo a { font-size: 22px; }
    .preview { width: 50%; }
    .preview a { padding-bottom: 5px; }
    .preview .name { margin-top: 5px; font-size: 12px; height: 20px; line-height: 20px; }
    .preview .cat-name { font-size: 18px; }
    .thumb-bot { height: 20px; }
    .thumb-bot span {height: 20px;line-height: 20px;font-size: 10px;}
    .hd { height: 20px; line-height: 20px; font-size: 16px; }
    .friend-img { width: 70%; margin: 0 15%; }
    .friend { font-size: 12px;}
}

@media all and (min-width:375px) {
    .logo a { font-size: 22px; }
    .preview { width: 50%; }
    .preview a { padding-bottom: 5px; }
    .preview .name { margin-top: 5px; font-size: 14px; height: 20px; line-height: 20px; }
    .preview .cat-name { font-size: 18px; }
    .thumb-bot { height: 20px; }
    .thumb-bot span {height: 20px;line-height: 20px;font-size: 12px;}
    .hd { height: 20px; line-height: 20px; font-size: 16px; }
    .friend { font-size: 14px; margin: 1%;}
}

@media all and (min-width:400px) {
    .logo a { font-size: 22px; }
    .preview { width: 50%; }
    .preview a { padding-bottom: 5px; }
    .preview .name { margin-top: 5px; font-size: 14px; height: 20px; line-height: 20px; }
    .preview .cat-name { font-size: 18px; }
    .thumb-bot { height: 20px; }
    .thumb-bot span {height: 20px;line-height: 20px;font-size: 12px;}
    .hd { height: 20px; line-height: 20px; font-size: 16px; }
    .friend {margin: 1% 15%}
}

@media all and (min-width:640px) {
    .logo a {font-size: 26px;}
    .menu a { font-size: 16px; height: 40px; line-height: 40px; padding: 0 15px; }
    .on-player-pl { display: block; }
    .preview a { padding-bottom: 10px; }
    .preview .name {margin-top: 10px;font-size: 16px;height: 30px;line-height: 30px;}
    .preview .cat-name { font-size: 22px; }
    .thumb-bot { height: 30px; }
    .thumb-bot span {height: 30px;line-height: 30px;font-size: 15px;}
    .hd { height: 30px; line-height: 30px; font-size: 22px; }
    h1 {font-size: 20px;line-height: 10px;}
    h2 { font-size: 26px; line-height: 28px; }
    .br-2 { display: inline-block; }
    .categories li, .list li, .tb-prev { width: 33.3333%; }
    .list2 li { width: 100%; }
    .friend { margin: 1% 25%;}
    .friend-img {width:60%; margin: 0 20%;}
}

@media all and (min-width:840px) {
    .wrap {width: 100%;}
    .preview {width: 360px;}
    .logo a { height: 50px; line-height: 50px; }
    .logo a::after { bottom: -10px; height: 10px; }
    .menu { float: right; clear: none; position: static; width: auto; overflow: visible; padding: 0; } 
    .menu ul { overflow: visible; } 
    .menu li { margin: 0 0 0 1px; float: left; overflow: visible; }
    .menu a {height: 50px;line-height: 50px;position: relative;overflow: visible;text-align: center;padding: 0 15px;font-size: 12px;}
    .menu a.active::after, .menu li.active a::after { border-right: 20px solid transparent; border-left: 20px solid transparent; content: ''; position: absolute; left: 50%; margin-left: -20px; bottom: -10px; height: 0; }
    .menu li a.home {font-size: 30px;height: 50px;line-height: 50px;width: 60px;padding: 0;}
    .menu li a.home span { display: none; }
    .open { height: 50px; line-height: 50px; font-size: 18px; width: 50px; }
    .search { top: 50px; }
    h1, h2 {margin-top: 30px;}
    h2 { font-size: 32px; line-height: 34px; }
    .previews-block, .tbs-list {padding-top: 30px;}
    .navi ul.pages { margin-top: 26px; }
    .navi ul.pages li a, .navi ul.pages li span { padding: 0 10px; min-width: 20px; height: 40px; line-height: 40px; }
    .brs-block { padding: 24px 0 30px 0; margin-top: 30px; }
    .br { margin: 6px 3px 0 3px; }
    .categories { padding: 26px 28px 0 28px; }
    .categories a { padding: 15px; }
    .categories span.cat-name { font-size: 18px; }
    .categories span.cat-total { font-size: 14px; margin-top: 5px; }
    .list, .list2 { padding: 26px 28px 0 28px; }
    .list a, .list2 a { height: 40px; line-height: 40px; font-size: 14px; }
    .searches ul { padding: 26px 28px 30px 28px; }
    .full-wrap { margin-top: 30px; }
    .video-mob-br-300, .video2-mob-br-300 { display: none; }
    .video-br-728 { display: block; } 
    .video-meta { padding: 10px 18px 20px 18px; }
    .friend { margin: 1% 25%;}
    .friend-img {width:45%; margin: 0 25%;}
}

@media all and (min-width:1220px) {
    .wrap {max-width: 1080px;}
    .logo a {height: 60px;line-height: 60px;font-size: 28px;}
    .menu a {height: 60px;line-height: 60px;font-size: 16px;min-width: 73px;}
    .menu li a.home { min-width: 70px; width: 70px; height: 60px; line-height: 60px; }
    .open-search { display: none; }
    .search { display: block !important; position: static; float: right; width: 300px; }
    h1 {font-size: 24px;line-height: 16px;}
    .navi { margin-top: 10px; }
    .navi li a, .navi li span { font-size: 16px; height: 40px; line-height: 40px; padding: 0 20px; }
    .navi ul.pages { margin-top: 16px; }
    .navi ul.pages li a, .navi ul.pages li span { padding: 0 10px; min-width: 30px; height: 50px; line-height: 50px; }
    .br-3 { display: inline-block; }
    .categories li, .tb-prev, .list li { width: 25%; }
    .list2 li {width: 100%;}
    .searches a { height: 45px; line-height: 45px; padding: 0 20px; font-size: 17px; }
    .foot { font-size: 16px; line-height: 20px; }
    .full-block, .full-bns-block { display: table-cell; vertical-align: middle; }
    .full-bns-block { width: 320px; }
    .full-bn-2 { display: inline-block; }
    .video-meta { padding-top: 0; }
    .navi li a.like, .navi li a.dislike { padding: 0; width: 45px; font-size: 26px; }
    .friend {margin: 1% 40%;}
    .friend-img {width: 70%;margin: 0px 15.5%;}
}

@media all and (min-width:1620px) {
    .wrap {max-width: 1080px;}
    .logo a {font-size: 28px;}
    .menu a {font-size: 16px;min-width: 73px;}
    .menu li a.home {min-width: 70px;width: 70px;}
    h1 {font-size: 24px;line-height: 11px;}
    h2 { font-size: 38px; line-height: 40px; }
    .search { width: 600px; }
    .search input { font-size: 20px; }
    .navi ul.pages li a, .navi ul.pages li span { min-width: 40px; height: 60px; line-height: 60px; font-size: 18px; }
    .brs-block { padding-top: 20px; }
    .br { margin: 10px 5px 0 5px; }
    .br-4, .br-5 { display: inline-block; }
    .categories li, .tb-prev, .list2 li, .list li { width: 16.6666%; }
    .full-bn-3 { display: inline-block; }
    .friend {margin: 1% 40%;}
    .friend-img {width: 50%;margin: 0px 25%;}
}