body
{ background-color: rgb(20,25,40); }

.header, .header-menu, .thumb a, .pagination nav a, .pagination nav span, .model-info figure, .post, .post-body, .footer
{ background-color: rgb(40,45,60); }

.text-block a.as-button, .text-block a.as-button.as-alt:hover, .thumb figure, .th-tags, .post-thumbs figure, a.view-post, a.view-post.view-alt:hover
{ background-color: rgb(60,65,80); }

.header, .search-input, .thumb a, .pagination nav a, .pagination nav span, .model-info figure, .post, .post-thumbs figure, .post-body, .footer
{ border-color: rgb(60,65,80); }

body, input::placeholder, .footer-links a
{ color: rgb(180,185,200); }

a:hover, a.logotype span, .search button:hover, .header-menu a.active, .text-block a, .post p a, .text-block a.as-button.as-alt:hover, .pagination p span, a.view-post, a.view-post.view-alt:hover, .big-nf-icon
{ color: rgb(130,195,230); }

#scroll-top, .text-block a.as-button:hover, .text-block a.as-button.as-alt, a.th-tag:hover, .pagination nav a.active, .pagination nav a:hover, a.view-post:hover, a.view-alt
{ background-color: rgb(80,145,180); color: rgb(255,255,255); }

.thumb figure:before, .pagination nav a:hover, .pagination nav a.active, .player:before
{ border-color: rgb(80,145,180); }

a, h1, h2, h3, a.logotype, .menu-btn, input, .search button, strong, .text-block p span, .footer-links a:hover, .player:before
{ color: rgb(240,245,250); }

a.th-tag, .search-input, .cover
{ background-color: rgba(0,2,5,0.8); }

@font-face{font-family: 'Red Hat Display'; font-weight: normal; font-style: normal; src: url(../fonts/font/RedHatDisplay-Regular.ttf) format("truetype"); font-display: swap; }
@font-face{font-family: 'Red Hat Display'; font-weight: bold; font-style: normal; src: url(../fonts/font/RedHatDisplay-Bold.ttf) format("truetype"); font-display: swap; }
@font-face{font-family: 'Line Awesome Free'; font-weight: 900; src:url(../fonts/iconfont/la-solid-900.woff2) format("woff2"); font-display:swap; }

body,html,div,p,a,ul,li,input,button,form,header,main,article,section,footer,aside,figure,textarea,span,img,h1,h2,h3 { margin: 0; padding: 0; }
header, article, aside, section { display: block; }

body, input { font-family: 'Red Hat Display', Arial, sans-serif; }

:after, :before { font-family: 'Line Awesome Free'; display: inline-block; vertical-align: top; font-weight: bold; height: inherit; line-height: inherit; text-rendering: optimizeLegibility !important; }

li { list-style-type: none; }

img { display: block; }

a { text-decoration: none; }

h1 { font-weight: bold; font-size: 24px; line-height: 30px; margin: 20px 10px 0 10px; text-align: center; }
h2 { font-weight: bold; margin: 50px 10px 0 10px; font-size: 22px; line-height: 28px; text-align: center; }
h3 { font-weight: bold; margin: 20px 10px 0 10px; font-size: 18px; line-height: 24px; text-align: center; }


.header { height: 50px; position: relative; z-index: 99999; overflow: visible; border-bottom-width: 1px; border-bottom-style: solid; }
.header .content { overflow: visible; }

.logotype { margin: 10px 10px 0 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-weight: bold; text-transform: uppercase; display: block; float: left; height: 30px; line-height: 30px; font-size: 18px; }

.menu-btn { background: none; border: 0 none; float: right; width: 40px; height: 40px; line-height: 40px; font-size: 24px; cursor: pointer; margin: 5px 10px 0 0; display: block; text-align: center; }
.menu-btn:before { content: '\f0c9'; display: block; height: inherit; line-height: inherit; }
.menu-btn.active:before { content: '\f00d'; }

.header-menu { display: none; overflow: hidden; box-shadow: 0 5px 15px -7px rgb(0,0,0); max-width: 360px; position: absolute; top: 51px; right: 0; z-index: 99999; padding: 0 20px 20px 20px; }

.header nav {  overflow: hidden; padding-top: 5px; }
.header nav a { margin-top: 10px; font-size: 14px; height: 30px; line-height: 30px; text-transform: uppercase; overflow: hidden; display: block; font-weight: bold; }
.header nav a:before { float: left; margin-right: 3px; font-size: 18px; width: 20px; }

.home:before { content: '\f015'; }
.tags:before { content: '\f02c'; }
.searches:before { content: '\f002'; }
.popular:before { content: '\f06d'; }

.search { overflow: hidden; padding-top: 15px; }
.search form { position: relative; overflow: hidden; }
.search-input { border-radius: 6px; border-style: solid; border-width: 1px; overflow: hidden; height: 38px; line-height: 38px; padding: 0 40px 0 15px; }
.search input { background: none; border: 0 none; width: 100%; outline: 0 none; font-size: 14px; height: inherit; line-height: normal; text-align: left; }
.search button { background: none; overflow: hidden; position: absolute; top: 5px; right: 5px; border: 0 none; cursor: pointer; outline: 0 none; width: 30px; font-size: 20px; height: 30px; line-height: 30px; }
.search button:before { content: "\f002"; }



