@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700);

body { background-color: rgb(235,235,235); color: rgb(135,135,135); }

img, .player-bn, .bottom-bn { background-color: rgba(0,0,0,0.2); }

.header, .footer, .categories-list, .languages-list, .toplist-block, .video-wr
{ background-color: rgb(255,255,255); }

a, h1, h2, .search input:focus, .search button, .languages-button, .dur, .thumb-tags a, .play, .search input
{ color: rgb(55,55,55); }

a:hover, h2 i, .logo span, .categories li a:hover, .categories li a i, .footer span, .thumb-tags a i, .search button:hover, .languages-button:hover, .languages-button.active, .dur i, .categories li.letter
{ color: rgb(253,119,65); }

.languages-button, .toplist div a, .categories li.letter, .categories li a, .video-tags a
{ background-color: rgb(55,55,55); color: rgb(255,255,255); }

.languages-button:hover, .languages-button.active, .languages-list li a:hover, .toplist div a:hover, .categories li.letter, .categories li a:hover, .video-tags a:hover, .thumb-tags a:hover, .thumb-tags a:hover i
{ background-color: rgb(253,119,65); color: rgb(255,255,255); }

.thumb, .languages-list li a, .languages-button, h2, .toplist div a, .search input, .thumb-tags a, .header, .video-tags a, .categories-list, h1, .footer, .video-wr, .player-right, .video-shares, .toplist-block
{ border-color: rgb(195,195,195); }

.thumb:hover, .languages-list li a:hover, .video-tags a:hover, .languages-button:hover, .search input:focus, .thumb-tags a:hover
{ border-color: rgb(253,119,65); }

.dur, .thumb-tags a { background-color: rgba(255,255,255,0.9); }






html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,table,tr,td {
    margin: 0;
    padding: 0;
}

img { display: block; border: 0 none; }
li { list-style-type: none; }

a { text-decoration: none; }

body { font-size: 13px; font-family: 'Roboto Condensed', sans-serif; }

h1 { font-size: 24px; text-transform: uppercase; margin: 10px 1px 0 1px; display: block; font-weight: normal; }
h2 { font-size: 24px; margin: 20px 1px 0 1px; display: block; font-weight: normal; text-align: left; text-transform: uppercase; }

.header { border-bottom-width: 1px; border-bottom-style: solid; padding-bottom: 10px; }
.header-block { width: 100%; margin: 0 auto; text-align: center; }
.logo { margin: 10px 5px 0 5px; display: inline-block; vertical-align: top; }
.logo a { background-repeat: no-repeat; display: block; height: 40px; line-height: 40px; font-weight: bold; font-size: 20px; text-align: center; overflow: hidden; text-transform: uppercase; }

.search { margin: 10px 5px 0 5px; display: inline-block; vertical-align: top; width: 300px; position: relative; }
.search input { border-radius: 3px; background: none; outline: none; text-transform: uppercase; width: 96%; font-size: 16px; padding: 0 2%; font-family: 'Roboto Condensed', sans-serif; height: 38px; line-height: 38px; border-width: 1px; border-style: solid; }
.search button { background: none; border: none; cursor: pointer; width: 20px; height: 20px; line-height: 20px; position: absolute; top: 8px; right: 12px; font-size: 16px;   }

.languages-button { border-radius: 3px; display: inline-block; vertical-align: top; margin: 10px 5px 0 5px; text-transform: uppercase; cursor: pointer; height: 38px; line-height: 38px; padding: 0 20px; text-align: center; font-size: 16px; }
.languages-button i { margin-right: 5px; }

.languages-list-wrap { position: relative; width: 98%; margin: 0 auto; clear: both; }
.languages-list { box-shadow: 0 10px 20px -5px rgb(0,0,0); display: none; position: absolute; top: 11px; width: 100%; left: 0; z-index: 5000; text-align: center; }
.languages-list ul { font-size: 0; padding: 8px 5px 10px 5px; }
.languages-list li { display: inline-block; vertical-align: top; font-size: 11px; text-transform: uppercase; height: 30px; margin: 2px 1px 0 1px; }
.languages-list li a { display: block; border-style: solid; border-width: 1px; display: block; padding: 0 10px; line-height: 28px; height: 28px; border-radius: 3px; }

.wrapper { width: 98%; margin: 0 auto; overflow: hidden; }

.thumbs-block { overflow: hidden; text-align: center; padding-top: 8px;}

.thumb-box { float: left; width: 100%; }
.thumb { overflow: hidden; border-width: 1px; border-style: solid; font-size: 13px; height: auto; margin: 2px 1px 0 1px; position: relative; }
.thumb img { width: 100%; height: auto; max-height: 222px; }
.thumb-link { position: relative; display: block; }
.thumb:hover img { opacity: 0.9; }

