body, ul, li, p, h1, h2, form, input { margin: 0; padding: 0; }

li { list-style-type: none; }


body { background-color: rgb(230,241,251); color: rgb(130,141,151); font-family: 'Ubuntu Condensed', sans-serif; font-size: 14px; margin: 0; padding: 0; text-align: center; }

img { background-color: rgba(0,0,0,0.1); display: block; border: 0 none; }
a { color: rgb(0,121,224); text-decoration: none; transition: 0.2s ease; }
a:hover { color: rgb(0,121,224); }

h1 { color: rgb(0,121,224); font-size: 22px; line-height: 24px; font-weight: normal; display: block;  }
h2 { color: rgb(0,121,224); font-size: 20px; line-height: 22px; font-weight: normal; display: block;  display: block; }


.head_wrapper { background-color: rgb(0,121,224); box-shadow: 0 0 15px -3px rgb(0,71,174); overflow: hidden; }
.head { margin: 0 auto; font-size: 0; padding: 0 0 10px 0; }
.logo { display: inline-block; width: 220px; height: 28px; font-size: 28px; }
.logo h1 {font-size:28px;display: inline-block;color:#eeeeee;}
.logo h1 span {color:#FF0000;}

.menu { display: inline-block; vertical-align: middle; }
.menu li { font-size: 16px; display: inline-block; vertical-align: middle; margin: 10px 5px 0 5px; height: 30px; line-height: 30px; }
.menu li a { display: block; padding: 0 10px; color: rgb(255,255,255); border-radius: 6px; font-weight: bold; }
.menu li.active a, .menu li a:hover { background-color: rgb(0,71,174); }

.search { display: inline-block; vertical-align: middle; margin: 10px 5px 0 5px; width: 240px; height: 30px; }
.search form { display: block; width: 240px; height: 30px; overflow: hidden; border-radius: 6px;  }
.search input { display: block; height: 30px; line-height: 30px; color: rgb(0,21,124); text-align: center; background: transparent; float: left; border: 0 none; }
.search input.search_field { font-family: 'Ubuntu Condensed', sans-serif; width: 200px; background-color: rgba(255,255,255,0.7); }
.search input.search_button { background-color: rgb(0,71,174); background-image: url(../img/search.png); background-repeat: no-repeat; background-position: 12px 7px; background-size: 15px 15px; cursor: pointer; width: 40px; height: 30px; transition: 0.2s ease; }
.search input.search_button:hover { background-color: rgb(0,61,164); }

.shares { display: inline-block; vertical-align: middle; margin: 10px 5px 0 5px; }

.content { margin: 0 auto; }

.thumbs_wrapper, .thumbs_cat_big_wrapper { font-size: 0; }

.thumb { background-color: rgb(255,255,255); box-shadow: 0 3px 15px -7px rgb(0,71,174); transition: 0.1s ease; width: 240px; height: 235px; display: inline-block; vertical-align: top; margin: 10px 5px 0 5px; overflow: hidden; border-radius: 6px; }
.thumb:hover { background-color: rgb(0,121,224);  }
.thumb a { color: rgb(0,121,224); display: block; position: relative; }
.thumb:hover a { color: rgb(255,255,255); }
.thumb img { width: 240px; height: 180px; border }
.thumb_name { display: block; line-height: 18px; height: 18px; overflow: hidden; margin: 5px 10px 0 10px; font-size: 16px; }
.thumb_info { margin: 5px 0 0 0; }
.thumb_info ul { font-size: 0; }
.thumb_info li { transition: 0.1s ease; color: rgb(155,155,155); display: inline-block; vertical-align: top; margin: 0 10px; height: 20px; line-height: 20px; font-size: 13px; }
.thumb_info li span { transition: 0.1s ease; color: rgb(25,25,25); }
.thumb:hover .thumb_info li { color: rgb(225,225,225); }
.thumb:hover .thumb_info li span { color: rgb(255,255,255); }

.pages { margin: 10px 0 0 0; padding: 0 0 10px 0; }
.pages ul { font-size: 0; }
.pages li { font-size: 12px; margin: 10px 5px 0 5px; display: inline-block; vertical-align: top; height: 30px; line-height: 30px; }
.pages a { border-radius: 6px; background-color: rgb(255,255,255); box-shadow: 0 3px 15px -7px rgb(0,71,174); display: block; width: 30px; height: 30px; text-align: center; }
.pages a:hover, .pages li a.act_page { background-color: rgb(0,121,224); color: rgb(255,255,255); }

.all_cats a { width: auto; padding: 0 10px; font-size: 14px; }

.thumbs_wrapper .thumb_cat { width: 146px; height: 155px; }
.thumbs_wrapper .thumb_cat img { width: 146px; height: 109px; }
.thumbs_wrapper .thumb_cat .thumb_name { font-size: 14px; font-weight: bold; text-transform: capitalize; }
.thumbs_wrapper .total_videos {  transition: 0.1s ease; color: rgb(155,155,155); height: 15px; line-height: 15px; margin: 0; overflow: hidden; font-size: 12px; }
.thumbs_wrapper .total_videos span { transition: 0.1s ease; color: rgb(25,25,25); }
.thumbs_wrapper .thumb_cat:hover .total_videos { color: rgb(225,225,225); }
.thumbs_wrapper .thumb_cat:hover .total_videos span { color: rgb(255,255,255); }

.thumbs_cat_big_wrapper .thumb_cat .thumb_name { font-weight: bold; text-transform: capitalize; }
.thumbs_cat_big_wrapper .total_videos { color: rgb(155,155,155); height: 15px; line-height: 15px; margin: 5px 0 0 0; overflow: hidden; font-size: 13px; }
.thumbs_cat_big_wrapper .total_videos span { transition: 0.1s ease; color: rgb(25,25,25); }
.thumbs_cat_big_wrapper .thumb_cat:hover .total_videos { color: rgb(225,225,225); }
.thumbs_cat_big_wrapper .thumb_cat:hover .total_videos span { color: rgb(255,255,255); }

.video_block { width: 98%; overflow: hidden; margin: 10px auto 0 auto; }
.video_block_player { border-radius: 6px; background-color: rgb(255,255,255); width: 100%; padding: 0 0 10px 0; }
.player { background-color: rgb(0,0,0); width: 100%; height: 250px; position: relative; }
.player iframe { width: 100%; height: 100%; }
.player object { width: 100%; height: 100%; }
.player embed { width: 100%; height: 100%; }

.video_info { font-size: 0; }
.video_info li { color: rgb(155,155,155); font-size: 14px; margin: 10px 10px 0 10px; display: inline-block; vertical-align: top; }
.video_info li a { text-transform: capitalize; }
.video_info li a:hover { text-decoration: underline; }
.video_info li span { color: rgb(25,25,25); }

.video_ads { font-size: 0; }
.video_ad { font-size: 13px; background-color: rgba(0,0,0,0.1); margin: 10px 5px 0 5px; display: inline-block; vertical-align: top; width: 300px; height: 250px; }
.video_ad_2 { display: none; }


.thumbs_tl_block { font-size: 0; }

.thumbs_tl { width: 168px; height: 151px; display: inline-block; vertical-align: top; margin: 10px 5px 0 5px; font-size: 13px; overflow: hidden; }
.thumbs_tl a { color: rgb(130,141,151); text-decoration: underline; }
.thumbs_tl a:hover { text-decoration: none; }
.thumbs_tl img { width: 168px; height: 126px; }
.thumbs_tl span { display: block; height: 25px; line-height: 25px; }

.text_tl_block { font-size: 0; background-color: rgb(255,255,255); box-shadow: 0 3px 15px -7px rgb(40,3,72); border-radius: 6px; margin: 10px 5px 0 5px; padding: 10px 0; }
.text_tl_block ul { width: 48%; display: inline-block; vertical-align: top; margin: 0 1%; font-size: 14px; overflow: hidden; }
.text_tl_block li { height: 25px; line-height: 25px; overflow: hidden; }
.text_tl_block li span { font-size: 10px; color: rgb(0,121,224); }
.text_tl_block a { color: rgb(130,141,151); text-decoration: underline; }
.text_tl_block a:hover { text-decoration: none; }

.bottom_ads { font-size: 0; margin: 5px 0 0 0; }
.bottom_ad { font-size: 13px; background-color: rgba(0,0,0,0.1); margin: 10px 5px 0 5px; display: inline-block; vertical-align: top; width: 300px; height: 250px; }
.bottom_ad_2, .bottom_ad_3, .bottom_ad_4 { display: none; }

.main_description { color: rgb(0,121,224); margin: 10px 5px 0 5px; font-size: 14px; line-height: 16px; }


.footer_wrapper { margin: 20px 0 0 0; background-color: rgb(0,121,224); box-shadow: 0 0 15px -3px rgb(0,71,174); }
.footer { margin: 0 auto; padding: 0 0 5px 0; color: rgb(205,205,205); }
.footer_about { margin: 5px 5px 0 5px; display: inline-block; vertical-align: middle; font-size: 14px; }
.footer_about span { color: rgb(255,255,255); }
.footer ul { font-size: 0; display: inline-block; vertical-align: middle; }
.footer li { font-size: 13px; margin: 5px 5px 0 5px;  display: inline-block; vertical-align: middle;  }
.footer li a { text-decoration: underline; color: rgb(225,225,225); }
.footer li a:hover { text-decoration: none; }



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

@media screen and (min-width: 500px) {
.player { height: 350px; }
}
@media screen and (min-width: 600px) {
.player { height: 400px; }
.text_tl_block ul { width: 48%; display: inline-block; vertical-align: top; margin: 0 1%; font-size: 13px; overflow: hidden; }
}

@media screen and (min-width: 620px) {

.bottom_ad_2, .video_ad_2 { display: inline-block; }

}

@media screen and (min-width: 700px) {
.player { height: 450px; }
}
@media screen and (min-width: 800px) {
.player { height: 500px; }
.text_tl_block { width: 800px; margin: 10px auto 0 auto; }
.text_tl_block ul { width: 190px; margin: 0 5px; }
}
@media screen and (min-width: 900px) {
.player { height: 550px; }
}
@media screen and (min-width: 920px) {
.player { height: 550px; }
}

@media screen and (min-width: 1015px) {

h1, h2 { text-align: left; }

.head { width: 1000px; padding: 0; height: 40px; }
.logo { float: left; display: block; margin: 5px 0 5px 5px; }

.menu { float: left; display: block; margin: 5px 0 5px 20px; overflow: hidden; }
.menu li { float: left; display: block; margin: 0 5px 0 0; }

.search { float: right; display: block;  margin: 5px 5px 5px 0; }

.shares { display: none; }

.content { width: 1000px; }
.footer { width: 990px; margin: 0 auto; overflow: hidden; }
.footer_about { float: left;}
.footer ul { float: right; }
.bottom_ad_3 { display: inline-block; }

.video_block { width: 990px; }
.video_block_player { float: left; width: 680px; }
.player { height: 475px; }

.video_info { text-align: left; overflow: hidden; padding: 0 10px; }
.video_info ul { overflow: hidden; margin: 10px 0 0 0; }
.video_info li { margin: 0px 20px 0 0; display: block; float: left; }


.video_ads { float: right; width: 300px; }
.video_ad { display: block; margin: 0; }
.video_ad_2 { display: block; margin: 10px 0 0 0; }
}






@media screen and (min-width: 1265px) {
.head { width: 1250px; }
.shares { display: block; float: right; margin: 2.5px 10px 0 0; }
.content { width: 1250px; }
.footer { width: 1240px; }
.bottom_ad_4 { display: inline-block; }

.text_tl_block { width: 1240px; }
.text_tl_block ul { width: 145px; }

.video_block { width: 1240px; }
.video_block_player { width: 930px; }
.video_info li { margin: 0px 30px 0 0; }
.player { height: 475px; }

}