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

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

body { background-color: rgb(213,63,98); color: rgb(125,124,128); font-family: 'Arial', sans-serif; font-size: 10px; }

img { display: block; border: 0 none; }

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

h1 { background-color: rgb(213,63,98); color: rgb(255,255,255); display: block; font-weight: normal; font-size: 14px; line-height: 22px; margin: 20px 1px 10px 1px; font-weight: bold; }
h2 { border-top: 1px solid rgb(253,139,166); color: rgb(255,255,255); display: block; font-weight: normal; font-size: 24px; line-height: 30px; margin: 20px 1px 0 1px; padding-top: 20px; padding-bottom: 12px; }
.newpcs { float: left; color: rgb(255,255,255); display: block; font-weight: normal; font-size: 17px; line-height: 17px; margin: 28px 11px 0 5px; text-transform: uppercase; }
.newpcs a { color: rgb(55,15,15); font-weight: bold; font-size: 18px; line-height: 7px; margin: 8px 11px 0 25px; text-transform: uppercase; }

h3 { color: rgb(5,49,109); font-weight: normal; margin: 20px 5px 0 5px; border-radius: 5px 5px 0 0; padding: 10px; font-size: 42px; line-height: 24px; }
h3 a { color: rgb(0,0,0); text-decoration: none; transition: 0.2s ease; }

strong { color: rgb(255,255,255); display: block; font-weight: normal; font-size: 25px; line-height: 22px; margin: 20px 1px 10px 1px; font-weight: bold; }

.head-bl { background-color: rgb(255,255,255); background: linear-gradient(to bottom,rgb(253,139,166),rgb(255,255,255)); }
.head { overflow: hidden; margin: 0 auto; padding: 0 0 10px 0; text-align: center; }
.logo { display: inline-block; vertical-align: top; margin: 10px 5px 0 5px; }
.logo a { background-image: url(../images/logo.png); background-repeat: no-repeat; display: block; width: 240px; height: 32px; }

.search { width: 96%; margin: 0px 2% 0 2%; line-height: 10px;}
.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 Condensed', sans-serif; float: left; transition: 0.2s ease; }
.search input { background-color: rgb(240,240,240); color: rgb(40,40,40); width: 79%; outline: none; border-radius: 16px; font-size: 16px; }
.search input:focus { background-color: rgb(250,250,250); }
.search button { background-color: rgba(255,255,255,0.3); width: 20%; color: rgb(255,255,255); text-transform: uppercase; font-weight: bold; cursor: pointer; margin-left: 1%; border-radius: 3px; }
.search button:hover { background-color: rgb(18,120,229); color: rgb(255,255,255); }

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

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

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

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

.thumb { background-color: rgb(255,255,255); border: 1px solid rgb(220,220,220); transition: border-color 0.2s ease; font-size: 11px; display: inline-block; vertical-align: top;  text-transform: uppercase;text-align: left; margin: 3px 3px 3px 3px; width: 240px; height: 417px; overflow: hidden; position: relative; }
.thumb img { background-color: rgb(255,255,255); }
.thumb:hover { border-color: rgb(0,0,0); background-color: rgb(253,139,166);}
.thumb-tube { background-color: rgba(0,0,0,0.7); color: rgb(185,185,185); display: none; position: absolute; top: 1px; right: 1px; height: 20px; line-height: 20px; overflow: hidden; padding: 0 5px; font-size: 10px; }
.thumb-tube a { text-decoration: underline; color: rgb(255,255,255); }
.thumb:hover .thumb-tube { display: block; }
.thumb-tube a:hover { text-decoration: none; color: rgb(78,180,255); }
.thumb img { width: 240px; height: 347px; }
.thumb-link { transition: none; display: block; }
.thumb-title { display: block; transition: 0.2s ease; position: absolute; left: 0; bottom: 30px; width: 220px; font-weight: bold; font-size: 12px; overflow: hidden; height: auto; line-height: 40px; max-height: 40px; padding: 0 10px; }
.thumb-link:hover .thumb-title { background-color: rgb(18,120,229); background: linear-gradient(to bottom,rgb(78,180,255),rgb(0,100,209)); color: rgb(255,255,255); line-height: 20px; padding: 10px; }

.thumb-tags { margin: 40px 10px 0 10px; border-top: 1px solid rgb(255,255,255); box-shadow: 0 -1px 0 0 rgb(225,225,225); font-style: italic; overflow: hidden; height: 30px; line-height: 30px; }
.thumb-tags a { text-decoration: underline; }
.thumb-tags a:hover { text-decoration: none; }

.thumb-cat { height: 368px; }
.thumb-cat .thumb-title { position: static; height: 23px; line-height: 23px; max-height: 23px; font-size: 11px; transition: none; text-align: center; }
.thumb-cat:hover .thumb-title { background: none; color: rgb(255,255,255); max-height: 23px; padding: 0 10px; line-height: 23px; }