.wrapper { position: relative; overflow: hidden; clear: both; min-height: 700px; }

.content { overflow: hidden; min-width: 320px; max-width: 870px; margin: 0 auto; }

.text-block h2 { margin-top: 20px; }
.text-block p { margin: 20px 10px 0 10px; font-size: 15px; line-height: 26px; text-align: justify; }
.text-block a { text-decoration: underline; }
.text-block a:hover { text-decoration: none; }
.text-block a.as-button { display: inline-block; vertical-align: top; height: 24px; line-height: 24px; margin: 1px 0; border-radius: 4px; padding: 0 7px; text-decoration: none; overflow: hidden; }
.text-block a.as-button:before { float: left; font-size: 16px; width: 16px; margin-right: 1px; }
.text-block a.as-button.as-tag { padding-left: 5px; }
a.as-tag:before { content: '\f02b'; }

.thumbs-list { overflow: hidden; padding: 10px 5px 0 5px; }

.thumb { overflow: hidden; display: block; float: left; width: 50%; text-align: center; position: relative; }
.thumb a { overflow: hidden; border-radius: 6px; border-width: 1px; border-style: solid; margin: 10px 5px 0 5px; display: block; }
.thumb figure { border-radius: 6px 6px 0 0; position: relative; overflow: hidden; padding-bottom: 100%; }
.thumb figure:before { content: ''; height: 22px; width: 22px; position: absolute; top: 50%; left: 50%; margin: -15px 0 0 -15px; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top-width: 4px; border-top-style: solid; border-bottom-width: 4px; border-bottom-style: solid; border-bottom-color: inherit; border-radius: 50%; animation: spinner 1s linear infinite; }
.thumb img { border-radius: 6px 6px 0 0; position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: 2; }
.thumb p { overflow: hidden; height: 35px; line-height: 35px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; padding: 0 10px; font-size: 15px; }

a.th-tag { text-shadow: 1px 1px 0 rgba(0,0,0,0.7); overflow: hidden; height: 25px; line-height: 25px; font-size: 13px; padding: 0 7px; margin: 0; border: 0 none; position: absolute; max-width: 80%; z-index: 3; bottom: 40px; left: 10px; white-space: nowrap; text-overflow: ellipsis; }
a.th-tag:hover { text-shadow: none; }
a.th-tag:before {content: '\f02b'; float: left; font-size: 15px; width: 15px; margin-right: 1px; }

@keyframes spinner { from {transform: rotate(0deg);} to { transform: rotate(360deg); }}


.pagination { overflow: hidden; padding: 0 5px; text-align: center; }
.pagination p { margin: 5px 5px 0 5px; font-size: 14px; line-height: 20px; }
.pagination p span { font-weight: bold; }
.pagination nav { overflow: hidden; padding: 6px 3px 0 3px; font-size: 0; }
.pagination nav a, .pagination nav span { text-align: center; border-radius: 4px; border-width: 1px; border-style: solid; display: inline-block; vertical-align: top; min-width: 20px; height: 30px; line-height: 30px; padding: 0 5px; font-size: 14px; margin: 4px 2px 0 2px; }
.pagination nav .prev:before { content: "\f30a"; font-size: 24px; width: 24px; }
.pagination nav .next:after { content: "\f30b"; font-size: 24px; width: 24px; }

.pagination-bottom { padding-top: 35px; }
.model-posts h2, .model-posts .pagination { text-align: left; }

.model-info { overflow: hidden; }
.model-info figure { float: left; width: 160px; height: 160px; display: block; margin: 20px 20px 0 10px; border-radius: 6px; border-width: 1px; border-style: solid; }
.model-info figure img { width: 160px; height: 160px; border-radius: 6px; }
.model-info h1 { text-align: left; }
.model-name { font-weight: bold; font-size: 24px; line-height: 30px; margin: 20px 10px 0 10px; display: block; }

.post { border-radius: 6px; border-width: 1px; border-style: solid; overflow: hidden; margin: 20px 10px 0 10px; padding: 0 10px 10px 10px; }
.post h3 { text-align: left; margin: 10px 0 0 0; }

.post-thumbs { overflow: hidden; }
.post-thumbs figure { float: left; width: 145px; height: 145px; display: block; margin: 10px 10px 0 0; border-radius: 6px; border-width: 1px; border-style: solid; }
.post-thumbs figure img { width: 100%; height: 100%; object-fit: cover; border-radius: 6px; }

.post p { text-align: justify; margin-top: 10px; font-size: 14px; line-height: 22px; }
.post p a { text-decoration: underline; }
.post p a:hover { text-decoration: none; }

.post-date { display: block; float: left; height: 30px; line-height: 30px; font-style: italic; font-size: 14px; overflow: hidden; margin: 10px 20px 0 0; padding-right: 5px; }
.post-date:before { content: "\f133"; font-size: 20px; width: 20px; margin-right: 3px; font-style: normal; }

