body, .navi li a, .navi li span, .open, .menu li a, .br
{ background-color: rgb(60,50,55); }

.preview a
{ border-color: rgb(60,50,55); }

body, .preview-bottom li, .preview-bottom li span
{ color: rgb(180,170,175); }

.head, .val-sort, .preview a, .foot, .full-wrap
{ background-color: rgb(45,35,40); }

img, .preview-img, .brs-block, .full-bn
{ background-color: rgb(70,60,65); }

.searches-list, .list, .video-br-300, .video-br-728
{ background-color: rgb(80,70,75); }

.searches-list a, .list h2, .list li a
{ color: rgb(250,240,245); }

a:hover, .preview .dur i, .navi li span i, .logo a span, .menu li a i, .searches-list span, .searches-list i, .list li a i, .list li a:hover, .desc-main span, .full-links li a i
{ color: rgb(220,130,180); }

.preview a:hover, .preview-icon .icon, .preview a:hover .preview-bottom li, .navi ul.to-all li a, .navi li.active a, .navi li a.active, .navi li a:hover, .search button, .open:hover, .open.active, .menu li a:hover, .menu li a.active, .menu li.active a, .menu li a:hover i, .menu li a.active i, .menu li.active a i, .full-links li a:hover i, .full-links li a:hover, .close, .bot-close
{ background-color: rgb(200,100,150); color: rgb(255,255,255); }

.preview-icon, .preview-ins:hover
{ background-color: rgba(200,100,150,0.4); }

.preview a:hover
{ border-color: rgba(200,100,150,0.4); }
 
.preview a:hover .preview-icon .icon
{ background-color: rgb(50,40,45); color: rgb(220,130,180); }

a, h1, h2, .logo a, .open, .foot span, .full-meta li span i, .full-meta li.perc
{ color: rgb(250,240,245); }

.preview a:hover .preview-icon
{ background-color: rgba(40,30,35,0.4); }

.preview .dur
{ background-color: rgba(40,30,35,0.8); color: rgb(250,250,250); }

.preview a:hover .preview-bottom li span
{ color: rgb(20,10,15); }

.search-input, .search input
{ background-color: rgb(255,255,255); border-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; }

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

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

li { list-style-type: none; }

img { display: block; }

a { text-decoration: none; }

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

.wrap { margin: 0 auto; position: relative; }

.head { font-size: 0; padding-bottom: 10px; }

.open { float: right; cursor: pointer; width: 34px; height: 34px; line-height: 30px; font-size: 20px; margin: 10px 5px 0 5px; border-radius: 3px; text-align: center; }

.logo { float: left; margin: 10px 5px 0 5px; }
.logo a { height: 34px; line-height: 34px; font-size: 16px; display: block; text-transform: uppercase; }

.val-sort { margin-top: 2px; padding: 0 0 10px 0; text-transform: uppercase; }

.navi ul { float: left; margin: 5px 10px 0 5px; }
.navi li { float: left; margin: 5px 5px 0 0; }
.navi li a, .navi li span { border-radius: 3px; font-size: 16px; display: block; height: 28px; line-height: 28px; padding: 0 6px; text-align: center; }
.navi li a.navi-hd { color: rgb(85,185,245); }
.navi li a.navi-hd:hover, .navi li.active a.navi-hd, .navi li a.navi-hd.active { background-color: rgb(65,165,225); color: rgb(255,255,255); }
.navi li span.navi-val { background: none; padding: 0; }

.navi ul.pages li a, .navi ul.pages li span { padding: 0 5px; min-width: 18px; }
.navi ul.pages li span.navi-val { padding-left: 0; }

.val-sort-top ul.pages { display: none; }

.menu { display: none; clear: both; padding: 8px 5px 0 5px; margin: 0 auto; max-width: 600px; }
.menu li { margin-top: 2px; }
.menu li a { display: block; font-size: 22px; height: 50px; line-height: 50px; text-transform: uppercase; padding: 0 20px; border-radius: 3px; }

.search { display: none; clear: both; padding: 10px 5px 0 5px; margin: 0 auto; max-width: 600px; }
.search form { overflow: hidden; position: relative; padding-right: 52px; }
.search-input { padding: 0 20px; border-radius: 3px; border-style: solid; border-width: 1px; }
.search input { background: none; text-transform: uppercase; width: 100%; border: 0 none; outline: 0 none; font-size: 22px; height: 48px; line-height: 48px; }
.search button { opacity: 0.95; border-radius: 3px; position: absolute; top: 0; right: 0; border: 0 none; cursor: pointer; outline: 0 none; width: 50px; text-align: center; font-size: 18px; height: 50px; line-height: 50px; }
.search button:hover { opacity: 1; }

