@import url(http://fonts.googleapis.com/css?family=Ubuntu:400,700);

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

body {
    font-size: 13px;
    font-family: 'Ubuntu', sans-serif;
    background: #1B2C00 url(../images/bg.gif);
    color: rgb(149,148,148);
}

h1 { font-size: 24px; line-height: 30px; display: block; margin: 0px; padding: 0px; text-transform: uppercase; color: rgb(245,150,53); font-weight: bold; }
h2 { font-size: 24px; line-height: 30px; display: block; margin: 12px 5px 5px 5px; padding: 0px; text-transform: uppercase; color: rgb(245,150,53); font-weight: bold; }


a { color: rgb(179,178,178); text-decoration: none; transition: 0.2s; }
a:hover { color: rgb(245,150,53); text-decoration: none; }
img { border: none; margin: 0; padding: 0; }

.clr { clear: both; }
.hr { margin: 25px 1px 0px 1px; height: 5px; background: rgba(155,155,255,0.1); }

.head { background: #1B2C00; overflow: hidden; padding: 10px; height: 57px; margin: 0 auto; width: 1000px; }
.head .logo { float: left; margin-top: 4px; display: block; width: 301px; height: 65px; background: url(../images/logo2.gif) no-repeat; }
.head .search { float: right; background-color: rgb(209,208,208); width: 300px; height: 30px; margin: 13px 0px 0px 0px; overflow: hidden; }
.head .search #search_text { background: transparent; border: none; float: left; color: rgb(31,32,32); font-size: 13px; padding: 0px 0px 0px 10px; line-height: 29px; width: 260px; height: 30px; }
input::-webkit-input-placeholder { color: rgb(21,22,22); }
input:-moz-placeholder { color: rgb(41,42,42); }
.head .search #search_button { cursor: pointer; border: none; box-shadow: none; background: rgb(30,30,30) url(../images/head_search.png) center top no-repeat; width: 30px; height: 30px; margin: 0px; display: block; float: right; font-size: 0;}
.head .search #search_button:hover { background: rgb(20,20,20) url(../images/head_search.png) center bottom no-repeat;}

.head_menu { font-weight: bold; text-transform: uppercase; font-size: 14px; overflow: hidden; margin: 0px 0px 0px 15px; padding: 0; height: 57px; line-height: 57px; float: left; }
.head_menu li { list-style: none; float: left; margin: 3px 0px 0px 5px; }
.head_menu a { height: 40px; line-height: 40px; padding: 0px 10px; display: inline-block; }
.head_menu a:hover { background-color: rgb(30,30,30); }

.center { overflow: hidden; margin: 0 auto; padding: 0px 0px 10px 0px; width: 1002px; }

.thumb { background-color: #000001; background: linear-gradient(to bottom,#000001,#000001); border: 1px solid #000001; padding: 5px; float: left; margin: 2px 1px 0px 1px; width: 320px; height: 302px; }
.thumb:hover .thumb_info { background: rgba(0,0,0,0.6);  }
.thumb_img { font-size: 10px; position: relative; overflow: hidden; width: 320px; height: 240px; }
.thumb_img img { width: 320px; height: 240px;}
.thumb_info { transition: 0.3s; font-size: 10px; position: absolute; bottom: 5px; left: 5px; width: 300px; background: rgba(0,0,0,0.3); color: rgb(199,198,198); padding: 2px 5px; }
.thumb_info .views { float: left; }
.thumb_info .views span { color: rgb(255,255,255); }
.thumb_info .date { float: left; margin: 0px 0px 0px 40px; }
.thumb_info .duration { float: right; }
.thumb_link { height: 17px; overflow: hidden; margin: 9px 5px 9px 5px; }
.thumb_link a { text-transform: uppercase; line-height: 17px; font-size: 14px; font-weight: bold; color: rgb(235,235,235); }
.thumb_link a:hover { color: rgb(245,150,53); text-decoration: none; }
.thumb_cats_search { box-shadow: 0px -1px 0px 0px #000; border-top: 1px solid rgb(70,70,70); height: 12px; line-height: 12px; padding: 9px 0px 0px 0px; margin: 0px 5px; font-size: 11px; overflow: hidden; } 
.thumb_cats_search a { color: rgb(200,200,200); display: inline-block; line-height: 12px; background: url(../images/search_icon.png) left center no-repeat; background-size: 12px; margin: 0px 7px 0px 0px; padding: 0px 0px 0px 13px; }
.thumb_cats_search a:hover { color: rgb(245,245,245); text-decoration: underline; }

.navigation { padding: 10px 0px; border-top: 5px solid rgba(255,255,255,0.1); border-bottom: 5px solid rgba(255,255,255,0.1); margin: 20px 1px 0px 1px; overflow: hidden; }
.navigation li { font-weight: bold; font-size: 14px; list-style: none; display: inline-block; }
.navigation a { border: 1px solid rgb(20,20,20); background-color: rgb(30,30,30); min-width: 20px; text-align: center; padding: 0px 7px; display: inline-block; height: 30px; line-height: 29px; }
.navigation a:hover { background: rgb(30,30,30); color: #fff; }
.navigation span {color: rgb(245,150,53); border: 1px solid rgb(20,20,20); background-color: rgb(30,30,30); min-width: 20px; text-align: center; padding: 0px 7px; display: inline-block; height: 30px; line-height: 29px; }
.r_navigation { float: right; }
.r_navigation a { min-width: 85px; padding: 0px 7px; margin: 0px; text-align: center; }
.r_navigation span { min-width: 85px; padding: 0px 7px; margin: 0px; text-align: center; }
.l_navigation { float: left; }
.navigation_top { margin: 18px 5px 8px 5px; }

.thumb_cat { text-align: center; background-color: #000001; background: linear-gradient(to bottom,rgb(5,5,5),rgb(46,46,46)); border: 1px solid rgb(13,3,13); padding: 5px; float: left; margin: 2px 1px 0px 1px; width: 320px; height: 272px; }
.thumb_cat:hover .video_num { background: rgba(0,0,0,0.6); }
.thumb_cat_img { position: relative; overflow: hidden; width: 320px; height: 240px; margin: 0px 0px 9px 0px; }
.thumb_cat_img img { width: 320px; }
.thumb_cat a { text-transform: uppercase; display: inline-block; font-size: 16px; line-height: 16px; font-weight: bold; color: rgb(235,235,235); }
.thumb_cat a:hover { color: rgb(245,150,53); text-decoration: none; }
.thumb_cat_img .video_num { transition: 0.3s; font-size: 11px; position: absolute; bottom: 5px; left: 5px; display: inline-block; background: rgba(0,0,0,0.3); color: rgb(199,198,198); padding: 4px 8px; }
.thumb_cat_img .video_num span { color: rgb(255,255,255); }

.thumb_friends { line-height: 32px; background-color: #000001; background: linear-gradient(to bottom,rgb(5,5,5),rgb(46,46,46)); border: 1px solid rgb(13,3,13); padding: 5px; text-align: center; float: left; margin: 10px 4px -2px 4px; width: 230px; height: 202px; }
.thumb_friends img { width: 230px; height: 172px; }
.thumb_friends a { display: block; text-transform: uppercase; color: rgb(149,148,148); }
.thumb_friends a:hover { color: rgb(245,245,245); }

.categories_text { padding: 0px 0px 3px 0px; margin: 0px; overflow: hidden; }
.categories_text ul { text-transform: uppercase; font-size: 12px; border: 1px solid rgb(13,13,13); background: rgba(0,0,0,0.1); width: 230px; padding: 10px 5px; float: left; margin: 10px 4px -2px 4px; }
.categories_text li { margin: 0; height: 30px; overflow: hidden; padding: 0px 0px 0px 5px; list-style: none; }
.categories_text .word_list { margin: 0px 0px 0px 5px;  color: rgb(245,150,53); border: 1px solid rgb(20,20,20); background-color: rgb(30,30,30); min-width: 40px; text-align: center; padding: 0px 7px; display: inline-block; font-weight: bold; height: 28px; line-height: 28px; }
.categories_text a { color: rgb(229,228,228); background: url(../images/search_icon.png) left center no-repeat; background-size: 16px; padding: 0px 0px 0px 20px; display: inline-block; line-height: 30px;  }
.categories_text a:hover { color: rgb(245,150,53); text-decoration: underline; }

.friends_text { padding: 0px 0px 3px 0px; margin: 0px; overflow: hidden; }
.friends_text ul { text-transform: uppercase; font-size: 12px; border: 1px solid rgb(13,13,13); background: rgba(0,0,0,0.1); width: 230px; padding: 10px 5px; float: left; margin: 10px 4px -2px 4px; }
.friends_text li { margin: 0; height: 30px; overflow: hidden; padding: 0px 0px 0px 5px; list-style: none; }
.friends_text a { color: rgb(229,228,228); background: url(../images/text_friends.png) left center no-repeat; background-size: 16px; padding: 0px 0px 0px 20px; display: inline-block; line-height: 30px;  }
.friends_text a:hover { color: rgb(245,150,53); text-decoration: underline; }

.main_bottom_banners { padding: 25px 0px 0px 0px; overflow: hidden; }
.banner_300 { border: 1px solid rgb(13,13,13); background: rgba(0,0,0,0.1); width: 300px; overflow: hidden; float: left; padding: 5px; margin: 0px 10px 0px 10px; }

.banner_300_dop { display: none; border: 1px solid rgb(13,13,13); background: rgba(0,0,0,0.1); width: 300px; overflow: hidden; float: left; padding: 5px; margin: 0px 10px 0px 10px; }


.player_wrapper { background-color: #000001; background: linear-gradient(to bottom,rgb(5,5,5),rgb(46,46,46)); border: 1px solid rgb(13,3,13); padding: 10px 10px 0px 10px; overflow: hidden; margin: 20px 4px 0px 4px; }
.player_block { float: left; width: 660px; overflow: hidden; }
.player_block h1 { color: rgb(235,235,235); font-size: 20px; line-height: 20px; }
.player_block iframe { width: 660px; height: 400px; }
.player_block object { width: 660px; height: 400px; }
.full_info { font-size: 14px; color: rgb(149,148,148); padding: 10px 5px; overflow: hidden; }
.full_views { box-shadow: 0px -1px 0px 0px #000; border-top: 1px solid rgb(70,70,70); margin: 10px 0px 0px 0px; padding: 10px 0px 0px 0px; overflow: hidden; }
.full_views span { font-weight: bold; color: rgb(209,208,208); margin: 0px 15px 0px 0px; padding: 0px 15px 0px 0px; border-right: 1px solid rgb(0,0,0); }
.full_views span:last-child { border: none; }
.full_views .date { font-weight: normal; color: rgb(149,148,148); }
.full_cat { box-shadow: 0px -1px 0px 0px #000; border-top: 1px solid rgb(70,70,70); font-weight: bold; margin: 10px 0px 0px 0px; padding: 10px 0px 0px 0px; }
.full_cat a { font-weight: normal; color: rgb(255,255,255); margin: 0px 2px 0px 5px; background: url(../images/search_icon.png) left center no-repeat; background-size: 18px; padding: 0px 0px 0px 20px; display: inline-block; }
.full_cat a:hover { color: rgb(245,150,53); text-decoration: underline; }
.full_share { margin: 10px 0px 0px 0px; box-shadow: 0px -1px 0px 0px #000; border-top: 1px solid rgb(70,70,70); height: 16px; padding: 10px 0px 0px 0px; }
.full_share a { transition: none; margin: 0px 5px 0px 0px; }

.player_block .wide_banner { margin: 15px 0px 0px 0px; text-align: center; display: none; }
.player_block .wide_banner_b { display: inline-block; margin: 0px;  width: 728px; height: 90px }

.player_adv_right { float: right; width: 300px; overflow: hidden;}
.player_adv_right_b { width: 300px; margin: 0px 0px 10px 0px; }
.player_adv_right .third_banner { width: 300px; margin: 0px 0px 10px 0px; display: none; }


.footer { border-top: 5px solid rgba(255,255,255,0.1); height: 50px; line-height: 50px; width: 1000px; margin: 40px auto 0 auto; padding: 0px; overflow: hidden; }
.copyright { display: inline-block; font-weight: bold; color: rgb(245,150,53); font-size: 16px; }
.footer ul { text-transform: uppercase; font-size: 12px; display: inline-block; padding: 0px; margin: 0px 0px 0px 40px; }
.footer li { margin: 0px 20px 0px 0px; list-style: none; display: inline; }
.footer a { color: rgb(149,148,148); }
.footer a:hover { color: rgb(209,208,208); text-decoration: underline; }





@media screen and (min-width: 1350px) {
    .head { width: 1332px; }


	.center { width: 1336px;} 
	.thumb_friends { width: 246px; height: 214px; }
	.thumb_friends img { width: 246px; height: 184px; }
	.categories_text ul { font-size: 13px; width: 314px; }
	.friends_text ul { font-size: 13px; width: 314px; }
.banner_300 { margin: 0px 8px 0px 12px; }
	.player_wrapper { padding: 20px 20px 10px 20px; }
	.player_block { float: left; width: 970px; }
	.player_block h1 { font-size: 22px; }
	.player_block iframe { width: 970px; height: 522px; }
	.player_block object { width: 970px; height: 522px; }
	.player_adv_right .third_banner { display: block; }

	.player_block .wide_banner { display: block; }

	.banner_300_dop { display: block; margin: 0px 8px 0px 12px; }
	.footer { width: 1332px; }

}