.thumb-tags { position: absolute; z-index: 1200; width: auto; left: 4px; bottom: 5px; font-size: 0; height: 27px; overflow: hidden; text-align: center; }
.thumb-tags a { display: block; float: left; height: 23px; line-height: 23px; margin: 2px 1px 0 1px; font-size: 11px; padding: 0 5px; text-transform: uppercase; border-style: solid; border-width: 1px; border-radius: 3px; }
.thumb-tags a i { font-size: 11px; }

.tag { font-size: 25px; }

.dur { height: 20px; line-height: 20px; position: absolute; top: 1px; left: 1px; font-size: 12px; padding: 0 10px; }

.play { display: none; position: absolute; width: 50px; height: 50px; line-height: 50px; top: 50%; left: 50%; margin: -25px 0 0 -25px; font-size: 48px; }

.categories-list { clear: both; padding: 10px 15px 20px 15px; border-style: solid; border-width: 1px; margin: 0 1px; }

.categories { font-size: 0; overflow: hidden; width: 100%; }
.categories ul { display: block; width: 100%; margin: 0 auto; }
.categories li { display: block; float: left; margin: 10px 5px 0 5px; overflow: hidden; }
.categories li.letter { border-radius: 3px; height: 28px; line-height: 28px; clear: both; font-size: 16px; font-weight: bold; text-align: center; min-width: 30px; }
.categories li a { border-radius: 3px; padding: 0 10px; height: 28px; line-height: 28px; font-size: 14px; display: block; text-transform: uppercase; }
.categories li a i { font-size: 12px; }

.video-wr { margin: 10px 1px 0 1px; overflow: hidden; border-style: solid; border-width: 1px; }
.player { position: relative; background-color: rgb(0,0,0); width: 100%; height: 200px; }
.player iframe, .player object, .player embed { width: 100%; height: 100%; }


.player-right { margin-top: 10px; border-top-style: solid; border-top-width: 2px; text-align: center; padding: 0 0 20px 0; overflow: hidden; text-transform: uppercase; }

.video-tags { overflow: hidden; padding: 8px 8px 10px 10px; text-align: left; }
.video-tags a, .video-tags span { float: left; margin: 2px 2px 0 0; border-radius: 3px; height: 27px; line-height: 27px; font-size: 14px; text-transform: uppercase; }
.video-tags a { padding: 0 10px; }
.video-tags span { border-color: transparent; margin-right: 5px; }

.video-shares { padding: 15px 10px 0 10px; text-align: center; border-top-style: solid; border-top-width: 1px; text-align: left; }
.video-shares div { display: inline-block; vertical-align: top; }

.player-bn { display: inline-block; vertical-align: top; margin: 10px 3px 0 3px; width: 300px; height: 250px; }
.player-bn-2  { display: none; }
.player-bn-3 { display: none; }


.toplist-block { clear: both; overflow: hidden; margin: 0 1px; clear: both; padding: 8px 9px 10px 9px; border-style: solid; border-width: 1px; }

.toplist { clear: both; text-align: center; font-size: 0; }
.toplist div { display: inline-block; vertical-align: top; width: 50%; overflow: hidden; }
.toplist div a { display: block; margin: 2px 1px 0 1px; border-style: solid; border-width: 1px; border-radius: 3px; overflow: hidden; }
.toplist div img { width: 100%; height: auto; }
.toplist div span { display: block; height: 30px; line-height: 30px; font-size: 12px; overflow: hidden; text-transform: uppercase; }


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


.footer { clear: both; border-top-width: 1px; border-top-style: solid; margin: 20px 0 0 0; padding: 20px 5px;  text-align: center; overflow: hidden; }
.footer span { font-weight: bold; font-size: 16px; text-transform: uppercase; }
.footer a { font-weight: normal; text-decoration: underline; }
.footer a:hover { text-decoration: none; }