a.view-post { display: block; float: left; height: 30px; line-height: 30px; border-radius: 4px; padding: 0 10px; font-size: 14px; overflow: hidden; margin: 10px 20px 0 0; }
a.view-post:before { content: "\f06e"; font-size: 20px; width: 20px; margin-right: 3px; float: left; }
a.view-post:after { content: "\f35a"; font-size: 20px; width: 20px; margin-left: 5px; float: right; }

.post-wrap { overflow: hidden; }
.post-wrap h1 { text-align: left; }
.post-wrap .post-date { margin-left: 10px; float: none; }

.post-body { overflow: hidden; margin: 20px 10px 0 10px; border-radius: 6px; border-width: 1px; border-style: solid; padding: 0 10px 10px 10px; text-align: center; }
.post-body img { margin-top: 10px; max-width: 100%; height: auto; display: inline-block; vertical-align: top; border-radius: 5px; }

.player-wrap { overflow: hidden; margin-top: 10px; }
.player-limited { max-width: 900px; margin: 10px auto 0 auto; }
.player { background-color: rgb(0,0,0); position: relative; overflow: hidden; padding-top: 56.25%; border-radius: 5px; }
.player:before { content: ''; height: 42px; width: 42px; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top-width: 4px; border-top-style: solid; border-bottom-width: 4px; border-bottom-style: solid; border-bottom-color: inherit; border-radius: 50%; animation: spinner 1s linear infinite; }
.player iframe, .player video, .player source, .fluid_video_wrapper { border: 0 none !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; z-index: 10 !important; border-radius: 5px; }

.ad-cont {
    display: flex;
    justify-content: center;
    padding: 12px 0;
}

.footer { border-top-width: 1px; border-top-style: solid; font-size: 14px; line-height: 24px; margin-top: 40px; overflow: hidden; text-align: center; position: relative; padding: 30px 0 40px 0; }
.footer p { margin: 10px 10px 0 10px; }  

.footer-links { padding: 10px 8px 0 8px; font-size: 0; }
.footer-links a { text-decoration: underline; display: inline-block; vertical-align: top; margin: 4px 10px 0 10px; font-size: 14px; line-height: 24px; }
.footer-links a:hover { text-decoration: none; }

#scroll-top { border-radius: 6px; border: 0 none; overflow: hidden; opacity: 0.9; position: fixed; z-index: 20000; right: 10px; bottom: 10px; cursor: pointer; display: none; width: 40px; height: 40px; line-height: 40px; font-size: 24px; text-align: center; }
#scroll-top:before { content: '\f106'; display: block; height: inherit; line-height: inherit; font-weight: 900; }
#scroll-top:hover { opacity: 1; }
#scroll-top.circle-radius { border-radius: 50%; }

.cover { display: none; position: fixed; z-index: 89999; top: 0; left: 0; width: 100%; height: 100%; }

.big-nf-icon { width: 200px; height: 200px; margin: 20px auto 0 auto; font-weight: bold; font-size: 200px; display: block; text-align: center; }
.big-nf-icon:before { content: '\f119'; }

@media all and (min-width:400px) {
    .post-thumbs figure, .post-thumbs figure img { width: 160px; height: 160px; }
}

@media all and (min-width:460px) {
    .logotype { font-size: 22px; }
    .thumb { width: 33.3333%; }
}

@media all and (min-width:640px) {
    .logotype { font-size: 24px; }
    .thumb { width: 25%; }
}

@media all and (min-width:800px) {
    .thumb { width: 20%; }
}

@media all and (min-width:880px) {
    h1, .model-name { font-size: 28px; line-height: 34px; }
    h2 { font-size: 24px; line-height: 30px; }
    h3 { font-size: 20px; line-height: 26px;}

    a, .search button, button.submit, #scroll-top { transition: 0.1s ease; }
    .header { overflow: hidden; height: 50px; padding-bottom: 10px; }
    .header-content { overflow: hidden; }
    .logotype { height: 40px; line-height: 40px; margin-right: 40px; }
    .menu-btn { display: none; }
    .header-menu { display: block !important; position: static; overflow: visible; background: none; padding: 10px 0 0 0; box-shadow: none; max-width: 100%; }
    .header nav { float: left; padding: 0; overflow: hidden; }
    .header nav a { height: 40px; line-height: 40px; float: left; margin: 0 30px 0 0; }
    .search { padding: 0 10px 0 10px; }
    .thumb { width: 172px; }
    .footer { margin-top: 60px; padding: 20px 0 30px 0; }  
    #scroll-top { right: 20px; bottom: 20px; width: 50px; height: 50px; line-height: 50px; font-size: 26px; }
    .cover { display: none !important; }
}

@media all and (min-width:1062px) {
    .content { width: 1042px; max-width: 100%; }
}

@media all and (min-width:1234px) {
    .content { width: 1214px; }
}

@media all and (min-width:1406px) {
    .content { width: 1386px; }
}

@media all and (min-width:1578px) {
    .content { width: 1558px; }
}

@media all and (min-width:1750px) {
    .content { width: 1730px; }
}


@media all and (max-width:1020px) {* { -webkit-tap-highlight-color: transparent; -webkit-focus-ring-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}}