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

body, ul, li, p, h1, h2, form, input, button { margin: 0; padding: 0; }
li { list-style-type: none; }

body { background-color: rgb(255,255,255); color: rgb(90,90,90); font-family: 'Roboto Condensed', sans-serif; font-size: 14px; }

img { background-color: rgb(235,235,235); display: block; border: 0 none; }

a { color: rgb(55,55,55); text-decoration: none;  }
a:hover { color: rgb(255,138,101); }

h1 { text-transform: uppercase; color: rgb(48,48,56); display: block; font-weight: normal; font-size: 28px; line-height: 30px; margin: 10px 1px 0 1px; }
h2 { text-transform: uppercase; color: rgb(55,55,55); border-bottom: 5px solid rgb(255,138,101); display: inline-block; vertical-align: top; font-weight: normal; font-size: 30px; line-height: 32px; margin: 18px 1px 0 1px; }
h3 { text-transform: uppercase; color: rgb(55,55,55); border-bottom: 5px solid rgb(255,138,101); display: inline-block; vertical-align: top; font-weight: normal; font-size: 30px; line-height: 32px; margin: 18px 1px 0 1px; }

.head-bl { background-color: rgb(45,45,45); }
.head { overflow: hidden; margin: 0 auto; padding: 0 0 10px 0; text-align: center; font-size: 0; }

.logo { display: inline-block; vertical-align: top; margin: 10px 5px 0 5px; text-align: left; }
.logo a { color: rgb(255,255,255); display: block; height: 30px; text-transform: uppercase; font-size: 28px; font-weight: bold; line-height: 30px; }
.logo a span { color: rgb(255,138,101); }
.logo h1 { margin: 0; padding: 0; }

.search { width: 95%; margin: 10px auto 0 auto; max-width: 602px; overflow: hidden;}
.search form { display: block; overflow: hidden; height: 30px; line-height: 30px; position: relative; border: 1px solid rgb(5,5,5); border-radius: 15px;}
.search input { background-color: rgb(255,255,255); color: rgb(55,55,55); outline-color: rgb(255,138,101); transition: 0.2s ease; border: 0 none; display: table; width:100%; padding: 0 20px; height: 30px; line-height: 30px; text-transform: uppercase; border-radius: 15px; text-align: left; font-family: 'Roboto Condensed', sans-serif; font-size: 14px; }

.search button { background: transparent; width: 20px; height: 20px; line-height: 20px; color: rgb(55,55,55); font-size: 16px; cursor: pointer; position: absolute; top: 4px; right: 5px; border: 0 none; transition: 0.2s ease; }
.search button:hover { color: rgb(255,138,101); }

.head-menu li { display: inline-block; vertical-align: top; margin: 10px 0 0 0; font-size: 14px; text-transform: uppercase; line-height: 20px; color: rgb(145,145,145); }
.head-menu li a { color: rgb(255,255,255); margin: 0 5px; } 
.head-menu li a:hover, .head-menu li a.active { color: rgb(255,138,101); }
.head-menu li.head-menu-sort { clear: both; display: block; }

.content { margin: 0 auto; text-align: center; }

.thumbs-bl { font-size: 0; padding-top: 8px; }

.thumb { font-size: 11px; display: inline-block; vertical-align: top; text-align: left; margin: 1% 0.5% 0 0.5%; width: 99%; height: auto; overflow: hidden; position: relative; }
.thumb img { width: 100%; height: auto; }
.thumb-title { background: linear-gradient(to bottom,transparent,rgba(0,0,0,0.5)); z-index: 501; display: block; overflow: hidden; position: absolute; left: 0; bottom: 0; font-size: 18px; text-transform: uppercase; height: 40px; line-height: 40px; padding: 15px 5% 0 5%; width: 90%; }
.thumb a:hover .thumb-title { background: linear-gradient(to bottom,transparent,rgb(0,0,0)); }

.thumb a { color: rgb(255,255,255); text-shadow: 1px 1px 0 rgb(0,0,0); }
.thumb a:hover { color: rgb(255,138,101); }

.thumb-duration { color: rgb(255,255,255); text-shadow: 1px 1px 0 rgb(0,0,0); z-index: 501; display: block; overflow: hidden; position: absolute; right: 0; top: 0; font-size: 18px; text-transform: uppercase; height: 30px; line-height: 30px; padding: 0 10px 0 35px; }
.thumb:hover .thumb-duration { background: linear-gradient(to right,transparent,rgba(0,0,0,0.5)); }