.on_player_ads { background-color: rgba(0,0,0,0.7); display: none; position: absolute; z-index: 2100; width: 100%; height: 100%; left: 0; top: 0; }
.on_player_ad_bl { background-color: rgb(0,0,0); position: absolute; z-index: 2200; height: 350px; width: 380px; margin: -175px 0 0 -190px; left: 50%; top: 50%; text-align: center; font-size: 0; }
.on_player_ad { background-color: rgba(255,255,255,0.1); font-size: 13px; display: inline-block; vertical-align: top; margin: 50px 40px; width: 300px; height: 250px; }
.on_player_ad iframe { width: 300px; height: 250px; }
.on_player_ad_2 { display: none; }
.on_player_ad_close { background-color: #848484; color: #f2f2f2; position: absolute; top: 0; right: 0; cursor: pointer; width: 25px; height: 25px; font-size: 16px; font-weight: normal; text-align: center; }
.on_player_ad_close i { display: block; width: 25px; height: 25px; line-height: 23px; }

.on_player_ads { background-color: rgba(0,0,0,0.7); display: none; position: absolute; z-index: 2100; width: 100%; height: 100%; left: 0; top: 0; }
.on_player_ad_one_bl { background-color: rgb(0,0,0); position: absolute; z-index: 2200; height: 350px; width: 380px; margin: -175px 0 0 -190px; left: 50%; top: 50%; text-align: center; font-size: 0; }
.on_player_ad_one { background-color: rgba(255,255,255,0.1); font-size: 13px; display: inline-block; vertical-align: top; margin: 50px 40px; width: 300px; height: 250px; }
.on_player_ad_one iframe { width: 300px; height: 250px; }


@media all and (min-width: 400px) { 
    .thumb-box { width: 50%; }
    .toplist div { width: 33.3333%; }
    .player { height: 250px; }
}

@media all and (min-width: 500px) { 
    .logo a { font-size: 24px; }
    .player { height: 300px; }
}

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

@media all and (min-width: 620px) {
    .on_player_ads { display: block; }
    .player-bn-2, .bottom-bn-2 { display: inline-block; }
    .toplist div { width: 25%; }
}

@media all and (min-width: 700px) { 
    .player { height: 400px; }
}

@media all and (min-width: 800px) {
    .toplist div { width: 20%; }
    .on_player_ad_bl { width: 770px; margin: -175px 0 0 -385px; }
    .on_player_ad { margin: 50px 5px; }
    .on_player_ad_2 { display: inline-block; }
    .player { height: 450px; }
}


@media all and (min-width: 828px) { 
    h2 { font-size: 42px; margin-top: 40px; }
    
    .languages-list-wrap { width: 100%; }
    
    .wrapper, .header-block { width: 808px; }
    .header-block { height: 60px; }
    
    .logo { float: left; margin: 10px 0 0 1px; }
    .logo a { font-size: 30px; height: 50px; line-height: 50px; }
    
    .languages-button { display: block; float: left; margin: 10px 0 0 20px; height: 48px; line-height: 48px; }
    .search { float: right; margin: 10px 1px 0 0; }
    .search input { height: 48px; line-height: 48px; }
    .search button { top: 13px; right: 15px; }
    
    .thumb-box { width: 404px; }
    .thumb img { width: 400px; height: 222px; }
    
    .thumb-tags { width: 100%; max-width: 400px; }
    .thumb:hover .thumb-tags { height: auto; max-height: 54px; }
    .thumb:hover .play { display: block; }
    
    .categories li a {  padding: 0 20px; font-size: 18px; height: 48px; line-height: 48px; }
    .categories li a i { font-size: 14px; }
    .categories li.letter { height: 48px; line-height: 48px; min-width: 60px; font-size: 22px; }
    
    .player-wrapper { display: table; width: 100%; }
    .player-block { display: table-cell; vertical-align: top; }
    .player { height: 360px; }
    .player-right { border-left-style: solid; border-left-width: 1px; display: table-cell; vertical-align: top; width: 320px; border-top: 0; }
    .player-bn { display: block; margin: 10px 10px 0 10px; }
    .player-bn-2 { display: block; }
    .player-bn-3 { display: none; }
    
    .on_player_ad_bl { width: 380px; margin: -175px 0 0 -190px; }
    .on_player_ad { margin: 50px 40px; }
    .on_player_ad_2 { display: none; }
    .on_player_ad_close { right: 0;  }
}

@media all and (min-width: 1232px) { 
    .wrapper, .header-block  { width: 1212px; }
    .logo a { font-size: 42px; }
    .languages-button, .search input, .search button { font-size: 22px; }
    .languages-list li { font-size: 12px; }
    .bottom-bn-3 { display: inline-block; }
    .search { width: 607px; }
    .search button { top: 11px; right: 20px; }
    .on_player_ad_bl { width: 770px; margin: -175px 0 0 -385px; }
    .on_player_ad { margin: 50px 5px; }
    .on_player_ad_2 { display: inline-block; }
    .player { height: 520px; }
    .toplist div { width: 16.6666%; }
}

@media all and (min-width: 1636px) { 
    .logo a { font-size: 46px; }
    .languages-button { padding: 0 30px; }
    .wrapper, .header-block  { width: 1616px; }
    .search { width: 806px; }
    .bottom-bn-4 { display: inline-block; }
    .bottom-bn-5 { display: inline-block; }
    .player { height: 732px; }
    .player-bn-3 { display: block; }
    .video-tags span, .video-tags a { font-size: 16px; }
    .video-tags a { padding: 0 20px; }
    .toplist div { width: 10%; }
}