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

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

li { list-style-type: none; }

body { background-color: rgb(27,30,38); color: rgb(127,130,138); font-family: Verdana, sans-serif; font-size: 13px; text-align: center; }

h1 { color: rgb(235,235,235); font-size: 22px; line-height: 24px; margin: 10px 1px 0 1px; }
h2 { border-top: 1px solid rgb(47,50,58); box-shadow: 0 -1px 0 0 rgb(7,10,18); padding: 10px 0 0 0; color: rgb(235,235,235); font-size: 20px; line-height: 24px; margin: 10px 1px 0 1px; }


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

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

.header_wrapper { background-color: rgb(47,50,58); border-bottom: 5px solid #f12929; }
#header { padding: 0 0 10px 0; font-size: 0; margin: 0 auto; }
#header .menu { display: inline-block; vertical-align: middle; }
#header .menu li { display: inline-block; vertical-align: middle; margin: 10px 5px 0 5px;  font-size: 13px; height: 33px; line-height: 33px; }
#header .menu li a { background-color: rgb(27,30,38); color: rgb(255,255,255); display: block; border-radius: 16.5px; padding: 0 10px;  }
#header .menu li a:hover { background-color: #f12929;  }


#header .logo { line-height: 40px; font-size: 30px; font-family: 'Anton', sans-serif; width: 190px; height: 40px; display: inline-block; vertical-align: middle; margin: 10px 5px 0 5px; }
#header .logo img { background-color: transparent; background: transparent; width: 190px; height: 40px; }
#header .logo span { color: #f12929; }

#header .search { display: inline-block; vertical-align: middle; margin: 10px 5px 0 5px;  font-size: 13px; width: 300px; height: 33px; }
#header .search form { background-color: rgb(27,30,38); position: relative; display: block; width: 300px; height: 33px; line-height: 33px; border-radius: 16.5px; overflow: hidden; }
#header .search input { display: block; float: left; height: 33px; line-height: 33px; border: 0 none; background: none; font-weight: bold; text-align: center; font-size: 13px; color: rgb(127,130,138); }
#header .search input.panelsearch { width: 270px; }
#header .search input.send {  position: absolute; cursor: pointer; background-image: url(../images/search.png); background-repeat: no-repeat; transition: 0.2s ease; width: 23px; height: 23px; top: 5px; right: 5px; border-radius: 15px; }
#header .search input.send:hover { background-color: #f12929; }

#content { margin: 0 auto; min-width: 300px; position: relative; }

.breads { }
.breads ul { font-size: 0; }
.breads li { display: inline-block; vertical-align: top; margin: 10px 5px 0 5px; font-size: 13px; }
.breads li a { color: #f12929; }
.breads li a:hover { text-decoration: underline; }
.breads li::after { content: '/'; padding: 0 0 0 10px; }
.breads li:last-child::after { content: ''; padding: 0; }

.tubes { font-size: 0; margin-top: 8px; }

.tube { background-color: rgb(37,40,48); font-size: 13px; width: 240px; height: 210px; display: inline-block; vertical-align: top; margin: 2px 1px 0 1px; position: relative; text-align: left; }
.tubeimage { height: 180px; overflow: hidden; }
.tubeimage img { width: 240px; height: 180px; }
.tubeimage a { position: relative; display: block; }
.colvid { opacity: 0; transition: 0.2s ease; z-index: 1000; display: inline-block; padding: 0 10px; position: absolute; top: 10px; right: 10px; height: 30px; line-height: 30px; color: rgb(255,255,255); text-shadow: 0 0 5px rgb(0,0,0); border-radius: 15px; border: 2px solid rgb(255,255,255); }
.tube .description-vid { overflow: hidden; height: 30px; line-height: 30px; }
.name-cat { font-size: 13px; }
.name-cat a { display: block; padding: 0 10px; }
.tube:hover .name-cat a { background-color: #f12929; color: rgb(255,255,255); }
.tube:hover .colvid { opacity: 1; }

.tube .decripcategory { background-color: #b52d2d; box-shadow: 0 5px 15px -5px rgb(0,0,0); position: absolute; z-index: 1000; width: 220px; padding: 0 10px; height: 0; left: 0; top: 210px; z-index: 1100; transition: 0.2s ease; overflow: hidden; }
.tube .decripcategory .tags { background-image: url(../images/icon-2.png); background-position: left center; background-repeat: no-repeat; padding: 0 0 0 24px; margin: 10px 0 0 0; height: 20px; line-height: 20px; }
.tube .decripcategory .site { background-image: url(../images/icon-3.png); background-position: left center; background-repeat: no-repeat; padding: 0 0 0 24px; margin: 10px 0 0 0; height: 20px; line-height: 20px; }
.tube .decripcategory a { color: rgb(255,255,255); text-decoration: underline; margin-right: 3px; }
.tube .decripcategory a:hover { text-decoration: none;  }

.tube:hover .decripcategory { height: 70px; }

.navipage { margin: 10px 5px 0 5px; clear: both; font-size: 0; padding: 0 0 10px 0; }
.navipage a { background-color: rgb(37,40,48); display: inline-block; vertical-align: top; margin: 10px 5px 0 5px; width: 30px; height: 30px; line-height: 30px; font-size: 13px; }
.navipage a.act_page, .navipage a:hover { background-color: #f12929; color: rgb(255,255,255);  }
.navipage a.next, .navipage a.prev { width: auto; padding: 0 5px; }

.description-page { margin: 10px 1px 0 1px; line-height: 16px; font-size: 13px; color: rgb(127,130,138); }

.video-tube { margin: 10px auto 0 auto; width: 98%; }
.advcolumn {  }
.advcolumn .adv { font-size: 13px; display: inline-block; vertical-align: top; margin: 2px 1px 0 1px; width: 300px; height: 250px; background-color: rgb(67,70,78); }
.advcolumn .two, .advcolumn .three { display: none; }
.video { background-color: rgb(37,40,48); width: 100%; position: relative; }

#player { background-color: rgb(0,0,0); width: 100%; height: 250px; }
#player iframe, #player object, #player embed { width: 100%; height: 100%; }

.ghost { display: none; }
.hidden { display: none; position: absolute; z-index: 1500; background-color: rgba(0,0,0,0.7); left: 0; top: 0; width: 100%; }
.adv-ghost { display: block; position: absolute; width: 620px; height: 250px; top: 50%; left: 50%; margin: -125px 0 0 -305px; font-size: 0; }
.adv-ghost .ban { background-color: rgba(255,255,255,0.2); display: inline-block; vertical-align: top; width: 300px; height: 250px; margin: 0 5px; }
.adv-ghost .secnd { display: none; }
.close-ban { background-image: url(../images/close.png); background-position: center center; cursor: pointer; background-repeat: no-repeat; position: absolute; width: 25px; height: 25px; top: -25px; right: -25px; border-radius: 50%; background-color: rgba(0,0,0,0.7); font-weight: bold; line-height: 22px; text-align: center; }

.video-tube h2 { box-shadow: 0 0 0 0 transparent; padding: 0; border: 0 none; margin-left: 10px; }
.video-tube .name-cat { overflow: hidden; heigth: 40px; line-height: 40px; padding: 0 0 0 10px; }
.video-tube .name-cat p { display: block; float: left; }
.video-tube .name-cat .date { display: block; float: right; background-color: #b52d2d; text-align: center; padding: 0 20px; color: rgb(255,255,255); }

.video-tube .decripcategory { text-align: left; background-color: #b52d2d; padding: 0 10px 10px 10px; height: auto; color: rgb(255,255,255); overflow: hidden; }
.video-tube .decripcategory .tags { background-image: url(../images/icon-2.png); background-position: left center; background-repeat: no-repeat; padding: 0 0 0 24px; margin: 10px 0 10px 0; line-height: 20px; }
.video-tube .decripcategory .tags a { text-decoration: underline; color: rgb(255,255,255); background: none; padding: 0; margin: 0; }
.video-tube .decripcategory .tags a:hover { text-decoration: none; }

.video-tube .decripcategory .models { background-image: url(../images/icon-1.png); background-position: left center; background-repeat: no-repeat; padding: 0 0 0 24px; margin: 0 0 10px 0; line-height: 20px; }
.video-tube .decripcategory .models a {  text-decoration: underline; color: rgb(255,255,255); background: none; padding: 0; margin: 0; }
.video-tube .decripcategory .models a:hover { text-decoration: none; }

.video-tube .decripcategory a { text-decoration: underline; color: rgb(255,255,255); background-image: url(../images/icon-3.png); background-position: left center; background-repeat: no-repeat; padding: 0 0 0 24px; }
.video-tube .decripcategory a:hover { text-decoration: none; }




.advs { font-size: 0; padding-top: 8px; }
.adv { font-size: 13px; display: inline-block; vertical-align: top; margin: 2px 1px 0 1px; width: 300px; height: 250px; background-color: rgb(67,70,78); }
.adv_2, .adv_3, .adv_4, .adv_5 { display: none; }


.f-videos { font-size: 0; }
.f-link { font-size: 14px; display: inline-block; vertical-align: top; margin: 2px 1px 0 1px; width: 240px; height: 210px; transition: 0.2s ease; opacity: 0.7; }
.f-link:hover { opacity: 1; }
.f-link img { width: 240px; height: 180px; }
.f-link .name { display: block; height: 30px; line-height: 30px; overflow: hidden; background-color: #f12929; color: rgb(255,255,255); }


.taglist { font-size: 0; margin: 0 auto; }
.taglist .tagcolumn { font-size: 13px; display: inline-block; vertical-align: top; margin: 1% 1% 0 1%; width: 48%; }
.taglist .tagcolumn .bukbox { margin-top: 10px; clear: both; }
.taglist .tagcolumn .title-column { height: 30px; line-height: 30px; background-color: #f12929; color: rgb(255,255,255); font-weight: bold; font-size: 16px; text-align: center; border-radius: 5px 5px 0 0; }
.taglist .tagcolumn ul { background-color: rgb(37,40,48); clear: both; display: block; overflow: hidden; font-size: 0; padding-bottom: 10px; }
.taglist .tagcolumn li { display: inline-block; vertical-align: top; margin: 10px 5px 0 5px; font-size: 13px; height: 25px; line-height: 25px; }
.taglist .tagcolumn li a { padding: 0 5px; display: block; border: 2px solid rgb(235,235,235); border-radius: 5px; height: 21px; line-height: 21px; font-size: 12px; }
.taglist .tagcolumn li a:hover { border-color: #f12929; }

.friendlinkcontent { font-size: 0; padding-top: 1%; }
.friendlinkcontent ul { font-size: 13px; display: inline-block; vertical-align: top; margin: 1% 1% 0 1%; width: 48%; }
.friendlinkcontent ul li { background-color: rgb(37,40,48); color: rgb(137,140,148); height: 25px; line-height: 25px; transition: 0.2s ease; }
.friendlinkcontent ul li:hover { background-color: #f12929; color: rgb(255,255,255); }
.friendlinkcontent ul li:nth-child(2n) { background-color: rgb(47,50,58); color: rgb(147,150,158); }

.footer { margin: 10px 1px 0 1px; background-color: #f12929; color: rgb(255,255,255); padding: 10px; font-size: 13px; }

#topher { position: fixed; right: 20px; bottom: 20px; display: block; width: 44px; height: 44px; cursor: pointer; }
#topher a { display: block; }
#topher a img { background-color: transparent; }












@media screen and (min-width: 400px) {
#player, .hidden { height: 300px; }
.hidden { display: block; }
.adv-ghost { width: 310px; margin: -125px 0 0 -155px; }
}

@media screen and (min-width: 500px) {
#player, .hidden { height: 350px; }
}


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

.taglist .tagcolumn { width: 31%; }
#player, .hidden { height: 400px; }
}

@media screen and (min-width: 620px) {
.adv-ghost { width: 620px; margin: -125px 0 0 -305px; }
.adv-ghost .secnd { display: inline-block; }
.adv_2 { display: inline-block; }
.advcolumn .two { display: inline-block; }
}

@media screen and (min-width: 700px) {
#player, .hidden { height: 450px; }
}

@media screen and (min-width: 800px) {
#player, .hidden { height: 500px; }
}

@media screen and (min-width: 900px) {
#player, .hidden { height: 550px; }
.advcolumn .three { display: none; }
}






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

h1, h2 { text-align: left; }

#header { width: 968px; height: 40px; padding: 5px 0; overflow: hidden; }
#header .logo { display: block; float: left;  margin: 0 0 0 1px; }
#header .menu { display: block; float: left; margin: 0 0 0 20px; padding: 3.5px 0 0 0; }
#header .menu li { display: block; float: left; margin: 0 10px 0 0; }
#header .search { display: block; float: right;  margin: 3.5px 1px 0 0; }

#content, .taglist { width: 968px; }

.breads { overflow: hidden; margin: 10px 1px 0 1px; }
.breads ul { overflow: hidden; }
.breads li { display: block; float: left; margin: 0 10px 0 0; }

.description-page { text-align: justify; }

.taglist .tagcolumn { width: 159px; margin: 2px 1px 0 1px; }

.friendlinkcontent { padding-top: 8px; }
.friendlinkcontent ul { margin: 2px 1px 0 1px; width: 240px; }

.video-tube { width: 966px; overflow: hidden; }
.advcolumn { float: right; width: 300px; }
.advcolumn .adv { display: block; margin: 0 0 2px 0; }
.advcolumn .two { display: block; }
.advcolumn .three { display: none; }


.video { float: left; width: 656px; }
#player, .hidden { height: 400px; }

.adv-ghost { width: 310px; margin: -125px 0 0 -155px; }
.adv-ghost .secnd { display: none; }

.adv_3 { display: inline-block; }

}

@media screen and (min-width: 1225px) {
#header { width: 1210px; }
#content, .taglist { width: 1210px; }
.taglist .tagcolumn { width: 199px; }
.friendlinkcontent ul { width: 300px; }

.video-tube { width: 1208px; }
.video { width: 896px; }
#player, .hidden { height: 520px; }

.adv-ghost { width: 620px; margin: -125px 0 0 -305px; }
.adv-ghost .secnd { display: inline-block; }

.adv_4 { display: inline-block; }
.advcolumn .three { display: block; }
}

@media screen and (min-width: 1460px) {
#header { width: 1452px; }
#content, .taglist { width: 1452px; }
.taglist .tagcolumn { width: 240px; }
.friendlinkcontent ul { width: 361px; }

.video-tube { width: 1450px; }
.video { width: 1145px; }
#player, .hidden { height: 680px; }

.adv_5 { display: inline-block; }
}