.thumb-cat-gal { height: 347px; }
.thumb-cat-gal .thumb-title { position: static; height: 23px; line-height: 23px; max-height: 23px; font-size: 11px; transition: none; text-align: center; }
.thumb-cat-gal:hover .thumb-title { background: none; color: rgb(255,255,255); max-height: 23px; padding: 0 10px; line-height: 23px; }

.pages { margin: 12px 0 0 0; font-size: 0; }
.pages span, .pages a { font-size: 12px; border-radius: 20px; display: inline-block; vertical-align: top; margin: 10px 3px 0 3px; height: 40px; line-height: 40px; text-align: center; min-width: 30px; padding: 0 5px; }
.pages a { background-color: rgb(240,240,240); border: 1px solid rgb(220,220,220); }
.pages a:hover { background-color: rgb(18,120,229); color: rgb(255,255,255); }
.pages span { background-color: rgb(48,48,67); color: rgb(255,255,255); }
.pages a span { display: inline; background-color: inherit; margin: 0; padding: 0; color: inherit; }
.pages span.dotted { background: none; padding: 0; color: rgb(130,130,130); }

.popular-categories { font-size: 0; padding: 0; text-align: center; }
.popular-categories ul { display: inline-block; vertical-align: top; margin: 0 1%; width: 48%; font-size: 11px; }
.popular-categories li { margin: 5px 0 0 0; }
.popular-categories li a { border-radius: 3px; color: rgb(255,255,255); border: 1px solid rgb(253,139,166); font-weight: bold; display: block; overflow: hidden; height: 40px; line-height: 40px; padding: 0 10px; overflow: hidden; }
.popular-categories li a:hover { background-color: rgb(253,139,166); color: rgb(255,255,255); }
.popular-categories li a span { display: block; float: left; height: 20px; line-height: 20px; margin: 10px 0; }


.friends-links { border: 1px solid rgb(253,139,166); margin: 1px 1px 0 1px; font-size: 0; padding: 7px 0; }
.friends-links ul { display: inline-block; vertical-align: top; margin: 0; width: 48%; font-size: 11px; margin: 0 1%; }
.friends-links li { height: 30px; line-height: 30px; border: 1px solid rgb(253,139,166); box-shadow: 3px rgb(255,255,255); margin: 5px 0;}
.friends-links li a { display: block; color: rgb(255,255,255); padding-left: 5px;}
.friends-links li a:hover { background-color: rgb(253,139,166); color: rgb(255,255,255); padding-left: 7px; }
.friends-links li a span { color: rgb(18,120,229); }

.friends-links-top { margin: 1px 1px 0 1px; font-size: 0; padding: 0px 0; }
.friends-links-top  ul { display: inline-block; vertical-align: top; margin: 0; width: 20%; font-size: 11px; margin: 0 1px; }
.friends-links-top  li { height: 20px; line-height: 20px; border: 1px solid rgb(253,139,166); margin: 0px 0;}
.friends-links-top  li a { display: block; color: rgb(255,255,255); padding-left: 5px;}
.friends-links-top  li a:hover { background-color: rgb(253,139,166); color: rgb(255,255,255); padding-left: 7px; }

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

.footer-bl { background-color: rgb(253,139,166); box-shadow: inset 0 5px 15px -7px rgb(110,110,110); text-align: center; clear: both; margin: 20px 0 0 0; text-transform: uppercase; }
.footer { padding: 20px 5px; }
.footer span { color: rgb(0,0,0); font-weight: bold; }

.scroll-top { background-color: rgba(48,48,67,0.7); color: rgb(255,255,255);  display: none; position: fixed; right: 10px; bottom: 50px; width: 30px; height: 30px; line-height: 40px; border-radius: 20px;  text-align: center; font-size: 23px; }
.scroll-top:hover { background-color: rgb(0,0,0); color: rgb(255,255,255); }

@media screen and (min-width: 600px) {
.popular-categories ul { width: 31%; }
.friends-links ul { width: 31%; }
.friends-links-top ul { width: 15%; }
.h-bn-3 { display: inline-block; }
.h-bn-4 { display: inline-block; }
}

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

@media screen and (min-width: 1005px) {
.head { width: 974px; padding: 0px 0; overflow: hidden; height: 52px; }
.logo { display: block; float: left; margin: 0; }
.head-r-bl { float: right; overflow: hidden; }
.search { width: 690px; display: block; float: left; margin: 0 0 0 10px; }
.search form { width: 490px; }
.share-bl { display: block; float: left; margin: 0; margin-top: -1px; }

.content { width: 1001px; }

.popular-categories ul { width: 160px; margin: 0 1px; font-size: 11px; text-align: left;  }
.friends-links ul { width: 152px; text-align: left; margin: 0 5px; }
.friends-links-top ul { width: 152px; text-align: left; margin: 0 0px; }
.h-bn-3 { display: inline-block; }
.h-bn-4 { display: inline-block; }
}




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

.head { width: 1240px; }

.content { width: 1250px; }

.popular-categories ul { width: 206px; font-size: 12px; }
.friends-links { padding: 10px 0; }
.friends-links ul { width: 196px; font-size: 12px; }
.friends-links-top { padding: 0px 0; }
.friends-links-top ul { font-size: 13px; }