.thumb-views { color: rgb(255,255,255); text-shadow: 1px 1px 0 rgb(0,0,0); z-index: 501; display: block; overflow: hidden; position: absolute; left: 0; top: 0; font-size: 18px; text-transform: uppercase; height: 30px; line-height: 30px; padding: 0 35px 0 10px; }
.thumb:hover .thumb-views { background: linear-gradient(to left,transparent,rgba(0,0,0,0.5)); }

.thumb-videos { color: rgb(255,255,255); text-shadow: 1px 1px 0 rgb(0,0,0); z-index: 501; display: block; overflow: hidden; position: absolute; right: 0; top: 0; font-size: 18px; text-transform: uppercase; height: 40px; line-height: 40px; padding: 0 10px 0 35px; }
.thumb:hover .thumb-videos { background: linear-gradient(to right,transparent,rgba(0,0,0,0.5)); }

.thumb a:after { background-color: rgba(0,0,0,0.1); display: none; z-index: 500; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.thumb:hover a:after { display: block; }

.pages { background-color: rgb(65,65,65); margin: 2px 1px 0 1px; font-size: 0; padding: 0 0 2px 0; }
.pages span, .pages a { font-size: 14px; display: inline-block; vertical-align: top; margin: 2px 1px 0 1px; height: 30px; line-height: 30px; text-transform: uppercase; text-align: center; min-width: 10px; }
.pages a { background-color: rgb(235,235,235); background: linear-gradient(to bottom,rgb(255,255,255),rgb(215,215,215)); color: rgb(55,55,55); padding: 0 10px; }
.pages span.active { padding: 0 10px; }
.pages a:hover, .pages span.active { background-color: rgb(255,138,101); background: linear-gradient(to bottom,rgb(255,158,121),rgb(235,118,81)); color: rgb(15,15,15); }

.friends-links { font-size: 0; padding-top: 8px; }
.friends-links ul { display: inline-block; vertical-align: top; width: 50%; font-size: 14px; }
.friends-links li { height: 40px; line-height: 40px; margin: 2px 1% 0 1%; }
.friends-links li a { background-color: rgb(225,225,225); color: rgb(105,105,105); display: block; padding: 0 10px; text-decoration: underline; text-transform: uppercase; }
.friends-links li a:hover { background-color: rgb(105,105,105); color: rgb(225,225,225); text-decoration: none; }

.video-block { overflow: hidden; margin: 0 1px; }
.player-container { background-color: rgb(25,25,25); color: rgb(125,125,125); margin: 10px 0 0 0; }
.player { width: 100%; height: 250px; background-color: rgb(0,0,0); }
.player iframe, .player object, .player embed { width: 100%; height: 100%; }
.video-info { padding: 0 4px 10px 4px; text-align: left; }
.video-info h1 { color: rgb(255,255,255); text-shadow: 1px 1px 0 rgb(0,0,0); }
.video-info-m { font-size: 0; margin: 0px 0 0 0; }
.video-info-m span { background-color: rgb(235,235,235); background: linear-gradient(to bottom,rgb(255,255,255),rgb(215,215,215)); color: rgb(55,55,55); font-size: 14px; text-align: center; text-transform: uppercase; display: inline-block; vertical-align: top; margin: 0 1px; width: 32%; height: 30px; line-height: 30px; overflow: hidden; }

.video-info-categories { font-size: 0; padding-top: 0px; text-align: left; }
.video-info-categories span, .video-info-categories a { font-size: 14px; text-transform: uppercase; display: inline-block; vertical-align: top; margin: 2px 1px 0 1px; height: 30px; line-height: 30px; padding: 0 10px; }
.video-info-categories span { background-color: rgb(45,45,45); color: rgb(145,145,145); }
.video-info-categories a { background-color: rgb(85,85,85); background: linear-gradient(to bottom,rgb(105,105,105),rgb(65,65,65)); color: rgb(255,255,255); }
.video-info-categories a:hover { background-color: rgb(255,138,101); background: linear-gradient(to bottom,rgb(255,158,121),rgb(235,118,81)); color: rgb(15,15,15); }
.video-info-categories i { color: rgb(255,138,101);  }

.video-w-bn-bl { display: none; }

.video-r { font-size: 0; padding: 8px 0 0 0; }
.video-r-bn { background-color: rgb(225,225,225); display: inline-block; vertical-align: top; margin: 2px 1px 0 1px; width: 300px; height: 250px; font-size: 13px; }
.video-r-bn-2, .video-r-bn-3, .video-r-bn-4 { display: none; }


.h-bns-bl { border: 1px solid rgb(195,195,195); margin: 20px 1px 0 1px; font-size: 0; padding: 18px 0 20px 0; }
.h-bn { background-color: rgb(225,225,225); display: inline-block; vertical-align: top; margin: 2px 1px 0 1px; width: 300px; height: 250px; font-size: 13px; }
.h-bn-2, .h-bn-3, .h-bn-4, .h-bn-5 { display: none; }
.h-bns-bl-middle { margin-bottom: 18px; }


.footer-bl { background-color: rgb(215,215,215); box-shadow: inset 0 5px 15px -7px rgb(115,115,115); color: rgb(115,115,115); text-align: center; clear: both; margin: 20px 0 0 0; }
.footer { padding: 20px 0; margin: 0 auto; overflow: hidden; text-transform: uppercase; font-size: 16px; }
.footer-info span { color: rgb(5,5,5); font-weight: bold; }
.footer-links { margin: 5px 0 0 0; }
.footer-links a { color: rgb(55,55,55); text-decoration: underline; margin: 0 5px; font-size: 11px; }
.footer-links a:hover { text-decoration: none; color: rgb(25,25,25); }


@media screen and (min-width: 400px) {
.head-menu li { font-size: 16px; }
.player { height: 300px; }
.pl_adv{display: none;}
.thumb { width: 49%; }
.thumb-title, .thumb-views, .thumb-duration, .thumb-videos { font-size: 14px; }
}

@media screen and (min-width: 500px) {
.player { height: 350px; }
.pl_adv{display: none;}
.thumb-title, .thumb-views, .thumb-duration, .thumb-videos { font-size: 16px; }
}



@media screen and (min-width: 600px) {
.head-menu li.head-menu-sort { clear: none; display: inline-block; }
.friends-links ul { width: 25%; font-size: 12px; }
.player { height: 400px; }
.pl_adv{display: none;}
.thumb { width: 32%; }
.thumb-title, .thumb-views, .thumb-duration, .thumb-videos { font-size: 14px; }
}

@media screen and (min-width: 620px) {
.h-bn-2, .video-r-bn-2 { display: inline-block; }
.pl_adv{display: none;}
}

@media screen and (min-width: 700px) {
.player { height: 450px; }
.pl_adv{display: none;}
.thumb-title, .thumb-views, .thumb-duration, .thumb-videos { font-size: 16px; }
}

@media screen and (min-width: 800px) {
.player { height: 500px; }
.pl_adv{display: none;}
.thumb { width: 24%; }
.thumb-title, .thumb-views, .thumb-duration, .thumb-videos { font-size: 14px; }
}

@media screen and (min-width: 900px) {
.player { height: 550px; }
.pl_adv{display: none;}
.thumb-title, .thumb-views, .thumb-duration, .thumb-videos { font-size: 16px; }
}

@media screen and (min-width: 980px) {
.head { width: 966px; padding: 10px 0; }
.head-menu li { font-size: 14px; }
.logo { display: block; float: left; margin: 0; }
.search { display: block; float: left; margin: 0 0 0 20px;  padding-left: 90px;}
.head-menu { display: block; float: right; margin: 0; text-align: right; }
.head-menu li { margin: 0 10px 0 0; line-height: 30px; padding: 0 10px 0 0; border-right: 1px solid rgb(25,25,25); box-shadow: 1px 0 0 0 rgb(65,65,65); }
.head-menu li.head-menu-sort { border: 0 none; padding: 0; margin: 0 0 0 5px; }
.head-menu li.head-menu-sort a { margin: 0 0 0 10px; }
.search { max-width: 240px; width: 240px; }

.title-block { text-align: left; }
.content { width: 968px; }
.thumb { width: 333px; height: 250px; margin: 2px 1px 0 1px; }
.thumb img { width: 333px; height: 250px; }
.thumb-title { padding: 15px 10px 0 10px; width: 100%; }
.c-thumb .thumb-title { font-size: 20px; }


.pages { padding: 0 0 2px 0; }
.pages span, .pages a { height: 40px; line-height: 40px; min-width: 20px; margin: 2px 1px 0 1px; }

.player-container { float: left; width: 664px; }
.player { height: 360px;  }
.video-info { text-align: left; padding: 0 10px; overflow: hidden; }
.video-info-m span { width: auto; padding: 0 5px; margin: 0 1px; }
.video-r { float: right; width: 300px; }
.video-r-bn { display: block; margin: 2px 0 7px 0; }
.video-r-bn-3, .video-r-bn-4 { display: none; }

.friends-links ul { width: 242px; text-align: left; font-size: 14px; }
.friends-links li { margin: 2px 1px 0 1px; }
.footer { width: 966px; }
.h-bn-3 { display: inline-block; }
}


@media screen and (min-width: 1225px) {
.head { width: 1208px; }
.head-menu li { font-size: 16px; }
.search { max-width: 300px; width: 300px; }
.content { width: 1210px; }
.friends-links ul { width: 151px; font-size: 10px; }
.h-bn-4 { display: inline-block; }

.pages span, .pages a { font-size: 18px; height: 50px; line-height: 50px; min-width: 30px; }

.player-container { width: 906px; }
.player { height: 421px; }
.video-r-bn-3 {
	display: none;
}

.pl_adv{left: 0%;top: 12.4%; display: inline;}

.video-info-m { float: left; text-align: left; margin-top: 2px; }
.video-info-m span { height: 40px; line-height: 40px; margin: 0 2px 0 0; }

.video-info h1 { margin-top: 2px; margin-bottom: 2px;}
.video-info-categories { float: right; text-align: right; padding-top: 2px; }
.video-info-categories span, .video-info-categories a { height: 40px; line-height: 40px; margin: 0 0 0 2px; }

.video-w-bn-bl { display: block; background-color: rgb(45,45,45); box-shadow: inset 0 0 20px rgb(0,0,0); text-align: center; margin: 15px 0 0 0; padding: 15px 10px; }
.video-w-bn { display: inline-block; vertical-align: top; width: 728px; height: 90px; }

.h-bns-bl { border: 0; padding: 8px 0 10px 0; }
.footer { width: 1222px; }
}

@media screen and (min-width: 1465px) {
.head { width: 88%; max-width: 1800px;}
.search { max-width: 400px; width: 98%;  padding-left: 131px;}
.head-menu li { font-size: 20px; margin: 0 20px 0 0; padding: 0 20px 0 0; }
.content { width: 98%; max-width: 1675px;}
.friends-links ul { width: 181px; font-size: 12px; }
.h-bns-bl { padding: 16px 0 20px 0; border: 1px solid rgb(195,195,195);}
.h-bn { margin: 2px 11px 0 11px; }
.footer {  }
.player-container { width: 79%;}
.player { height: 678px; }
.pl_adv{position:absolute;z-index:999;left: 12%;top: 25%;}
.video-r-bn-3 {display: block;}
.video-info h1 { margin-top: 2px;  margin-bottom: 2px;}
.video-info-categories { padding-top: 2px; }
.video-info-categories span, .video-info-categories a { padding: 0 15px; }
.video-w-bn-bl { margin: 20px 0 0 0; padding: 28px 10px; }
.video-r-bn-4 { display: block; }
}

.txt {font-family: Arial, Helvetica, sans-serif;font-size: 10px;font-weight: bold; text-align: center;}
.im_adv{position:fixed;z-index:101;bottom:0%;right:0%;z-index:999;padding:5px 4px 0px 4px;background:rgba(177,177,177,0.61);margin:5px;}
.im_title{cursor:pointer;position:absolute;z-index:1000;right:12px;top:-25px;height:25px;line-height:25px;padding:0 9px;background:rgba(177,177,177,0.61);color:@background_color;font-weight:bold;}
.pl_adv{position:absolute;z-index:999;}
.pl_adv2{padding:10px;background:rgba(177, 177, 177, 0.61);position:relative;}
.banner{width: 300px;height: 250px;display: inline-block;}
.pl_adv .pl_close{cursor:pointer;display:block;margin-top:10px;padding:0 14px 0 7px;height:32px;line-height:30px;border:1px solid #bdbdbd;background:#fff;color:#6d6d6d;font-weight:bold;text-align:center;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.pl_adv .pl_close:hover{color:#333;background-color:#e2e2e2;}
.pl_adv .pl_title{position:absolute;z-index:1000;left:0px;top:-31px;height:31px;line-height:31px;padding:0 14px;background:rgba(177, 177, 177, 0.61);color:@background_color;font-weight:bold;}
.pl_adv{margin-left:170px;margin-top:10px;}

#cookie_message {
	height: 20px;
	width: 100%;
	position: fixed;
	bottom: 0;
	text-align: center;
	background: rgba(0, 0, 0, 0.5);
	color: white;
	font-size: 11px;
	z-index: 1000;
	line-height: 20px;
	font-family: sans-serif;}

#cookie-bar {background: rgba(0, 0, 0, 0.5);; height:auto; line-height:24px; color:#eeeeee; text-align:center; padding:3px 0;}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {color:#e7e7e7; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;TEXT-DECORATION: underline;}
#cookie-bar .cb-enable {background:#da5b58; color:#ffffff; TEXT-DECORATION: none;}
#cookie-bar .cb-enable:hover {background:#007700;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}