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

body { background-color: rgb(30,37,50); color: rgb(140,147,160); font-family: 'Open Sans', sans-serif; }
input, button, textarea { font-family: 'Open Sans', sans-serif; }

li { list-style-type: none; }

img { background-color: rgb(10,17,30); display: block; }

a { color: rgb(255,255,255); text-decoration: none; }
a:hover { color: rgb(57,183,236); }

h1, h2 { display: block; font-weight: normal; }
h1 { color: rgb(255,255,255); font-size: 22px; line-height: 25px; margin: 10px 10px 0 10px; }
h2 { background-color: rgb(57,183,236); color: rgb(255,255,255); padding: 10px; font-size: 20px; }
 
.yrops-head { background-color: rgb(10,17,30); overflow: hidden; }
.yrops-head-top { overflow: hidden; }
.yrops-logo { float: left; margin: 10px 5px 0 10px; }
.yrops-logo a { color: rgb(255,255,255); font-weight: bold; text-transform: uppercase; font-size: 20px; height: 30px; line-height: 30px; }
.yrops-logo a span { color: rgb(57,183,236); }
.yrops-head-open { background-color: rgb(110,117,130); color: rgb(255,255,255); height: 50px; line-height: 50px; width: 50px; font-size: 26px; float: right; cursor: pointer; }
.yrops-head-open.active, .yrops-head-open:hover { background-color: rgb(57,183,236); }
.yrops-adver {color:#FFFF00; font-weight: bold; font-size: 50px; text-transform: uppercase;}
.yrops-adver  a span{ color:#99FF00;}
.yrops-head-bottom { background-color: rgb(20,27,40); overflow: hidden; display: none; }
.yrops-head-menu { overflow: hidden; padding-top: 8px; }
.yrops-head-menu li { margin: 2px 1px 0 1px; display: inline-block; vertical-align: top; text-transform: uppercase; }
.yrops-head-menu li a { background-color: rgb(110,117,130); color: rgb(255,255,255); height: 30px; line-height: 30px; display: block; padding: 0 10px; font-size: 12px; }
.yrops-head-menu li a:hover, .yrops-head-menu li.active a { background-color: rgb(57,183,236); }
.yrops-head-menu li a i { color: rgb(0,7,20); } 

.yrops-search { margin: 10px auto 0 auto; width: 100%; max-width: 640px; }
.yrops-search form {overflow: hidden; }
.yrops-search input, .yrops-search button { display: block; height: 40px; line-height: 40px; border: 0 none; font-size: 14px; outline: none; }
.yrops-search input { background-color: rgb(230,237,250); color: rgb(30,37,50); width: 80%; padding: 0 2%; float: left; }
.yrops-search input:focus { background-color: rgb(255,255,255); }
.yrops-search button { background-color: rgb(90,97,110); color: rgb(255,255,255); width: 16%; float: right; cursor: pointer; font-size: 16px; }
.yrops-search button:hover { background-color: rgb(57,183,236); }

.yrops-wrapper { background-color: rgb(50,57,70); overflow: hidden; margin: 0 auto; width: 100%; max-width: 1920px; text-align: center; }

.yrops-content { overflow: hidden; padding-bottom: 40px; }

.grid { width: 100%; }

.yrops-top-title-sort { overflow: hidden; }

.yrops-sort { display: inline-block; vertical-align: top; overflow: hidden; padding-top: 5px; }
.yrops-sort li { display: block; float: left; }
.yrops-sort li a{ background-color: rgb(30,37,50); height: 25px; line-height: 25px; text-align: center; display: block; padding: 0 10px; font-size: 12px; }
.yrops-sort li a:hover, .yrops-sort li.active a { background-color: rgb(57,183,236); color: rgb(255,255,255); }

.grid-sizer, .grid-item { float: left; width: 50%; }
.grid-item-bn { display: none; }

.yrops-thumb { background-color: rgb(30,37,50); overflow: hidden; position: relative; }
.yrops-thumb a img { width: 100%; height: auto; }
.yrops-thumb a p { text-shadow: 1px 1px 2px rgb(0,0,0); color: rgb(255,255,255); position: absolute; text-align: left; left: 0; bottom: 24px; font-weight: bold; padding: 0 2%; display: block; line-height: 20px; height: 20px; font-size: 14px; overflow: hidden; }
.yrops-thumb a:hover img { opacity: 0.8; }
.yrops-thumb a:hover p { background-color: rgba(57,183,236,0.9); }
.yrops-thumb-total, .yrops-thumb-duration, .yrops-thumb-date { background-color: rgba(10,17,30,0.7); color: rgb(210,217,230); text-shadow: 1px 1px 0 rgb(0,0,0); height: 20px; line-height: 20px; font-size: 10px; padding: 0 7px; position: absolute; }
.yrops-thumb-total { left: 3px; bottom: 3px; }
.yrops-thumb-duration { left: 3px; top: 3px; }
.yrops-thumb-date { right: 3px; bottom: 3px; }
.yrops-thumb-total i, .yrops-thumb-duration i { color: rgb(255,255,255); }

.yrops-clear { clear: both; }

.yrops-pages-bl { clear: both; margin-top: 10px; }
.yrops-pages-bl ul { padding-top: 8px; overflow: hidden; }
.yrops-pages-bl li { display: inline-block; vertical-align: top; margin: 2px 1px 0 1px; }
.yrops-pages-bl li a, .yrops-pages-bl li span {  min-width: 20px; display: block; height: 30px; line-height: 30px; padding: 0 5px; font-size: 12px; }
.yrops-pages-bl li a { background-color: rgb(10,17,30); color: rgb(255,255,255); }
.yrops-pages-bl li a:hover, .yrops-pages-bl li.active a { background-color: rgb(57,183,236); }
.yrops-pages-bl li span { background-color: rgb(70,77,90); color: rgb(150,157,170); }

.yrops-next-prev li a, .yrops-next-prev li span { height: 40px; line-height: 40px; padding: 0 20px; }

.yrops-bns-bl { margin-top: 10px; text-align: center; overflow: hidden; font-size: 0; padding-bottom: 20px; }
.yrops-bn { background-color: rgb(70,77,90); display: inline-block; vertical-align: top; margin: 10px 5px 0 5px; width: 300px; height: 250px; }
.yrops-bn-2, .yrops-bn-3, .yrops-bn-4, .yrops-bn-5 { display: none; }

.yrops-right-col { background-color: rgb(70,77,90); overflow: hidden; margin-top: 20px; }
.yrops-right-col h2 { margin-top: 20px; }

.yrops-topl { background-color: rgb(40,47,60); padding: 10px; overflow: hidden; }
.yrops-topl ul { float: left; width: 50%; }
.yrops-topl li a { background-color: rgb(20,27,40); color: rgb(230,237,250); margin: 2px 1px 0 1px; display: block; height: 30px; line-height: 30px; font-size: 11px; padding: 0 10px; text-align: left; overflow: hidden; }
.yrops-topl li a:hover { background-color: rgb(10,17,30); }
.yrops-topl li a i { color: rgb(130,137,150); font-size: 8px; }
.yrops-topl li a:hover i { color: rgb(57,183,236); }

.yrops-player { background-color: rgb(0,0,0); position: relative; width: 100%; height: 270px; }
.yrops-player iframe, .yrops-player object, .yrops-player embed { width: 100%; height: 100%; }

.yrops-on-player-wrap { background-color: rgba(0,0,0,0.6); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5000; }
.yrops-on-player-block { position: absolute; top: 50%; left: 50%; width: 300px; height: 250px; z-index: 5500; margin: -125px 0 0 -150px; }
.yrops-on-pl-spts { overflow: hidden; }
.yrops-on-player-spot { background-color: rgb(30,37,50); width: 300px; height: 250px; }
.yrops-on-player-spot-2 { display: none; }
.yrops-on-player-close { position: absolute; z-index: 5600; background-color: rgb(255,255,255); color: rgb(30,37,50); top: 0; right: 0; font-weight: bold; width: 30px; text-align: center; height: 30px; line-height: 30px; text-transform: uppercase; font-size: 18px; cursor: pointer; }
.yrops-on-player-close:hover { background-color: rgb(57,183,236); color: rgb(255,255,255); }

.yrops-video-info { background-color: rgb(30,37,50); overflow: hidden; padding: 10px 20px 20px 20px; text-align: left; }
.yrops-video-info h1 { margin: 10px 0 10px 0; }

.yrops-video-tags, .yrops-video-meta { padding-top: 8px; }
.yrops-video-info ul { overflow: hidden; padding-top: 3px; }
.yrops-video-info li { float: left; margin: 2px 2px 0 0 ; }
.yrops-video-info li a, .yrops-video-info li span { display: block; padding: 0 10px; font-size: 14px; height: 30px; line-height: 30px; }
.yrops-video-info li a { background-color: rgb(10,17,30); }
.yrops-video-info li span { background-color: rgb(50,57,70); color: rgb(210,217,230); }
.yrops-video-info li i { color: rgb(57,183,236); }
.yrops-video-info li a:hover { background-color: rgb(57,183,236); color: rgb(255,255,255); }
.yrops-video-info li a:hover i { color: rgb(10,17,30); }

.yrops-footer { background-color: rgb(10,17,30); color: rgb(110,117,130); }
.yrops-foot { overflow: hidden; margin: 0 auto; padding: 15px; font-size: 14px; }
.yrops-foot span { color: rgb(255,255,255); }

@media all and (min-width:400px) {
    .yrops-thumb a p { bottom: 27px; height: 25px; line-height: 25px; }
    .yrops-thumb-total, .yrops-thumb-duration, .yrops-thumb-date { font-size: 11px; }
    .yrops-player { height: 300px; }
}
@media all and (min-width:500px) {
    .yrops-player { height: 350px; }
}

@media all and (min-width:640px) {
    .grid-sizer, .grid-item { width: 33.3333%; }
    .yrops-thumb a p { height: 20px; line-height: 20px; font-size: 14px; }
	.yrops-thumb-cat a p { line-height: 25px; height: 25px; font-size: 16px; }
	.yrops-bn-2 { display: inline-block; }
	.yrops-topl ul { width: 33.3333%; }
    .yrops-on-player-block { margin-top: -125px; }
    .yrops-player { height: 400px; }
}

@media all and (min-width:700px) {
    .yrops-on-player-block { width: 604px; margin-left: -302px; }
    .yrops-on-player-spot { float: left; margin: 0 1px; }
    .yrops-on-player-spot-2 { display: block; }
    .yrops-player { height: 450px; }
}

@media all and (min-width:800px) {
    .yrops-thumb a p { bottom: 27px; height: 25px; line-height: 25px; }
	.yrops-player { height: 500px; }
	.yrops-thumb-cat a p { line-height: 25px; height: 25px; font-size: 18px; }
}



@media all and (min-width:980px) {
    h1,h2 {  text-align: left; }
    .yrops-head { height: 40px; padding: 10px 0; }
    .yrops-head-top { float: left; }
    .yrops-head-open { display: none; }
    .yrops-logo { float: none; margin: 0 0 0 10px; }
    .yrops-logo a { height: 40px; line-height: 40px; font-size: 24px; }
    .yrops-head-bottom { display: block !important; background: none; }
    .yrops-head-menu { float: left; padding: 0 0 0 20px; }
    .yrops-head-menu li { display: block; float: left; margin: 0 1px 0 0; }
    .yrops-head-menu li a { height: 40px; line-height: 40px; font-size: 14px; }
    .yrops-search { float: right; margin: 0 10px 0 0; width: 300px; }
    .yrops-search input { width: 76%;  }
    .yrops-search button { width: 20%; }
    .yrops-top-title-sort h1 { float: left; margin: 0 10px; line-height: 30px; }
    .yrops-sort { display: block; float: right; padding: 0; }
    .yrops-sort li { margin: 0 0 0 1px; }
    .yrops-sort li a { height: 35px; line-height: 35px; font-size: 14px; padding: 0 15px; }
    
    .yrops-content-tab { display: table; width: 100%; }
    .yrops-content, .yrops-right-col { display: table-cell; vertical-align: top; }
    .yrops-right-col { box-shadow: inset 5px 0 15px -7px rgb(10,17,30); width: 320px; margin: 0; }
    .yrops-topl ul { float: left; width: 50%; }
    
    .yrops-bns-bl { margin-top: 0; padding-bottom: 0; }
    .yrops-bn { display: block; margin: 10px 10px 0 10px; }
    
    .yrops-pages-bl { margin-top: 32px; }
    .yrops-pages-bl li a, .yrops-pages-bl li span { height: 50px; line-height: 50px; font-size: 14px; min-width: 40px; }
    
    .yrops-video-info h1 { font-size: 28px; }
    
}

@media all and (min-width:1280px) {
    .yrops-logo a { font-size: 28px; }
    .yrops-search { width: 450px; }
    .yrops-search input { width: 80%;  }
    .yrops-search button { width: 16%; }
    .yrops-head-menu li a { font-size: 16px; min-width: 120px; }
    .grid-sizer, .grid-item { width: 25%; }
    ul.yrops-pages { float: left; }
    ul.yrops-pages li { display: block; float: left; margin: 2px 2px 0 0; }
    ul.yrops-next-prev { float: right; }
    ul.yrops-next-prev li { display: block; float: left; margin: 2px 0 0 2px; }
    
    .yrops-pages-bl li a, .yrops-pages-bl li span { height: 60px; line-height: 60px; font-size: 16px; min-width: 50px; }
    .yrops-player { height: 550px; }
    .yrops-on-player-close { height: 50px; line-height: 50px; width: 50px; font-size: 24px; top: -25px; right: -25px; }
    .yrops-video-info h1 { font-size: 32px; }
    .yrops-video-tags { float: left; }
    .yrops-video-meta { float: right; }
    .yrops-video-meta li { margin: 2px 0 0 2px; }
    .yrops-video-info li a, .yrops-video-info li span { height: 35px; line-height: 35px; padding: 0 15px; }
}  

@media all and (min-width:1380px) {
    .yrops-player { height: 600px; }
}

@media all and (min-width:1500px) {
    .yrops-player { height: 650px; }
}

@media all and (min-width:1600px) {
    .yrops-logo a { font-size: 32px; }
    .yrops-search { width: 700px; max-width: 700px; }
    .grid-sizer, .grid-item { width: 20%; }
    ul.yrops-next-prev li a, ul.yrops-next-prev li span { min-width: 100px; }
    .yrops-player { height: 750px; }
    .yrops-video-info h1 { font-size: 36px; }
    .yrops-video-info li a, .yrops-video-info li span { height: 40px; line-height: 40px; padding: 0 20px; font-size: 16px; }
}

@media all and (min-width:1800px) {
    .yrops-player { height: 850px; }
}

@media all and (min-width:1900px) {
    .yrops-player { height: 900px; }
}