@import url(https://fonts.googleapis.com/css?family=Roboto);

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

body { background-color: rgb(25,24,28); color: rgb(125,124,128); font-family: 'Roboto', sans-serif; font-size: 14px;
	background-image: url(/css/bodybk.jpg);
	background-repeat: repeat;}

img { background-color: rgba(255,255,255,0.1); display: block; border: 0 none; }

a { color: #8e3955; text-decoration: none; transition: 0.2s ease; }
a:hover { color: rgb(250,250,250); }

h1 { color: rgb(229,229,229); display: block; font-weight: normal; font-size: 26px; line-height: 30px; margin: 10px 5px 0 5px; }
h2 { color: rgb(229,229,229); display: block; font-weight: normal; font-size: 24px; line-height: 26px; margin: 20px 5px 0 5px; }

.head { overflow: hidden; margin: 0 auto; padding: 0 0 10px 0; text-align: center; background-image: url(/css/bodybk.jpg);}
.logo { display: inline-block; vertical-align: top; margin: 10px 5px 0 5px; }
.logo a { background-repeat: no-repeat; display: block; width: 240px; height: 32px; font-size:30px;}
.logo span {color: #d5d6d6; }


.search { width: 96%; margin: 10px 2% 0 2%; }
.search form { display: block; overflow: hidden; height: 32px; line-height: 32px; }
.search input, .search button { display: block; height: 32px; line-height: 32px; border: 0 none; text-align: center; font-family: 'Roboto', sans-serif; float: left; transition: 0.2s ease; }
.search input { background-color: rgb(155,154,158); color: rgb(15,14,18); width: 60%; outline-color: rgb(242,146,22); }
.search input:focus { background-color: rgb(235,235,235); }
.search button { background-color:#5e5e5e; width: 20%; color: rgb(229,229,229); cursor: pointer; }
.search button:hover { background-color: #333; color: rgb(250,250,250); }

.share-bl { margin: 10px 0 0 0; }

.content { margin: 0 auto; text-align: center; background-image: url(/css/bodybk.jpg);}

.top-bl { font-size: 0; overflow: hidden; margin-left: 4%;}
.top-bl .pages { margin: 0; }

.thumbs-bl { font-size: 0;}

.thumb { background-color: #8e3955; font-size: 12px; display: inline-block; vertical-align: top; text-align: left; margin: 20px 5px 0 2px; width: 240px; height: 230px; overflow: hidden; position: relative; border-radius: 5px; }
.thumb-tube { height: 25px; line-height: 25px; font-size: 12px; overflow: hidden; padding: 0 10px; }
.thumb-tube a { text-decoration: underline; }
.thumb-tube a:hover { text-decoration: none; }
.thumb img { width: 240px; height: 180px; }
.thumb-link { transition: none; display: block; }
.thumb-link:hover img{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1);
-ms-transform:scale(1.1);
}

.thumb-title { display: bl
ock; transition: 0.2s ease; position: absolute; left: 0; width: 230px; padding: 0 10px; overflow: hidden; height: auto; max-height: 20px; line-height: 20px; color: #fff;}
.thumb-title:hover { background-color: rgb(250,250,250); color: rgb(15,14,18); max-height: 40px; }

.thumb-title1 { display: bl
ock; transition: 0.2s ease; position: absolute; left: 0; width: 230px; padding: 0 10px; overflow: hidden; height: auto; max-height: 30px; line-height: 30px; color: #fff; font-size: 22px;}
.thumb-title1:hover { background-color: rgb(250,250,250); color: rgb(15,14,18); max-height: 40px; }


.thumb-tags { margin: 30px 0 0 0; overflow: hidden; padding: 0 5px 0 10px; font-size: 0; }
.thumb-tags span, .thumb-tags a { font-size: 11px; display: block; float: left; margin: 0 3px 0 0; height: 20px; line-height: 20px; }
.thumb-tags a { background-color: #333; color: rgb(229,229,229); border-radius: 3px; padding: 0 5px; }
.thumb-tags a:hover { background-color: #f3719c; color: rgb(250,250,250); }

.thumb-cat { height: 220px; }
.thumb-cat .thumb-link { transition: 0.2s ease; }
.thumb-cat .thumb-title { position: static; height: 40px; line-height: 40px; max-height: 40px; font-size: 18px; transition: none; }
.thumb-cat .thumb-title:hover { max-height: 40px; }
.thumb-cat .thumb-link:hover { background-color: #c98da1; color: rgb(250,250,250); }
.thumb-cat .thumb-link:hover img{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1);
-ms-transform:scale(1.1);
}

.pages { margin: 10px 0 0 0; font-size: 0; }
.pages span, .pages a { font-size: 13px; display: inline-block; vertical-align: top;  height: 30px; line-height: 30px; text-align: center; min-width: 10px; padding: 0; width:35px;}
.pages a { background-color: #333; color: rgb(229,229,229); }
.pages a:hover, .pages span.active { background-color: #c98da1; color: rgb(250,250,250); }

.popular-categories { background-color: rgb(35,34,38); color: rgb(135,134,138); font-size: 0; margin: 10px 5px 0 5px; padding: 0; text-align: center; }
.popular-categories ul { display: inline-block; vertical-align: top; margin: 0 1%; width: 48%; font-size: 12px; text-transform: uppercase; }
.popular-categories li { overflow: hidden; height: 35px; line-height: 35px; border-bottom: 1px solid rgb(55,54,58); }
.popular-categories li span { margin: 0 0 0 5px; }
.popular-categories li:last-child { border-bottom: 0 none; }

.player { width:100%; height: 755px; float:left; }
.baners {float:left; width:30%; height: 755px}
.emplayer { width:100%; height: 500px; float:left; margin-left: 4%;}
.emplayer iframe,
.emplayer object,
.emplayer embed {
  width: 100%;
  height: 500px;
}
.embaners {display: none; width:301px; height: 755px; margin-left: 10px;}

.friends-links { margin: 10px 5px 0 5px; font-size: 0; }
.friends-links ul { display: inline-block; vertical-align: top; margin: 0; width: 50%; font-size: 12px; }
.friends-links li { height: 30px; line-height: 30px; margin: 0 1px 2px 1px; }
.friends-links li a { background-color: rgb(15,14,18); color: rgb(115,114,118); display: block; padding: 0 10px; }
.friends-links li a:hover { background-color: rgb(5,4,8); color: rgb(155,154,158);  }

.h-bns-bl { margin: 10px 0 0 0; font-size: 0; }
.h-bn { background-color: rgb(100,100,100); display: inline-block; vertical-align: top; margin: 10px 5px 0 5px; width: 300px; height: 250px; font-size: 13px; }
.h-bn-2, .h-bn-3, .h-bn-4 { display: none; }

.footer-bl { text-align: center; clear: both; margin: 20px 0 0 0; }
.footer { padding: 10px 5px; }
.footer span { color: interhit }

.scroll-top { background-color: rgba(100,100,100,0.7); color: #e75a3a;  display: none; position: fixed; right: 20px; bottom: 20px; width: 40px; height: 40px; line-height: 50px; border-radius: 20px;  text-align: center; font-size: 24px; }
.scroll-top:hover { background-color: #c98da1; color: rgb(15,14,18); }

.admin-frame-wrap { display: none; }
.mySidenav{ left: 90%; }

@media screen and (min-width: 600px) {
.popular-categories ul { width: 31%; }
.friends-links ul { width: 33.33%; }
.admin-frame-wrap { display: inline-block; }
.mySidenav{ left: 50%; }
}

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



@media screen and (min-width: 1015px) {
h2 { text-align: left; }
.head { width: 990px; padding: 10px 0 8px 0; display: table; }
.logo { margin: 0; display: table-cell; vertical-align: top; width: 33%; text-align: left; padding-top: 2px; }
.search { margin: 0; display: table-cell; vertical-align: top; width: 33%; text-align: center; padding-top: 2px; }
.search form { width: 490px; }
.share-bl { margin: 0; display: table-cell; vertical-align: top; width: 33%; text-align: right;  }

.top-bl h1 { float: left; }
.top-bl .sort { float: right; text-align: left; }

.content { width: 100%; }

.pages { text-align: right; padding-right: 5px; }
.pages span, .pages a { margin: 0px; }
.popular-categories ul { width: 150px; margin: 0 5px; font-size: 10px;  text-align: left;  }
.friends-links ul { width: 165px; text-align: left; }
.h-bn-3 { display: inline-block; }
.emplayer { width:60%; height: 500px; float:left; }
.embaners {display: block; float:left; width:301px; margin-left: 10px; height: 500px;}
h2 { color: rgb(101,101,101); display: block; font-weight: normal; font-size: 24px; line-height: 26px; margin: 20px 5px 0 5px; }
}

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

.head { width: 1240px; }

.content { width: 100%; }

.popular-categories ul { width: 190px; font-size: 12px; }
.friends-links ul { width: 206.66px; }
.h-bn-4 { display: inline-block; }

}