.searches-list { display: none; height: 40px; line-height: 40px; margin-bottom: -2px; }
.searches-list li { float: left; margin: 0 5px; font-size: 14px; }

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

.preview { width: 100%; }
.preview-ins { border-radius: 3px; padding: 5px; }
.preview a { border-radius: 3px; display: block; padding-bottom: 5px; position: relative; }
.preview-img { position: relative; padding-bottom: 56.25%; overflow: visible; }
.preview-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.preview-icon { position: absolute; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; padding: 5px; left: 50%; bottom: -25px; margin-left: -25px; }
.preview-icon .icon { font-family: Arial, sans-serif; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; font-size: 22px; text-align: center; }
.preview-bottom li { height: 30px; line-height: 30px; font-size: 12px; padding: 0 10px; }
.preview-bottom li.preview-likes { color: rgb(65,205,85); float: left; }
.preview-bottom li.preview-views { float: right; }
.preview-bottom li span { display: none; }
.preview .name { 
    height: 35px;
    line-height: 18px;
    font-size: 14px;
    padding: 4px 10px;

}
.preview .dur, .preview .hd { position: absolute; top: 4px; font-size: 12px; border-radius: 2px; padding: 0 5px; height: 20px; line-height: 20px; }
.preview .dur { right: 4px; }
.preview .hd { background-color: rgba(65,165,225,0.9); color: rgb(255,255,255); left: 4px; }

.preview-cat-ins a { padding-bottom: 0; }
.preview-cat-ins .preview-icon  { bottom: 5px; }
.preview-cat-ins .name { height: 40px; line-height: 40px; text-align: center; font-size: 18px; }

.val-sort-bottom { margin-top: 5px; }

.navi ul.to-all { margin-top: 10px; }
.navi ul.to-all, .navi ul.to-all li { float: none; text-align: center; }
.navi ul.to-all li { display: inline-block; vertical-align: top; }
.navi ul.to-all li a { opacity: 0.95; padding: 0 15px; font-size: 18px; height: 40px; line-height: 40px; }
.navi ul.to-all li a:hover { opacity: 1; }

.brs-block { 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; }

.brs-block-with-margin { margin-top: 5px; }

.list { margin-top: 20px; padding-bottom: 30px; font-size: 0; }
.list ul { padding-top: 20px; }
.list li { page-break-inside: avoid; break-inside: avoid; font-size: 16px; text-transform: uppercase; }
.list li a { display: block; padding: 0 5px; height: 35px; line-height: 35px; }

.desc-main { margin: 10px 0 30px 0; padding: 0 5px; text-align: justify; font-size: 14px; line-height: 22px; }
.desc-main p { padding-top: 10px; }

.full-wrap { margin-top: 2px; }
.full-tab { display: table; width: 100%; }
.full-block { padding-bottom: 10px; }
.video-block { padding: 5px 5px 0 5px; }
.video { background-color: rgb(0,0,0); 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; }
.close, .bot-close { opacity: 0.95; position: absolute; cursor: pointer; height: 28px; line-height: 28px; border-radius: 3px; text-align: center; }
.on-player-sp iframe { width: 300px !important; height: 250px !important; position: static; }
.close { font-family: Arial, sans-serif; width: 28px; padding: 0; font-size: 16px; top: 5px; right: 5px; }
.bot-close { width: 130px; left: 50%; bottom: 0; margin-left: -65px; font-size: 14px; border-radius: 3px 3px 0 0; }
.close:hover, .bot-close:hover { opacity: 1; }

.video-wide-br { background-color: rgb(0,0,0); padding: 10px 0; }

.video-br-300, .video-br-728 { margin: 0 auto; }
.video-br-300 { width: 300px; height: 100px; }
.video-br-728 { display: none; width: 728px; height: 90px; }

.full-meta li a, .full-meta li span { height: 34px; line-height: 34px; padding: 0 10px; }
.full-meta li.like a, .full-meta li.dislike a { line-height: 30px; cursor: pointer; font-size: 18px; }
.full-meta li.like a:hover { background-color: rgb(45,185,65); color: rgb(255,255,255); }
.full-meta li.dislike a:hover { background-color: rgb(225,45,45); color: rgb(255,255,255); }
.full-meta li.like a:hover, .full-meta li.dislike a:hover { opacity: 1; }

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

.foot { padding: 15px 0 25px 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; }

.full-desc { font-size: 16px; line-height: 22px; text-align: justify; margin: 20px 5px 0 5px; }
.full-commnents { margin: 10px 5px 5px 5px; }
.full-comm-ins { display: none; }
.full-comm-top { color: rgb(240,230,235); margin-top: 10px; text-transform: uppercase; font-size: 20px; height: 28px; line-height: 28px; }
.full-comm-top div { float: left; cursor: pointer; }
.full-comm-top span { color: rgb(180,170,175); }
.full-comm { background-color: rgb(60,50,55); padding: 15px; border-radius: 3px; margin-top: 10px; font-size: 16px; }
.full-comm-add { margin-top: 20px; padding-right: 2px; }
.full-comm-add .textarea { border-color: rgb(80,70,75); border-style: solid; border-width: 1px; border-radius: 3px; padding: 10px; }
.full-comm-add textarea { color: rgb(240,230,235); width: 100% !important; border: 0 none; background: none; outline: 0 none; min-height: 60px; max-height: 200px; font-size: 16px; text-transform: uppercase; }
.full-comm-add textarea::placeholder { color: rgb(180,170,175); }
.full-comm-add button { background-color: rgb(60,50,55); color: rgb(255,255,255); border: 0 none; cursor: pointer; border-radius: 3px; outline: 0 none; margin-top: 5px; float: right; padding: 0 15px; min-width: 70px; text-transform: uppercase; text-align: center; font-size: 18px; height: 40px; line-height: 40px; }
.full-comm-top i, .full-comm-add button i { color: rgb(220,130,180); }
.full-comm-add button:hover, .full-comm-add button:hover i { background-color: rgb(200,100,150); color: rgb(255,255,255); }

@media all and (min-width:330px) {
    .preview { float: left; width: 50%; }
    .logo a { font-size: 20px; }
}

@media all and (min-width:400px) {
    .logo a { font-size: 28px; }
    .preview-ins-cat .name { font-size: 16px; }
    .navi ul.to-all li a { font-size: 20px; }
}

@media all and (min-width:500px) {
    .list ul { column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; }
}

@media all and (min-width:640px) {
    .logo a { font-size: 34px;  height: 40px; line-height: 40px; }
    .open { width: 40px; height: 40px; line-height: 36px; font-size: 24px; }
    .searches-list { display: block; }
    .val-sort-top ul.pages { display: block; }
    .br-2, .full-bn-2 { display: inline-block; }
    .on-player-pl { display: block; }
}

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

@media all and (min-width:700px) {
    .list ul { column-count: 3; -moz-column-count: 3; -webkit-column-count: 3; }
}

@media all and (min-width:1010px) {
    .wrap { width: 990px; }
    .head { padding-bottom: 0; }
    .logo { float: left; margin: 0 20px 0 5px; }
    .logo a { font-size: 36px; height: 70px; line-height: 70px; }
    .open { display: none; }
    .menu, .search { display: block !important; clear: none; }
    .menu { float: left; padding: 0; }
    .menu li { float: left; margin: 0 1px 0 0; }
    .menu li a { border-radius: 0; height: 70px; line-height: 70px; font-size: 16px; padding: 0 15px; text-align: center; }
    .search { float: right; width: 240px; }
    .search-input { padding: 0 10px; }
    .search input { font-size: 16px; }
    .preview { width: 330px; }
    .preview-bottom li { font-size: 13px; }
    .preview-bottom li span { display: inline; }
    .preview .name { font-size: 16px; }
    .preview-cat-ins .name { font-size: 20px; }
    .br-3 { display: inline-block; }
    .full-block, .full-bns-block { display: table-cell; vertical-align: top; }
    .video-block { padding-top: 10px; }
    .full-bns-block { width: 310px; }
    .video-wide-br { padding: 16.5px 0; }
    .foot { font-size: 16px; line-height: 18px; }
}

@media all and (min-width:1340px) {
    .wrap { width: 1320px; }
    .logo a { font-size: 42px; }
    .menu li a { font-size: 20px; min-width: 100px; padding: 0 10px; }
    .search { width: 320px; max-width: 100%; }
    .search-input { padding: 0 15px; }
    .search input { font-size: 20px; }
    .searches-list { height: 45px; line-height: 45px; }
    .searches-list li { font-size: 16px; }
    h1 { font-size: 24px; }
    h2 { font-size: 24px; line-height: 26px; }
    .br-4 { display: inline-block; }
    .list ul { column-count: 4; -moz-column-count: 4; -webkit-column-count: 4; }
    .video-br-300 { display: none; }
    .video-br-728 { display: block; }
    .video-wide-br { padding: 15px 0; }
    .full-bn-3 { display: inline-block; }
}

@media all and (min-width:1670px) {
    .wrap { width: 1650px; }
    .logo a { margin-right: 25px; }
    .menu li a { min-width: 110px; }
    .search { width: 520px; }
    h1 { font-size: 26px; }
    h2 { font-size: 26px; line-height: 28px; }
    .br-5 { display: inline-block; }
    .list ul { column-count: 6; -moz-column-count: 6; -webkit-column-count: 6; }
    .desc-main { font-size: 16px; line-height: 26px; }
    .video-wide-br { padding: 10px 0; }
}