/*
Theme Name: MioHentai
Description: MioHentai is a multi-purpose, HTML5 and CSS3 WordPress theme. It lets you choose between 1, 2 or 3 column layouts while offering independent template layouts for pages. The theme's responsive design makes it compatible with a wide variety of devices and screen resolutions. Frontier is easy to customize through its wide array of options that are simple and easy to understand. It has a lot of strategically placed Widget Areas and Action Hooks that helps achieve a higher level of customization. Theme features include favicons, logos, header images, color options, custom css, a simple image slider, rtl support and a whole lot more. Frontier accomplishes all this while maintaining a minimal file size for a fast and efficient WordPress experience.
Author: MioHentai
Author URI: https://miohentai.com/
Version: 2.2
Text Domain: miohentai
Tags: black, blue, white, dark, light, one-column, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, microformats, translation-ready, rtl-language-support

--------------------------------------------- */

html, body, h1, h2, h3, h4, h5, h6, p, img, ul, ol, li, form, fieldset{border:none;margin:0;padding:0;list-style:none;vertical-align:baseline;}
html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*,
*:before,
*:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;}
@font-face {
  font-display: swap;
  font-family: Whitney;
  font-weight: 300;
  src: url(fonts/whitney-300.woff) format("woff")
}
@font-face {
  font-display: swap;
  font-family: Whitney;
  font-weight: 400;
  src: url(fonts/whitney-400.woff) format("woff")
}
body{background-color:#303030;
color:#fff;
font-family: Whitney;
font-weight: 400;
font-size: 16px;
line-height:1.5;}
article, aside, details, figcaption, figure, footer, header, nav, section, summary{display:block;}
embed, iframe, object, video{max-width:100%;}
h1{font-size:24px;font-size:1.500rem;}
h2{font-size:22px;font-size:1.375rem;}
h3{font-size:20px;font-size:1.250rem;}
h4{font-size:18px;font-size:1.125rem;}
h5{font-size:16px;font-size:1.000rem;}
h6{font-size:14px;font-size:0.875rem;}
h1, h2, h3, h4, h5, h6{clear:both;font-family:'Whitney', sans-serif;font-weight:inherit;line-height:1.2;}
a{color:#0E4D7A;cursor:pointer;text-decoration:none;}
a:hover{color:#d25c5c;}
pre{background-color:#F0F0F0;border:1px solid #AAA;margin:8px 0;padding:8px;overflow:auto;-ms-word-wrap:normal;word-wrap:normal;}
pre, code{font-size:13px;font-size:0.813rem;line-height:1.55;}
blockquote{background-color:#EDEDED;border-left:6px solid #687888;margin:20px;padding:10px 14px 2px;font-style:italic;}
blockquote cite{display:block;margin-top:8px;text-align:right;font-style:normal;font-size:small;}
dl{padding-left:20px;}
dt{font-weight:bold;}
dd{margin:0 0 10px;}
table{width:98%;border-collapse:collapse;margin:10px auto;}
th{background-color:#DDD;font-weight:normal;}
th, td{border:1px solid #AAA;font-size:14px;font-size:0.875rem;}
ul, ol{margin-top:4px;margin-bottom:8px;}
ul ul, ol ol{padding-left:15px;}
li{margin-top:4px;margin-bottom:4px;margin-left:15px;margin-right:0;}
address{margin-bottom:10px;}
.cf:after{clear:both;content:"";display:table;}
#top-bar{background-color:#222;border-bottom:1px solid #000;padding:4px;min-height:34px;width:100%;}
#top-bar-info{float:left;margin-top:2px;}
#site-title, #site-description{display:inline-block;margin-right:4px;line-height:1;vertical-align:bottom;}
#site-title{font-size:20px;}
#site-title a{color:#DC8300;}
#site-description{color:#CCC;font-size:15px;}
#header{background-color:#FFF;background-position:center;border-bottom:1px solid #000;width:100%;height:72px;}
#header-logo{display:inline-block;}
#header-logo, #header-logo img{max-width:100%;float:left;}
#below-menu{width:100%;}
#main{background-color:#F5F5F5;width:100%;}
#content{display:inline-block;padding:10px 5px;}
.sidebar{display:inline-block;float:left;padding:10px 0;}
#footer{width:100%; clear:both; position: relative;}
#bottom-bar{background-color:#222222;color:#c7c7c7;width:100%;min-height:34px;text-shadow:0 0 2px #000;}
#bottom-bar a{color:#DC8300;}
#bottom-bar-text{float:left;padding:6px 8px;}
#theme-link{float:right;margin:6px 10px;font-family:'Whitney', sans-serif;font-size:15px;}
#theme-link a{color:#CCC;}
#theme-link a:hover{color:#DC8300;}
.col-c #content, #content.no-sidebars{width:100%;max-width:100%;}
.col-sc #content{float:right;}
.col-ssc #content{float:right;}
.col-css #content{float:left;}
.col-scs #sidebar-left{float:left;margin-right:0;}
.col-scs #sidebar-right{float:right;margin-left:-4px;}
.page-template-page-sc-php #main #content{float:right;}
.page-template-page-cs-php #main #content{float:left;}
.page-template-page-scs-php #main #content{float:none;}
.page-template-page-scs-php #main #sidebar-left{float:left;margin-right:0;}
.page-template-page-scs-php #main #sidebar-right{float:right;margin-left:-4px;}
#nav-main{background-color:#2A5A8E;width:100%;padding-left:0px;line-height:1.2;display:table;}
#nav-main *{-webkit-transition:all 0.14s ease-out;-moz-transition:all 0.14s ease-out;transition:all 0.14s ease-out;}
#nav-main ul, #nav-main li, #nav-top ul, #nav-top li{margin:0;padding:0;list-style:none;}
#nav-main .nav-main{position:relative;display: table-row-group;border-left:1px solid #023266;border-right:1px solid #4878AC;z-index:300;}
#nav-main .nav-main li{position:relative;}
#nav-main .nav-main > li, #nav-main .nav-main > ul > .page_item{display: table-cell;}
#nav-main .nav-main > li > a, #nav-main .nav-main > ul > .page_item > a{min-width:80px;text-align:center;}
#nav-main .nav-main a{display:block;padding:10px 14px;color:#FFF;font-family:'Whitney', sans-serif;font-size:16px;text-shadow:0 0 2px #222;}
#nav-main .nav-main a:hover{background-color:#FFF;color:#000;text-shadow:none;}
#nav-main .menu-item-has-children > a:after,
#nav-main .page_item_has_children > a:after{font-family:"Genericons";content:"\f431";vertical-align:top;padding-left:4px;}
#nav-main .sub-menu, #nav-main .children{background-color:#2B2B2B;position:absolute;float:left;width:180px;border:1px solid #000;box-shadow:0 1px 4px #000;z-index:990;display:none;}
#nav-main .sub-menu li, #nav-main .children li{border-top:1px solid #3B3B3B;border-bottom:1px solid #000;}
#nav-main .sub-menu li:first-child,
#nav-main .children li:first-child{border-top:none;}
#nav-main .sub-menu li:last-child,
#nav-main .children li:last-child{border-bottom:none;}
#nav-main .sub-menu a, #nav-main .children a{float:left;width:178px;padding:10px 14px;font-size:15px;}
#nav-main .sub-menu .sub-menu, #nav-main .children .children{top:-1px;}
#nav-main li:hover > ul{display:inline;}
#nav-main .drop-toggle{display:none;}
#nav-main .genericon-menu{color:#FFF;font-size:30px;height:auto;padding:5px 10px;width:auto;}
#nav-top{float:right;}
#nav-top .nav-top, #nav-top .nav-top li{float:left;}
#nav-top .nav-top a{display:block;margin-top:2px;padding:0 18px;color:#FFF;font-family:'Whitney', sans-serif;font-size:14px;}
.section-title h4 {
    text-transform: none;
    font-size: 32px;
    font-weight: 300;
    line-height: 1.5;
}
.section-title h5 {
    text-transform: none;
    font-size: 24px;
    font-weight: 300;
    line-height: 1.5;
}
.header-intro-icon {
    text-align: center;
    font-size: 40px;
    padding: 28px 0 10px;
    color: #e74e4e; 
}
.header-intr-title {
    clear:both;
    text-align:center;
    padding:10px 0 30px;
    color:#d2d2d2;
    max-width:712px;
    margin:0 auto;
    font-size:34px;
}
.header-intr-desc {
    clear:both;
    text-align:center;
    color:#fff;
    max-width:680px;
    margin:0 auto;
    font-size:20px;
}
.header-intr-desc strong {
    color: #e74e4e;
}
.related-post .entry-header {
    height: 94px;
    padding: 0;
}
.related-post .entry-title h3 {
    font-size: 14px;
}
.related-post .entry-views {
    font-size: 14px;
}
@media screen and (max-width: 460px) {
    .header-intr-title {
    font-size:24px;
}
    .header-intr-desc {
        font-size:18px;
    }
}
.blog-view, .single-view, .author-info, .archive-info {background-color:#212121;box-shadow:0 0 2px #333;margin:0 0 10px;padding:0 10px;-ms-word-wrap:break-word;word-wrap:break-word;}
.archive-title{color:#fff;}
.archive-title span{color:#fff;}
.archive-description{padding:13px 10px;color:#c1c1c1;font-size:16px;background:#383838;}
.form-404 h2{border-bottom:2px dotted #888;padding-bottom:10px;}
.form-404 p{margin:4px 0 10px;}
.blog-view.sticky{border-top:6px solid #222;}
.entry-header{position:relative;}
.entry-title{color: #f55151;line-height:1.2;text-align:center;overflow:hidden;}
.entry-title a{color:#303030;}
.sticky .entry-title:before{font-family:"Genericons";vertical-align:top;padding-right:4px;display:inline-block;}
.entry-byline *{line-height:20px;}
.entry-author,
.entry-date,
.entry-categories,
.entry-comment-info{float:left;margin-right:10px;}
.single-view .entry-byline{margin-bottom:10px;}
.entry-thumbnail{float:left;padding-right:8px;}
.entry-thumbnail .post-thumbnail{display:table;background-color:#3e3e3e;padding:0;text-decoration:none;}
.entry-thumbnail img{float:left;width:268px;max-width:none;}
.continue-reading{background:#EEE;background:-moz-linear-gradient(top, #FBFBFB 0%, #E5E5E5 100%);background:-webkit-linear-gradient(top, #FBFBFB 0%, #E5E5E5 100%);background:linear-gradient(to bottom, #FBFBFB 0%, #E5E5E5 100%);display:inline-block;float:right;padding:2px 10px;color:#555;border:1px solid #CCC;border-radius:4px;}
.continue-reading:hover{border-color:#AAA;color:#333;}
.sticky .continue-reading{border-color:#AAA;}
.blog-view .entry-content{position:relative;padding-bottom:4px;font-family:'Whitney', sans-serif;font-size:14px;font-size:0.875rem;line-height:1.55;}
.single-view .entry-content{font-family:'Whitney', sans-serif;font-size:15px;font-size:0.938rem;line-height:1.6;}
.entry-footer{clear:both;}
.entry-updated{color:#555;font-size:11px;padding:2px 0;}
.entry-tags{padding:2px 0;margin:30px 10px 16px; display: flex;flex-wrap: wrap;}
.blog-nav, .post-nav{margin-bottom:10px;}
.blog-nav{padding:4px 0;}
.link-prev{float:left;font-size:14px;}
.link-next{float:right;font-size:14px;}
.link-prev a,
.link-next a{background-color:#FFF;display:inline-block;padding:2px 8px;border:1px solid #555;box-shadow:0 0 2px #333;color:#333;}
.link-prev a:hover,
.link-next a:hover{color:#333;}
.attachment-nav div a{background-color:#DDD;border:none;box-shadow:none;text-decoration:none;}
.page-nav, .comment-nav{display:block;padding:2px 0;font-family:'Whitney', sans-serif;font-size:13px;line-height:20px;}
.page-nav > *, .comment-nav > *{background-color:#2A5A8E;color:#FFF;display:inline-block;padding:2px 8px;border-radius:3px;}
.page-nav a, .comment-nav a{text-decoration:none;}
.page-nav a:hover, .comment-nav a:hover{color:#FFF;text-decoration:underline;}
.entry-content p, .comment-content p{margin:4px 0 12px;}
.entry-excerpt p{margin:0 0 4px;}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.comment-content h1,
.comment-content h2,
.comment-content h3,
.comment-content h4,
.comment-content h5,
.comment-content h6{clear:none;line-height:1.5;}
.entry-content li, .comment-content li{list-style-position:outside}
.entry-content ol > li,
.comment-content ol > li{list-style-type:decimal;}
.entry-content ol > li > ol > li,
.comment-content ol > li > ol > li{list-style-type:lower-alpha;}
.entry-content ol > li > ol > li > ol > li,
.comment-content ol > li > ol > li > ol > li{list-style-type:lower-roman;}
.entry-content th, .entry-content td, .comment-content th, .comment-content td{padding:8px 10px;}
img[class*="align"],
img[class*="wp-image-"],
.comment-content img{height:auto;max-width:100%;filter:grayscale(34%);}
.entry-content img, img[class*="attachment-"] {height:auto;max-width:100%;}
.wp-smiley{width:auto !important;border:none !important;padding:0 !important;}
.alignnone{margin-top:4px;margin-bottom:4px;}
.alignleft{float:left;margin:4px 8px 4px 0;}
.alignright{float:right;margin:4px 0 4px 8px;}
.aligncenter{display:block;margin:4px auto;}
.wp-caption{max-width:100%;}
.wp-caption img{width:100%;background-color:#EEE;border:1px solid #CCC;padding:4px;}
.wp-caption .wp-caption-text, .gallery-caption{margin:0;padding:0 5px;color:#555;font-size:12px;font-size:0.750rem;line-height:1.6;}
.gallery .gallery-item{margin-left:0;margin-right:0;margin-bottom:0;}
.gallery-item img{padding:4px;display:inline-block;border:1px solid #CCC !important;}
.gallery-item img:hover{background-color:#DDD;border:1px solid #AAA !important;}
.type-attachment .entry-content div.attachment{margin-bottom:10px;text-align:center;}
.sitemap-template .entry-content h3{margin-left:10px;}
.sitemap-template .entry-content ul{margin:8px 0 15px 10px;}
.sitemap-template .entry-content ul li{list-style:square inside;}
.author-info{padding:0;}
.author-info .title{background-color:#2A5A8E;color:#FFF;padding:4px 8px;text-shadow:1px 1px 2px #222;}
.author-avatar, .author-description{display:table-cell;padding:8px;vertical-align:top;}
.author-avatar img{display:block;}
.author-post-count{text-align:center;}
.author-latest-posts{background-color:#FFF;border:1px solid #555;box-shadow:0 0 2px #333;padding:8px;}
.author-latest-posts li{list-style:square inside;margin:4px 0 4px 4px;}
#comment-header, #respond, #no-comments, .comment-body{background-color:#2f2f2f;margin:0 0 10px;padding:8px;box-shadow:0 0 2px #333;}
#comment-header .title{display:inline-block;float:left;line-height:20px;}
#comment-header .respond-link{display:inline-block;float:right;}
#comment-header .respond-link a{display:inline-block;padding-left:8px;padding-right:8px;font-size:16px;font-weight:bold;line-height:22px;}
#comment-header .respond-link a:hover{text-decoration:underline;}
#comments .comment-list{padding-left:0;}
#comments .children{padding-left:30px;}
.comment-list .comment,
.comment-list .pingback,
.comment-list .trackback{list-style:none;margin:0 0 10px;}
.comment-author-admin > .comment-body, .bypostauthor > .comment-body{border-top:6px solid #2A5A8E;}
.comment-author,
.comment-author .avatar,
.comment-author .link{float:left;}
.comment-author .avatar{margin-left:-8px;margin-top:-8px;}
.comment-author .link{margin:6px 8px;font-size:15px;font-weight:bold;word-wrap:break-word;}
.comment-metadata{float:right;}
.comment-metadata a{color:#888;}
.comment-edit-link{background-color:#E0E0E0;color:#222;padding:2px 8px;}
.comment-awaiting-moderation{clear:right;display:inline-block;float:right;margin:8px;font-style:italic;}
.comment-content{clear:both;padding-top:4px;font-size:13px;font-size:0.813rem;line-height:1.55;}
.comment-content th, .comment-content td{font-size:13px;font-size:0.813rem;line-height:1.55;}
.comment-body .reply{margin-top:8px;overflow:hidden;}
.comment-reply-link{background-color:#2A5A8E;color:#FFF;display:inline-block;float:right;padding:2px 10px;}
#no-comments .genericon{color:#888;font-size:20px;line-height:22px;}
#no-comments h4{display:inline-block;margin-left:10px;color:#888;}
#respond .comment-reply-title{margin-bottom:8px;}
#respond p{margin-top:8px;}
#cancel-comment-reply-link{background-color:#F0F0F0;padding:2px 8px;font-size:16px;}
.comment-form-author label,
.comment-form-email label,
.comment-form-url label{margin-left:2px;}
.comment-form-author input,
.comment-form-email input,
.comment-form-url input,
.comment-form-comment textarea{display:block;padding:5px;border:1px solid #555;background:#505050;}
input:focus {outline:none;}
.comment-form-comment{padding:0 3px;}
.comment-form-comment label{display:block;}
.comment-form-comment textarea{position:relative;width:100%;padding:4px;}
#respond #submit{padding: 10px 20px;
    background: #4c4c4c;
    border: none;
    color: #fff;
    cursor: pointer;
    border-radius: 2px;}
.comment-navigation{margin-bottom:10px;}
.page-numbers.current{cursor:default;}
#comment-area #disqus_thread{background-color:#FFF;padding:10px;border:1px solid #555;box-shadow:0 0 2px #333;}
.frontier-widget{background-color:#FFF;margin:0 0 10px;word-wrap:break-word;}
.frontier-widget:after{clear:both;content:"";display:table;}
.widget-title{background-color:#2A5A8E;padding:4px 8px;color:#EEE;font-family:'Whitney', sans-serif;font-size:18px;text-shadow:1px 1px 2px #222;}
.widget-title a{color:#FFF;text-decoration:none;}
.widget-body{display:inline-block;}
.widget-header{display:inline-block;float:left;margin:0;}
.widget-header,
.widget-before-post,
.widget-before-post-content,
.widget-after-post-content,
.widget-after-post{background-color:transparent;border:none;box-shadow:none;}
.widget-after-post{margin:10px 0 0;}
.widget-footer{display:inline-block;float:left;margin:0 0.5% 10px;}
.widget-column-1 .widget-footer{display:block;width:auto;float:none;margin:0 0 10px;background:#272727;}
.widget-column-2 .widget-footer{width:48.98%;}
.widget-column-3 .widget-footer{width:32.32%;}
.widget-column-4 .widget-footer{width:23.98%;padding:10px 89px;}
.widget-column-5 .widget-footer{width:18.98%;}
.widget-column-6 .widget-footer{width:15.65%;}
.widget-column-2 .widget-footer:nth-child(2n+1),
.widget-column-3 .widget-footer:nth-child(3n+1),
.widget-column-4 .widget-footer:nth-child(4n+1),
.widget-column-5 .widget-footer:nth-child(5n+1),
.widget-column-6 .widget-footer:nth-child(6n+1){clear:left;}
#widgets-wrap-below-menu{background-color:rgba(0, 0, 0, 0.25);width:100%;padding:10px 10px 0;}
#widgets-wrap-before-post,
#widgets-wrap-before-post-content,
#widgets-wrap-after-post-content,
#widgets-wrap-after-post{position:relative;clear:both;}
#widgets-wrap-after-post{margin-top:8px;}
#widgets-wrap-footer{background-color:#272727;padding:10px;}
.frontier-widget *{max-width:100%;}
.frontier-widget .widget-title{max-width:none;background:#444444;padding:8px;}
.frontier-widget img{}
.frontier-widget ol{padding:0 4px;}
.frontier-widget ul ul, .frontier-widget ol ol{margin:4px 0;padding-left:15px;}
.frontier-widget li{list-style:none;margin:0;border-bottom:1px solid #E0E0E0;}
.frontier-widget li:last-child{border-bottom:none;}
.widget_search label .screen-reader-text{display:none;}
.widget_search label .search-field{width:300px;background-color:#424242;color:#fff;margin:4px 0 4px 0;padding:10px;min-width:55%;border:none;box-shadow:0 0 2px #333 inset;}
.widget_search .search-submit{background-color: #424242!important; border: none; border-radius: 2px; box-shadow: 0 0 0 #333; color: #c7c7c7; cursor: pointer; margin: 2px 0; padding: 10px 16px;}
.widget_tag_cloud{line-height:24px;}
.widget_calendar table{width:100%;margin:0 auto;text-align:center;line-height:1.2;}
.widget_calendar caption{background-color:#2A5A8E;padding:8px 0;color:#FFF;}
.widget_calendar th{background-color:#E0E0E0;padding:8px;}
.widget_calendar td{background-color:#FFF;padding:8px;}
#slider{background-color:#FFF;border:1px solid #555;box-shadow:0 0 2px #333;display:block;overflow:hidden;}
.slider-main{margin:5px;}
.slider-content{margin-bottom:10px;}
#basic-slider{max-width:100% !important;}
.bjqs, .bjqs-slide{margin:0;padding:0;list-style:none;display:none;}
.bjqs{position:relative;}
.bjqs-slide{position:absolute;}
.bjqs-slide a{display:block;}
.bjqs-slide img{display:block;margin:auto;}
.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
.bjqs-controls a{position:absolute;-webkit-transition:left 0.3s ease-in-out;-webkit-transition-property:left, right;-moz-transition:left 0.3s ease-in-out;-moz-transition-property:left, right;transition:left 0.3s ease-in-out;transition-property:left, right;}
.bjqs-prev a{left:-50px;}
.bjqs-next a{right:-50px;}
.slider-prev{background-image:url('images/slider-prev.png');}
.slider-next{background-image:url('images/slider-next.png');}
.slider-prev, .slider-next{display:block;height:32px;width:38px;}
#basic-slider:hover li.bjqs-next a{right:10px;}
#basic-slider:hover li.bjqs-prev a{left:10px;}
.slider-element{display:none;}
.bjqs-heading, .bjqs-descript{background-color:rgba(0, 0, 0, 0.65);color:#EEE;padding:8px;width:100%;}
.bjqs-heading{position:absolute;top:0;font-size:16px;}
.bjqs-descript{position:absolute;bottom:0;}
#wpadminbar{box-shadow:0 0 3px #000;}
#content #bbpress-forums,
#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results,
#bbpress-forums ul.super-sticky,
#bbpress-forums ul.sticky{font-family:'Whitney', sans-serif;font-size:13px;font-size:0.813rem;}
#content #bbpress-forums a{text-decoration:none;}
#bbpress-forums li.bbp-body ul.forum,
#bbpress-forums li.bbp-body ul.topic{padding:8px 20px;}
#bbpress-forums .bbp-topic-permalink{font-size:14px;font-size:0.875rem;}
#bbpress-forums .avatar{min-width:20px;min-height:20px;}
#bbpress-forums .bbp-reply-content{padding:10px 0 0;}
.bbp-pagination-links > *{background-color:#222;padding:2px 10px !important;border:1px solid #000 !important;color:#FFF;}
.bbp-pagination-links .page-numbers.current{background-color:#555;}
.bbp-pagination-links > a:hover{background-color:#E0E0E0;color:#000;font-weight:bold;}
@media print{#nav-top,
#header,
#nav-main,
#below-menu,
#slider,
#sidebar-right,
#sidebar-left,
#footer,
#bottom-bar,
#comment-area,
#widgets-wrap-before-content,
#widgets-wrap-after-content,
#widgets-wrap-before-post,
#widgets-wrap-after-post,
#widgets-wrap-before-post-content,
#widgets-wrap-after-post-content,
.entry-footer,
.blog-nav,
.post-nav{display:none;}
#main,
#content{padding:0;}
#content{display:block;float:none;width:auto;}
.blog-view,
.single-view{border:none;}
.blog-view,
.blog-view.sticky{border-top:1px dashed #555;}
#site-title a{color:#000;}
#site-description{color:#333;}
.entry-byline a,
.genericon{color:#333;}
}
.incntct {
    height: 32px;
    background: #464646;
    border: none;
    width: 300px;
    color: #fff;
}
.cntc {
    width: 150px;
    display: block;
    position: relative;
    padding: 10px 0;
    font-size: 15px;
}
.contact-container {
    padding: 40px;
}
.msg2 {
    background: #464646;
    color: #fff;
    border: none;
}
.submit-style {
    margin: 10px 0;
    height: 40px;
}
.submit-style {
    background: #464646;
    border: none;
    color: #fff;
    width: 300px;
    cursor: pointer;
}
textarea#comment {
    background: #383838;
    color: #fff;
    border: none;
    box-shadow: none!important;
}
#sidebar-right {
    max-width: 320px;
}
.np-video {
    color: #fff!important;
    background: #3c3c3c!important;
    padding: 10px 25px!important;
    border: none!important;
}
select#archives-dropdown-4 {
    background: #303030;
    color: #fff;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    margin: 0 10px;
}
.related-post-header {
    padding: 10px;
    max-width: 320px;
    background: #424242;
    margin: 0 0 10px;
    box-shadow: 0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12);
}
.related-more-btn {
    max-height: 39px;
    max-width: 310px;
    background: #3c3c3c;
    margin: 10px auto;
    width: 100%;
    position: relative;
    display: block;
    clear: both;
    text-align: center;
    border-radius: 2px;
    border: none;
    cursor: pointer;
}
h4.widget-title {
    padding: 10px 3px;
    color: #fff;
}
textarea#comment:focus {
    outline: none;
}
low { display: none; }
.entry-title a {font-size: 13px; font-weight: 500; padding: 10px;}
#nav-main .sub-menu, #nav-main .children {width: 604px;}
#nav-main .sub-menu a, #nav-main .children a {border-right: 1px solid #000;
  border-bottom: 1px solid #000;width: 150px; }
img.nelioefi {
  width:231px;
  height:110px;
}
#main {
  background-color: #303030;
  max-width: 1706px;
  margin: 0 auto;
}
li{
margin-left: 5px;
}
h2, h3, h5, h6 {
    clear: both;
    font-family: 'Whitney', sans-serif;
    font-weight: inherit;
    line-height: 1.2;
    font-size: 18px;
    text-transform: uppercase;
    text-indent: 5px;
}
blockquote {
    background-color: #303030;
    border-left: 6px solid #687888;
    margin: 20px;
    padding: 10px 14px 2px;
    font-style: italic;
}
.dude{
font-family: 'Whitney', sans-serif;
    font-size: 16px;
padding: 8px 14px;
width: 80px;
}
.button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    border-radius: 4px;
    margin: 5px;
}
.w3-panel {
    margin-top: 5px;
    margin-bottom: 5px;
	
    background-color: #4CAF50;
}
.w3-panel {
    padding: 5px 16px;
}
.w3-panel a {
    color: #fff;
font-size: 14px;
font-weight: bold;
}
.w3-panel a:hover {
    color: #0000EE;
}
div#search-3 {
    background-color: #272727;
}
span.current {
    background: #2f2f2f;
    color: #bfbfbf;
}

#header{background-color:transparent;background-position:center;border-bottom:1px solid #252525;width:100%;position:fixed;top:0;left:0;z-index:9;}
body{
    background:#303030
}
.entry-title a{font-size:18px;font-weight:bold}
#nav-main .sub-menu,#nav-main .children{width:604px}
#nav-main .sub-menu a,#nav-main .children a{border-right:1px solid #000;border-bottom:1px solid #000;width:150px}
img.nelioefi{width:231px;height:110px}#main{background-color:#303030}
#nav-main{background-color:#2A5A8E;width:100%;padding-left:0px;line-height:1.2;padding-top:72px;}
#nav-main *{-webkit-transition:all 0.14s ease-out;-moz-transition:all 0.14s ease-out;transition:all 0.14s ease-out}
#nav-main ul,#nav-main li,#nav-top ul,#nav-top li{margin:0;padding:0;list-style:none}
#nav-main .nav-main{position:relative;border-left:1px solid #023266;border-right:1px solid #4878AC;z-index:10}
#nav-main .nav-main li{position:relative}
#nav-main .nav-main > li > a,#nav-main .nav-main > ul > .page_item > a{min-width:80px;text-align:center}#nav-main .nav-main a{display:block;padding:10px 14px;color:#e6e6e6;font-family:'Whitney', sans-serif;font-size:16px;text-shadow:0 0 2px #222}
#nav-main .nav-main a:hover{background-color:#252525;color:#FFF;text-shadow:none}#nav-main .menu-item-has-children > a:after,#nav-main .page_item_has_children > a:after{font-family:"Genericons";content:"\f431";vertical-align:top;padding-left:4px}
#nav-main .sub-menu,#nav-main .children{background-color:#2B2B2B;position:absolute;float:left;width:180px;border:1px solid #000;box-shadow:0 1px 4px #000;z-index:990;display:none}
#nav-main .sub-menu li,#nav-main .children li{border-top:1px solid #3B3B3B;border-bottom:1px solid #000}#nav-main .sub-menu li:first-child,#nav-main .children li:first-child{border-top:none}#nav-main .sub-menu li:last-child,#nav-main .children li:last-child{border-bottom:none}
#nav-main .sub-menu a,#nav-main .children a{float:left;width:178px;padding:10px 14px;font-size:15px}#nav-main .sub-menu .sub-menu,#nav-main .children .children{top:-1px}#nav-main li:hover > ul{display:inline}#nav-main .drop-toggle{display:none}#nav-main .genericon-menu{color:#FFF;font-size:30px;height:auto;padding:5px 10px;width:auto}#nav-top{float:right}#nav-top .nav-top,#nav-top .nav-top li{float:left}#nav-top .nav-top a{display:block;margin-top:2px;padding:0 18px;color:#FFF;font-family:'Whitney', sans-serif;ont-size:14px}.blog-view{position:relative;box-shadow: 0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)!important;padding:0;width:264px;float:left;margin:0 5px 16px;background-color:#3e3e3e}.single-view{background-color:#2f2f2f}.entry-title a{font-size:13px;font-weight:600;color:#d25c5c;font-family:'Whitney', sans-serif;}.entry-byline *{line-height:20px;display:none}.entry-thumbnail{float:left;padding-right:0px}.frontier-widget{background-color:#383838}.frontier-widget sa{color:#388ABB}.entry-content p{color:#dcdcdc}.entry-content{color:#ddd}
.frontier-widget li{padding:6px 0;list-style:none;margin:0;border:none}
a{color:#AEB6BB}
.entry-excerpt p{margin:0 0 4px;display:none}ul,ol{margin-top:0px;margin-bottom:0px}
.post-meta li{margin-top:0px;margin-bottom:0px;color:#ddd;text-align:center;margin-left:0px}
.post-meta ul{padding-left:0px;text-align:center}
a:hover{color:#2EDCC5}

.report-modal {
    position: fixed;
    top: 0;
    left:0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    display:none;
    z-index: 10000;
    color: #ccc;
    padding-top: 150px;
}
.report-modal.in { display: block; }
.report-modal .report-modal-dialog {
    width: 30%;
    min-width: 300px;
    height: auto;
    background: #3c3c3c;
    margin: auto;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}
.report-modal-dialog-header { padding: 10px; border-bottom: 1px solid #808080; position: relative; } 
.report-modal-dialog-footer { padding: 10px; border-top: 1px solid #808080; text-align: right; } 
.report-modal-dialog-body { padding: 10px; max-height: 300px; overflow: auto; } 
.report-modal-loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: rgba(0,0,0,0.5);
    display:none;
}
.report-modal-loader.in { display:block; }
.report-modal-loader p { position:absolute; top:0; bottom: 0; left:0; right: 0; margin: auto; height: 30px; }

.report-error { color: red; font-size: 11px; }
.report-toggle {
    float: right;
    font-size: 12px;
    position: absolute;
    top: 10px;
    right: 2px;
}
.down-arrow {
    transform: rotate(90deg);
    font-size: 26px;
    color: #fff;
    font-weight: 600;
    height: 39px;
    display: inline-block;
}
.download-btn {
    padding: 8px 40px;
    background: #4c4c4c;
    text-decoration: none!important;
    float: right;
    margin: 10px 0;
    border-radius: 2px;
    color: #fff;
}
.my-tag, .entry-tags button {
    display: inline-block;
    font-size: 14px;
    text-decoration: none;
    padding: 10px 20px;
    border: 1px solid #808080;
    border-radius: 2px;
    margin: 4px 2px;
    clear: both;
    position: relative;
    text-transform: uppercase;
    transition: .3s cubic-bezier(.25,.8,.5,1),color 1ms;
}
.entry-tags button {
    background: #fff0;
    color: #fff;
    padding: 13px 20px;
}
.my-tag:hover, .entry-tags button:hover {
    background: #4c4c4c;
    color: #aeb6bb;
    transition: .3s cubic-bezier(.25,.8,.5,1),color 1ms;
}
.widget-footer{
    background: #272727;
}
.widget-footer h4 {
    background: #272727!important;
}
video#video-player_html5_api {
    outline: none;
}
.archive-info {
    background-color: #303030!important;
    margin: 2px 15px 10px 6px!important;
    padding-bottom: 10px;
    width: 100%;
    max-width: 90%;
}
h3.archive-title {
    padding: 10px 0;
    background: #2f2f2f;
}
.report-close {
    font-size: 20px;
    top: 4px;
    right: 8px;
    color: #fff;
} 
.side1 {
    position:relative;
    line-height: 0;
    margin: 10px auto;
    width: 320px;
    height: 295px;
    padding: 10px;
    background: #2f2f2f;
    /*border-bottom: 1px solid rgba(147,148,150,.35);*/
}
.custom-access-content {
    float: right;
    text-align: right;
    margin: 2px 24px 0;
}
.download-container {
    position: relative;
    clear: both;
    padding: 20px;
    text-align: right;
    box-shadow: 0 -1px 0 rgba(0,0,0,.32)inset,0 1px 0 rgba(255,255,255,.06);
}
.dwn {
    background: #272727;
    color: #aeb6bb;
    text-decoration: none!important;
    padding: 12px 20px;
    border: 1px solid #5f5f5f;
    border-radius: 2px;
    transition: .3s cubic-bezier(.25,.8,.5,1),color 1ms;
}
.dwn:hover {
    background: #4c4c4c;
    color: #aeb6bb;
    transition: .3s cubic-bezier(.25,.8,.5,1),color 1ms;
}
.tag-cloud-link {
    font-size: 18px!important;
    margin: 6px 4px;
    display: inline-block;
    padding: 10px 14px;
    background: #414141;
}
.hd-trig2 {
    position:relative;
    margin: 0 auto;
    margin-top: 8px;
    width: 320px;
    padding: 10px;
    background: #2f2f2f;
    border-radius: 2px;
}
#container {
    background: #303030;
    margin: 0 auto;
}
#back2Top {
    position: fixed; /* Assuming it’s fixed on the page */
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0; /* Initially invisible */
    pointer-events: none; /* Not clickable when invisible */
    transition: opacity 0.2s ease-in-out; /* Smooth fade */
}
#back2Top .background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* Transparent initially */
    transition: background-color 0.2s ease-in-out; /* Smooth background fade */
    border-radius: 50%; /* Optional: makes it circular */
    z-index: -1; /* Behind SVG and icon */
}

#back2Top svg, #back2Top i {
    position: relative;
    z-index: 1; /* Above background */
}
.progress-circle {
    fill: none;
    stroke: #fb5151e6;
    stroke-width: 6;
    stroke-dasharray: 0, 283;
    stroke-linecap: round;
    transform: rotate(-90deg);
    transform-origin: 50% 50%;
}
.hovered {
    background: #fd6060e6;
    color: #fff;
}
.entry-header {
    clear: both;
    padding: 12px;
    display: flex;
    flex-direction: column;
    height: 108px;
    justify-content: center;
}
.entry-views {
    text-align: center;
    padding: 8px 3px 0;
    color: #b1b1b1;
    font-size: 16px;
}
.navigation a {
    padding: 10px 16px!important;
    border-radius: 2px!important;
    margin: 4px 4px!important;
}
.ft-trig2 {
    position:relative;
    clear: both;
    margin: 0 auto;
    margin-top: 8px;
    width: 320px;
    padding: 10px;
    background: #2f2f2f;
    border-radius: 2px;
}
.ct {
    padding: 8px 8px 0;
}
.flag-icon {
    margin-left: -10px;
}
#tag_cloud-2 {
    margin-top: 20px;
}
.widget-title {
    padding-left: 10px!important;
}
.logo-text {
    font-size: 22px;
    color: #fff;
    position: relative;
    display: block;
    padding: 20px 32px 0;
}
.redd {
    color: #f00;
}
i.fas.fa-gamepad {
    color: #f55151;
}
.mobile-containerad{
    display: none;
}

.pagination {
    text-align: center;
    clear: both;
}

.page-link {
    display: inline-block;
    padding: 8px 18px;
    margin: 3px;
}

.page-link[href] {
    box-shadow: 0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)!important;
    border: #1E1E1E;
    background: #252525;
    transition: .3s cubic-bezier(.25,.8,.5,1);
}

.page-link[href]:active, .page-link[href].active {
    background: #e54c4c;
    color: #fff;
    cursor:auto;
}
.page-link[href]:hover {
    background: #3c3c3c;
    color: #fff;
}
.search-filters { 
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: stretch;
    background: #303030;
    height: 70px;
    margin-top: 10px;
    padding-top: 20px; padding-bottom: 2px;
    position:relative;
}
.filter-link:hover { text-decoration: none;}
.search-filters .filter { flex-grow: 1; height:100%; padding-left: 5px; padding-right: 5px; z-index:3}
.search-filters .filter .filter-link { display:block; height:100%; font-size: 16px; color: #ffffffde; border: 1px solid #404040; text-align: center; font-weight: 500; padding:13px 15px; }
.filter-tag,.filter-tag-exclude {
    border-radius: 100px;
    padding: 6px 15px;
    text-transform: capitalize;
    margin: 4px;
    border: 1px solid #f55151;
    text-decoration: none;
    display: inline-block;
    transition: all .2s cubic-bezier(.5,0,.1,1);
}
.filter-tag:hover { text-decoration: none;background: #3a3a3a;border: 1px solid #303030;transition: all .2s cubic-bezier(.5,0,.1,1);}
.filter-tag-exclude { border-color: #4a4a4a; color: #ffffffde; transition: all .2s cubic-bezier(.5,0,.1,1);}
.filter-tag.active { background: #ccc; color: #1b1b1b; }
.filter-tag-exclude.active { background: #f44336; color: #ffffffde; border-color: #f44336; transition: all .2s cubic-bezier(.5,0,.1,1);}
.filter-tag-exclude:hover { text-decoration: none; background: #f4433663; border-color: #f4433629;}
.filter-count { float: right; width: 22px; height: 22px; font-size: 11px; font-weight: bold; border-radius: 200000px; background: #f90; display:none; text-align:center; line-height: 22px; margin: 11px; } 
.filter-count.in { display: block; }

.modal .modal-body { max-height: 300px; overflow: auto; }
.search-switch { display:inline-block;width:60px; height:30px; line-height:30px; background:#111;border-radius:200000px; }
.search-switch::after { height: 30px; width:30px; content:''; display:block; background:#f90; border-radius: 200000px;}
.search-switch.on::after { margin-left:30px; }
.search-switch.on { background:#f905; }
.search-filter-loading-container {
    position:absolute; 
    width:100%;
    height:2px;
    left:0;
    bottom:0;
    }
.search-filter-loading-bar {
    position:absolute;
    left:0;
    height:2px;
    width:0;
    background:#f55151;
    transition:width 0.5s linear;
}
.history-loading-bar { position: fixed; top:0; left:0; width: 100%; height: 2px; background: #424242; z-index:999999; display: none; }
.history-loading-bar.in { display: block; }
.history-loading-progress { transition: width 0.3s linear; height: 2px; background: #f55151; }

.modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 100000;
    display: none;
}
.modal.in { display: block; }

.modal-dialog {
    position: relative;
    margin: auto;
    margin-top: 100px;
    max-width: 600px;
    background: #303030;
    border-radius: 3px; 
    box-shadow: 1px 1px 3px rgba(0,0,0,0.5), 1px 1px 1px rgba(255,255,255,0.1) inset;
}
.modal-header, .modal-body, .modal-footer { padding: 10px; }

.dropdown { position: relative; }
.dropdown .dropdown-menu{ max-height: 0; transition: max-height 0.5s linear; overflow: hidden; position: absolute; z-index: 199; }
.dropdown.open .dropdown-menu { max-height: 500px; }
.star-parent{
    opacity: 0.85;
    z-index: 1;
    position:absolute;
    right: 0;
    transition: opacity .25s linear;
}
.entry-content:hover > .star-parent{
    opacity: 1;
}
.layer {
    position: absolute;
    pointer-events: none;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: #ffffff16;
    opacity: 0;
    transition: .3s cubic-bezier(.25,.8,.5,1),color 1ms;
}
.layer:hover {
    opacity: 0.6;
    cursor: pointer;
}
.play {
    font-size: 30px;
    color: #000;
    z-index: 9999;
    right: 36%;
    top: 35%;
    position: absolute;
    transform: translate(-35%, -36%);
}
@media screen and (max-width:510px){
    h3#resp{
    font-size: 15px!important;
    }
}
a.logo-text:hover {
    color: #fff!important;
}
.current-menu-item,.current-menu-item:hover a {
    box-shadow: inset 0 -2px 0 0 #f55151!important;
}
i.fa.fa-bolt {
    color: #6abf60;
}
a.btn.btn-default.text-left:hover{
    color:#fff!important
}
.entry-title p {
    color: #fff!important;
    font-size: 15px;
    padding: 0 5px;
}
h1.archive-title {
    padding: 7px 10px;
    margin: 1px;
    background: #444;
}
.vjs-theater-icon {
    cursor: pointer;
    width: 40%;
    height: 30%;
    display: block;
    border: 2px solid #eee;
    margin: auto;
}
button.vjs-setting-control {
    cursor: pointer;
}
i.fa.fa-award {
    font-size: 17px;
    padding-top: 2px;
}
.widget_monthly_random_widget a {
    font-size: 14px;
    display: block;
    padding: 6px;
    transition: .3s cubic-bezier(.25,.8,.5,1),color 1ms;
}
#header {
    max-width: 100%;
}
button.vjs-setting-control.vjs-control.vjs-button, button.vjs-theater-control.vjs-control.vjs-button{
    outline: none;
}
a.page-link.active {
    background: #e84f4f;
    color: #fff;
}
a.ca-sign-in-link,a.ca-sign-up-link {
    color: #bbb;
}
.clr{
    color: #aeb6bb!important;
}
.widget-footer .widget-title {
    background: #272727!important;
}
.main-vip a {
    animation: blinkingText 1s infinite;
}
.main-vip a:hover {
    color: #f55151!important;
}
@keyframes blinkingText{
    0%{     color: #f55151;    }
    25%{    color: #f55151; }
    75%{    color: #e6e6e6; }
    100%{   color: #f55151;    }
}
.layer2 {
    width: 100%!important;
    height: 100%!important;
    top: 0!important;
    left: 0!important;
}
.layer2 .play {
    right: 42%!important;
    top: 39%!important;
}
.post-ratings{width:100%;opacity:1;padding:6px 8px}
.post-ratings-loading{display:none;height:16px;text-align:left}
.post-ratings-image{border:0}
.post-ratings img,.post-ratings-loading img,.post-ratings-image img{border:0;padding:0;margin:0}
.post-ratings-text{}.post-ratings-comment-author{font-weight:400;font-style:italic}
/* screen.min.css file*/
#toc_container li,#toc_container ul{margin:0;padding:0}#toc_container.no_bullets li,#toc_container.no_bullets ul,#toc_container.no_bullets ul li,.toc_widget_list.no_bullets,.toc_widget_list.no_bullets li{background:0 0;list-style-type:none;list-style:none}#toc_container.have_bullets li{padding-left:12px}#toc_container ul ul{margin-left:1.5em}#toc_container{background:#f9f9f9;border:1px solid #aaa;padding:10px;margin-bottom:1em;width:auto;display:table;font-size:95%}#toc_container.toc_light_blue{background:#edf6ff}#toc_container.toc_white{background:#fff}#toc_container.toc_black{background:#000}#toc_container.toc_transparent{background:none transparent}#toc_container p.toc_title{text-align:center;font-weight:700;margin:0;padding:0}#toc_container.toc_black p.toc_title{color:#aaa}#toc_container span.toc_toggle{font-weight:400;font-size:90%}#toc_container p.toc_title+ul.toc_list{margin-top:1em}.toc_wrap_left{float:left;margin-right:10px}.toc_wrap_right{float:right;margin-left:10px}#toc_container a{text-decoration:none;text-shadow:none}#toc_container a:hover{text-decoration:underline}.toc_sitemap_posts_letter{font-size:1.5em;font-style:italic}
/* screen.min.css file*/

div#top_tags_widget-2 a,.textwidget a,li.menu-item a {
    font-size: 16px;
    padding: 6px;
    transition: .3s cubic-bezier(.25,.8,.5,1),color 1ms;
}
.related-post-header {
    font-size: 15px;
}
@media (max-width: 1024px) {
.scroll {
    display: none!important;
}
}
.scroll {
    display: block;
    position: absolute;
    bottom: 64%;
    left: 49.1%;
    color: #fff;
    font-size: 36px;
    z-index: 1;
    animation: movingarrow 1s infinite;
}
@keyframes movingarrow{
    0%{     bottom: 64%;}
    99%{    bottom: 62%;  }
    100%{   bottom: 64%;}
}
#header {
    z-index: 999;
}
#wpadminbar {
    height: 26px!important;
}
.visits {
    padding-bottom: 20px;
}
.show-more-text{
    transition: all .3s cubic-bezier(.25,.8,.5,1);
    color:#fff!important;
    padding:10px 66px;
    display: block;
}
.show-more-text:hover{
    background:#464646;
}
a.nav-link {
    font-size: 15px;
    display: block;
    padding: 10px;
}
a.nav-link:hover {
    color: #aeb6bb;
}
.nav-item {
    margin: 0!important;
}
.nav-item:hover {
    background: #4a4a4a;
}
.col-md-12 {
    margin: 0 auto;
}
div#comments {
    font-size: 15px;
    padding: 5px 0;
    color: #ececec;
}
#nav-main .nav-main {
    box-shadow: inset 0px 10px 0px -9px #3a3a3a;
}
.title-overlay {
    font-size: 15px;
}
.nav-main a:hover {
    box-shadow: inset -10px 0px 0px -9px #3a3a3a, inset 0px 10px 0px -9px #3a3a3a, inset 10px 0px 0px -9px #3a3a3a!important;
}
.show {
    display: inline-block;
    width: 86px;
    font-size: 16px;
    height: 31px;
    line-height: 30px;
    text-align: center;
    background: #424242;
    box-shadow: 1px 1px 3px rgb(0 0 0 / 50%);
    margin: 5px;
}
.light-switcher {
    position: absolute;
}
.toggle-switch {
    z-index: 3;
    display: inline-block;
    height:26px;
    line-height:20px;
    width: 40px;
    background:#111;
    padding:3px;
    border-radius:50px;
    vertical-align:middle;
    cursor:pointer;
    position: fixed;
    left: 20px;
    bottom: 25px;
}
.carousel-control-next:hover, .carousel-control-prev:hover, .show:hover {
    background: #525252;
    color: #d8d8d8!important;
}
.carousel-control-prev, .carousel-control-next, .show {
    transition: .3s cubic-bezier(.25,.8,.5,1),color 1ms;
}
.carousel {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    overflow: hidden;
}
.toggle-text {
    position: absolute;
    top: 100%;
    left: -30%;
    background: rgba(0,0,0,0.3);
    color: #ccc;
    padding: 5px 15px;
    border-radius: 10px;
    font-weight: bold;
    margin-top: 5px;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    display:none;
    width: 70px;
    text-align: center;
    z-index: 100;
}
.toggle-toggle {
    width: 60%;
    height: 20px;
    display:block;
    background:#ccc;
    border-radius: 200000px;
    opacity: 0.3;
    text-align:center;
    color: #000;
}
.fa-toggle-lights:before {
    content: "\f186"
}
.toggle-switch.on .toggle-toggle {
    float:right;
    opacity:1;
}
.toggle-switch.on .fa-toggle-lights:before {
    content: "\f185";
    
}
body.lightson #container,
body.lightson #main,
body.lightson {
    background: #dcdcdc;
    color:#363636;
}

body.lightson #header,
body.lightson div#search-3,
body.lightson #widgets-wrap-footer,
body.lightson .frontier-widget,
body.lightson .frontier-widget .widget-title {
    background:#828282 !important;
    border-color: #828282;
}

body.lightson article.blog-view,
body.lightson .entry-thumbnail .post-thumbnail,
body.lightson #nav-main {
    background: #565656;
    border-color: #828282;
    color:#333;
}
body.lightson .header-intr-title {
    color: #363636;
}
body.lightson .header-intr-desc {
    color: #585858;
}
body.lightson .single-view {
    background-color: #646464;
}

.lazy-ad-container {
    background: #424242;
    padding: 10px;
    text-align: center;
    width: 920px;
    margin: 20px auto;
}
.lazy-mobile-ad-container {
    background: #424242;
    padding: 10px;
    text-align: center;
    width: 320px;
    margin: 20px auto;
}
.vipdiv {
    background: #383838;
    margin: 10px 0;
}
.vip-title {
    background: #444;
    font-size: 18px;
    padding: 8px;
}
.vip-a a {
    padding: 10px 12px;
    font-size: 15px;
    display: block;
    transition: .3s cubic-bezier(.25,.8,.5,1),color 1ms;
}
.vip-a a:hover {
    background: #444;
    color: #fff!important;
    transition: .3s cubic-bezier(.25,.8,.5,1),color 1ms;
}
div#monthly_random_widget-2 {
    padding: 0;
}
.unc {
    border-radius: 0!important;
    padding: 10px;
    display: block;
    margin-left: 0;
    transition: .3s cubic-bezier(.25,.8,.5,1);
}
.unc:hover {
    background: #444;
    transition: .3s cubic-bezier(.25,.8,.5,1),color 1ms;
}
.widget_monthly_random_widget a:hover, div#top_tags_widget-2 a:hover {
    background: #444;
    color: #fff!important;
    transition: .3s cubic-bezier(.25,.8,.5,1),color 1ms;
}
#sidebar-right {
    padding-left: 10px;
}
.image-post-container {
    margin: 40px auto;
}
.related-post .blog-view {
    padding: 1px; width: 145px; height: 305px;
}
.pause-content{
    background: #2f2f2f;
    padding: 0 10px;
    height: 290px;
    width:320px;
    }
.post-video-container { position: relative; }
.paused-ad-container { 
    display: none;
    position: absolute;
    width: 340px;
    height: 324px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    padding: 10px;
    text-align: center;
}
@media (min-width:780px){
.paused-ad-container.in { display: block; z-index: 1;}
}
.paused-ad-resume {
    transition: all .3s cubic-bezier(.25,.8,.5,1);
    background: #2f2f2f;
    color: #fff;
    padding: 7px 20px;
    margin: -27px auto;
    width: 100px;
    text-align: center;
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    display: block;
    text-decoration: none!important;
    font-size: 15px;
}
.paused-ad-resume:hover {
    color: #ffffff;
    background: #424242;
    }
.vjs-player-setting {
    position: absolute;
    right: 0;
    bottom: 30px;
    width: 200px;
    height: 50px;
    max-height: 0;
    background: rgba(0,0,0,0.5);
    box-shadow: 1px 1px rgba(255,255,255,0.2) inset, 1px 1px 3px rgba(0,0,0,0.5);
    transition: max-height 0.5s linear;
    overflow: hidden;
}
.vjs-player-setting.open {
    max-height: 500px;
}
.autoplay-togggle {
    display: inline-block;
    width: 40px;
    height: 20px;
    border: 1px solid white;
    vertical-align: bottom;
    border-radius: 200000px;
    margin-left: 15px;
}
.autoplay-togggle::after {
    content: '';
    display: block;
    height: 15px;
    width: 15px;
    background: #ccc;
    border-radius: 200000px;
    float: right;
    margin: 1px;
}
.autoplay-togggle.on::after {
    content: '';
    display: block;
    height: 15px;
    width: 15px;
    background: #f55151;
    border-radius: 200000px;
    float: left;
    margin: 1px;
}
a[rel=tag] { position: relative; }
.tag-tooltip { 
    display: none;
    position: absolute;
    padding: 10px;
    background: #3a3a3a;
    width: 200px;
    margin-bottom: 10px;
    z-index: 100;
    left:0; 
    bottom: 100%;
}
a[rel=tag]:hover .tag-tooltip { display: block; }
.new-ntv {
    min-height: 140px;
    width: 308px;
    margin: 4px auto;
    padding: 4px 6px;
    background-color: #424242;
    box-shadow: 0 5px 5px -3px rgb(0 0 0 / 20%), 0 8px 10px 1px rgb(0 0 0 / 14%), 0 3px 14px 2px rgb(0 0 0 / 12%);
}
.carousel-control-next:hover[disabled], .carousel-control-prev:hover[disabled], .carousel-control-next[disabled], .carousel-control-prev[disabled] {
    box-shadow: none;
    background: #424242;
    opacity: 0.5;
}
@media (max-width: 1024px) {
    #monthly_random_widget-2, #text-3 {
        display:none;
    }
}
.video-handler {
        display: none;
    }
@media (max-width: 815px) {
    #video-player {
        position: fixed;
        z-index:11;
    }
    .video-handler {
        display: block;
        height: 56vw;
    }
}
.mobile-search {
    display: inline;
}
.home-side {
    margin-top: 52px;
}
@media (max-width: 1414px) {
    .home-side {
        margin-top: 0;
        clear: both;
    }
}
.close-btn {
    cursor: pointer;
    background-color: #0000;
    color: #fff;
    padding: 5px 10px;
    margin-bottom: 4px;
    font-size: 14px;
    border-radius: 2px;
    border: 1px solid #8f8f8f;
}
.close-container {
    display:flex;
    justify-content:space-between;
}
.close-container span {
    padding: 4px;
    color: #bfbc5d;
    font-size: 14px;
}
.mobile-size #content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    position: relative;
    margin-bottom: 50px;
}
.mobile-size #content .pagination {
    position: absolute;
    display: flex;
    bottom: 0;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: row;
}
.images-flex {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 20px;
}
.thumb {
    transition: opacity .1s ease-in-out;
}
.fade-in.loaded {
  opacity: 1;
}
.archive-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.carousel-item.image-post.card.bg-black {
    min-width: 250px;
}
#widgets-wrap-footer {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.mason-tile-img {
    width: 250px;
    height: auto;
}
.mobile-side {
    display: flex;
    flex-direction: column;
    position: fixed;
    width: 250px;
    height: 100%;
    background-color: #303030;
    top: 0;
    left: -250px;
    z-index: 13;
    padding-top: 72px;
    transition: .2s cubic-bezier(.4,0,.2,1);
}
.mobile-side a {
    padding: 12px;
}
.bars {
    display: inline-block;
    cursor: pointer;
    float: left;
    padding: 24px;
    position: relative;
    z-index: 9;
}
.mobile-side-open {
    left: 0;
    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12);
}
input[type="search"]::placeholder {
    color: #bebebe;
}
.mysearch-shortcodes {
    width: 100%;
    margin-top: 30px;
    padding: 30px 10px 0;
}
.mysearch-shortcodes p {
    font-size: 18px;
    display: inline-block;
}
.studio-link {
    text-decoration: none;
    color: #d25c5c;
}
.post-metadata {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    padding: 6px 4px;
}
.search-top a {
    border: 2px solid #a3a3a3;
    padding: 7px 20px;
    border-radius: 31px;
    white-space: nowrap;
    min-width: auto;
    margin-right: 10px;
    transition: .3s cubic-bezier(.25,.8,.5,1);
}
.search-top {
    padding: 4px 0;
    min-width: auto!important;
}
.flexed {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.scroll-left, .scroll-right {
    display: inline-block;
    width: 54px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #424242;
    box-shadow: 1px 1px 3px rgb(0 0 0 / 50%);
    margin: 7px 5px 14px 5px;
    border: none;
    color: #ccc;
    cursor: pointer;
}
.description-content {
    clear:both;
    padding:10px 0 30px;
    color:#fff;
    max-width:870px;
    margin:0 auto;
    font-size:17px;
}
.description-content h3 {
    text-align:center;
}
.description-content p {
    margin-bottom: 1rem;
}
.read-more-btn,
.read-less-btn {
    cursor: pointer;
    color: #ffffff;
    background-color: #464646;
    padding: 10px 19px;
    border: none;
    outline: none;
    margin-top: 0.5em;
    position: absolute;
    right: 0;
}
.description-content {
    height: 6em; /* Adjust this value to show more or less lines of text */
    overflow: hidden;
    transition: height .5s ease-out;
}
.description-container {
    position: relative;
    max-width: 870px;
    margin: 0 auto 46px;
}
.show-more {
    text-align:center;
    font-size:14px;
    width:260px;
    margin:40px auto;
    background:#3c3c3c;
}
.new {
    position: absolute;
    left: 4px;
    bottom: 4px;
    padding: 0 4px;
    font-size: 10px;
    animation: blink .4s linear infinite;
}

@keyframes blink {
    0% {
        background-color: #e74e4e;
    }
    50% {
        background-color: #eb7a7a; /* lighter shade of #e74e4e */
    }
    100% {
        background-color: #e74e4e;
    }
}
article:hover .layer {
    opacity: 0.6;
    cursor: pointer;
}
.description-content:after {
    content: "";
    position: absolute;
    z-index: 999999999;
    left: 0;
    right: 0;
    bottom: 0;
    height: 13px;
    background-image: linear-gradient(to top, rgb(48 48 48), #0000000a);
    pointer-events: none;
}
.entry-title h3 {
    color: #fff;
    font-size: 17px;
    text-transform: capitalize;
}
.post-data {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.new-carousel img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border: 2px solid #f56161;
    padding: 3px;
    border-radius: 50%;
    transition: all .3s ease;
}
.new-carousel:hover img, .new-carousel img:hover {
    transform: scale(1.1);
}
.new-next-carousel {
    position: absolute;
    margin: 0;
    height: 54px;
    top: 35%;
    right: -27px;
    transform: translateY(-50%);
    border-radius: 50%;
    border: 4px solid #303030;
    box-shadow: -3px 1px 3px rgb(0 0 0 / 50%);
}
.new-prev-carousel {
    position: absolute;
    margin: 0;
    height: 54px;
    top: 35%;
    left: -27px;
    transform: translateY(-50%);
    border-radius: 50%;
    border: 4px solid #303030;
    box-shadow: 3px 1px 3px rgb(0 0 0 / 50%);
    z-index: 2;
}
.new-tags-scroller {
    position:relative;
    clear: both;
    margin: 0 1rem;
}
.section-title {
    float:left;
    padding:10px 0;
    clear: both;
}
.search-top a:hover {
    color: #d8d8d8;
    background-color: #3e3e3e;
}
.studio-tax h2, .tag-tax h2 {
    font-weight: 700;
    font-size: 44px;
    color: #fff;
    margin: 10px;
}
.studio-tax ul {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}
.studio-tax a {
    padding: 8px 16px;
    background-color: #212121;
    color: #fff;
    text-transform: uppercase;
    white-space: nowrap;
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
    transition: .3s cubic-bezier(.25,.8,.5,1);
}
.studio-tax a:hover {
    color: #fff;
    background-color: #3c3c3c;
}
.studio-tax span {
    color: #e74e4e;
    margin-left: 8px;
    font-size: 14px;
}
.hint {
    margin: 0 auto 2rem;
    width: 300px;
    font-size: 18px;
}
.tag-tax ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
    max-width: 100vw;
    overflow: hidden;
}
.tag-tax li {
    position: relative;
}
.tag-metadata {
    position: absolute;
    top: 50%;
    font-size: 22px;
    color: #fff;
    font-weight: 700;
    margin: 16px;
}
.tag-tax a {
    display: block;
    width: 224px;
    height: 414px;
    background-color: #3a3c3b;
    box-shadow: 0 3px 15px rgba(23,24,26,.35);
    transition: all .2s ease;
}
.tag-tax a:hover {
    transform: scale(1.07);
}
.tag-tax img {
    width: 100%;
    height: auto;
}
.tax-container {
    max-width: 1214px;
    margin: 0 auto;
}
.tag-counter {
    position: absolute;
    bottom: 8px;
    left: 10px;
    font-size: 22px;
    color: #fff;
}
.tag-counter i {
    color: #5e5e5e;
    margin-right: 6px;
}
.tag-desc {
    font-size: 16px;
    color: #e74e4e;
    max-height: 156px;
    overflow: hidden;
}
.desc-limitor {
    position: absolute;
    width: 100%;
    height: 50px;
    bottom: 0;
    background-image: linear-gradient(to top, rgb(58 60 59), #3a3c3b26);
}
.is-single .entry-header {
    padding: 0;
}
.story {
    padding: 0 5px 10px;
    font-size: 16px;
    box-shadow: 0 -1px 0 rgba(0,0,0,.32)inset,0 1px 0 rgba(255,255,255,.06);
}
.censored {
    color:#d52727;
    border:1px solid #d52727;
    border-radius:2px;
    padding:3px 20px;
    position:absolute;
    right:10px;
    cursor:default;
}
.uncensored {
    color: #31c700;
    border: 1px solid #31c700;
    border-radius:2px;
    padding:3px 20px;
    position:absolute;
    right:10px;
    cursor:default;
}
#submit-tag-suggestions {
    cursor: pointer;
}
#suggest-tags-popup {
    position: fixed!important;
    z-index: 99;
}
.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 12;
}
.account-sidebar {
    transition: .3s cubic-bezier(.25,.8,.5,1);
    font-size: 18px;
    color: #f1ecec;
    display: block;
    width: 100%;
    text-decoration: none;
    text-align: left;
}
.account-sidebar:hover {
    color: #f1ecec;
    background-color: #404040;
}
.profile-flex {
    display: flex;
    gap: 1rem;
    flex-direction: row;
}
.favorites-videos {
    display:flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
    align-content: flex-start;
}

/* responsive.css */
#container{max-width:100%;}
@media screen and (max-width:1025px){
    #main {
        padding-top: 110px;
    }
    #content {
        padding: 0;
    }
    .single-view .entry-byline {
        margin-bottom: 0;
    }
    .bars {
        padding: 18px 24px;
    }
    .main-header {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }
    .mysearch-shortcodes {

    }
    .is-single .entry-header{
        height: auto;
    }

    #idtop,#idside{display:none;}
    .mobile-search #search-3 {float: none!important; position: absolute; margin: 0 auto; width: 399px; left: 112px; top: -104px; transition: .2s cubic-bezier(.4,0,.2,1);}
    .mobile-search.dropped #search-3 {top:-3px;z-index:4;width:399px;}
    .mobile-search {
        position: absolute;
        right: 34%;
        top: 0;
        color: #fff;
    }
    .nomobile {
        display:none!important;
    }
    #header {
        height: 60px!important;
    }
    .widget-header{float:none;text-align:center;width:100%;}
    #nav-main{padding-left:0;position:fixed;top:57px;z-index:9;padding-top:0;}
    #nav-main.drop .nav-main{left: -180px; position: fixed; transition: .2s cubic-bezier(.4,0,.2,1);}
    #nav-main .drop-toggle{display:block;text-align:center;}
    #nav-main.dropped .nav-main{background-color: #333; display: block; left: 0px;}
    #nav-main.dropped .sub-menu{display:block;padding:0 5px;position:relative;}
    #nav-main.dropped .nav-main li,
    #nav-main.dropped .nav-main a,
    #nav-main.dropped .nav-main .sub-menu{border:none;width:100%;}
    #nav-main.dropped .nav-main li{background:none;}
    #nav-main.dropped .nav-main li a{text-align:inherit;padding:16px;}
    
    #header-logo{margin:0;text-align:center;}
    #header-logo > a{float:left;line-height:0;width:100%;padding:29px;z-index:2;}
    #header-logo img{float:none;}
    .widget-footer{display:block;margin:0 0 10px;width:100% !important;}
    #nav-top{display:block;float:none;clear:both;}
    #nav-top .nav-top{float:none;}
    #nav-main .nav-main{float:none;border:none;}
    #nav-main .nav-main > li, #nav-main .nav-main > ul > li{clear:both;float:none;border-bottom:1px solid #222;border-left:none;border-right:none;display:block;}
    #nav-main .nav-main > li:last-child, #nav-main .nav-main > ul > li:last-child{border-bottom:none;}
    #nav-main .sub-menu, #nav-main .children, #nav-main .sub-menu li, #nav-main .children li{border:none;box-shadow:none;}
    #nav-main .sub-menu a{padding:10px 20px;}
    #nav-main .sub-menu .sub-menu a{padding-left:40px;}
    #nav-main .sub-menu .sub-menu .sub-menu a{padding-left:60px;}
    #nav-main .sub-menu .sub-menu .sub-menu .sub-menu a{padding-left:80px;}
    #nav-main .sub-menu .sub-menu, #nav-main .children .children{top:0;}
    #nav-main li:hover > ul{display:none;}
    #nav-main .page_item:hover > ul{display:inline;}
    #nav-main .toggle-on > .sub-menu{display:block;position:relative;overflow:hidden;}
    #nav-main .toggle-on > .sub-menu,
    #nav-main .toggle-on > .sub-menu > li,
    #nav-main .toggle-on > .sub-menu > li a{width:100%;}
    .rtl #nav-main{padding-right:0;}
    .rtl #nav-main .nav-main,
    .rtl #nav-main .nav-main li{float:none;}
    .rtl #nav-main .sub-menu .sub-menu a{padding-left:20px;padding-right:40px;}
    .rtl #nav-main .sub-menu .sub-menu .sub-menu a{padding-left:20px;padding-right:60px;}
    .rtl #nav-main .sub-menu .sub-menu .sub-menu .sub-menu a{padding-left:20px;padding-right:80px;}
    
    .widget-column-4 .widget-footer {
            padding: 10px!important;
    }
    .mobile-containerad{
        z-index: 999;
        clear: both;
        position: relative;
        display: block;
        width: 130px;
        margin: 20px auto;
        padding-top: 60px;
    }
    .mobile-childad{
        background-color: #2f2f2f;
        padding: 10px;
        border-radius: 2px;
        border: 2px solid #424242;
        color: #d6d6d6;
    }
    h3#resp {
        font-size: 17px;
    }
    .sign {
        display: none;
    }
    .drop {
        width: 50px!important;
        height: 46px;
        position: relative;
        margin-top: -47px;
        background: #2f2f2f!important;
        border: none!important;
        display: block!important;
    }
    .dropped ul {
        width: 250px;
    }
}
@media screen and (max-width:840px){
    #main #content{display:block;}
    #container #main .sidebar{width:100%;max-width:100%;}
    .cover-holder {
        max-width: 150px;
    }
    .censored, .uncensored {
        font-size: 12px;
    }
}
@media screen and (max-width:686px){
    .mobile-search.dropped #search-3 {top:8px;z-index:4;width:399px;left:95px;}
    .profile-flex {
        display: flex;
        gap: 1rem;
        flex-direction: column;
    }
    .favorites-videos {
        align-content: normal;
    }
}

@media screen and (max-width:360px){
    .bjqs-heading, .bjqs-descript{display:none;}
    .entry-excerpt, .entry-thumbnail{clear:both;padding-right:0;}
    .entry-thumbnail{margin-bottom:4px;}
    .rtl .entry-thumbnail{padding-left:0;}
}

@media screen and (max-width:815px){
    #container #main #content, #container #main .sidebar {
    width: 100%;
    float: none;
    padding: 10px 0;
    }
    .post-nav.cf {
        margin-right: 6px;
        margin-left: 6px;
    }
    .entry-tags a {
        font-size: 13px;
    }
}
@media screen and (max-width:815px){
    .blog-view {
    width: 95%;
    max-width: 268px;
    }
    .carousel-item {
        min-width: 150px;
        max-width: 49%;
    }
    .search-top {
        max-width: none;
    }
}
@media screen and (max-width:815px){
    div#sidebar-right {
        max-width: 320px!important;
    }
    .home ~ .cf {
        max-width: 394px!important;
    }
    .blog-view::parent {
        max-width: 394px!important;
    }
}
@media screen and (min-width:641px){
    div#search-3 {
        margin: 13px 0 0;
    }
}
@media screen and (max-width:840px){
    .single-view {
        padding: 0;
    }
}
@media screen and (max-width: 1431px) {
    #sidebar-right {
        width: 320px;
        margin: 0 auto;
        float: none;
        display: block;
    }
    .new-tags-scroller {
        width: 86%;
        margin: 0 auto;
    }
}
@media screen and (max-width:480px){
    .widget_search label .search-field{
        width: 61%;
    }
    .mobile-search #search-3{
        width: 264px!important;
        left: 56px!important;
    }
    .post-ratings {
        padding: 0 8px;
    }
    .report-toggle {
        right: 10px;
    }
    .mobile-size{
        width: 100%;
    }
    #widgets-wrap-footer {
        flex-direction: column;
    }
}
@media screen and (max-width: 360px) {
.entry-tags a {
    font-size: 11px;
}
}
@media screen and (max-width: 640px) {
.custom-access-content {
    float: right;
    margin-top: -68px!important;
    margin-right: 0px!important;
    color: #fff!important;
    margin: 0px;
    display: block;
}
i.fa.fa-angle-down {
    display: none;
}
a.custom-access-link.custom-access-dropdown-toggle {
    top: 26px;
    right: -7px;
    position: relative;
}
}
@media screen and (max-width: 640px) {
.entry-title {
    font-size: 18px;
}
.mobile-text{
    display: none;
}
.modal-dialog{
    max-width: 95%;
}
p.miop {
    font-size: 14px;
}
}
@media screen and (min-width: 618px) {
.col-cs #content{float:none;}
#content {
    width: 600px;
    display: block;
}
}
@media screen and (min-width: 815px) {
.col-cs #content{float:none;}
#content {
    width: 642px;
    display: block;
}
}
@media screen and (min-width: 1025px) {
i.icon-search {
    display: none;
}
#hd-trig,#ft-trig{
    display: none!important;
}
.mobile-search .icon-search {
    display: none;
}
#content {
    width: 852px;
    float: none;
    position: relative;
    display: block;
}
}
@media screen and (min-width: 1431px) {
.col-cs #content{float:left;}
#content {
    width: 75%;
}
}
@media screen and (max-width: 1366px) {
    button.vjs-theater-control {
        display: none!important;
    }
}
@media screen and (max-width: 800px) {
    .mason-tile-2,.mason-tile-3,.mason-tile-4{
        display: none;
    }
}
@media screen and (max-width: 1060px) {
    .mason-tile-3,.mason-tile-4{
        display: none;
    }
}
@media screen and (max-width: 1300px) {
    .mason-tile-4{
        display: none;
    }
}
@media screen and (max-width: 618px) {
    .header-intr-title{
        font-size: 26px;
    }
    .header-intr-desc {
        font-size: 16px;
    }
}
@media screen and (max-width: 768px) {
  .images-flex {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 1190px) {
    .flexed {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .is-single {
        flex-direction: row;
    }
    .is-single .content {
        width: 75%!important;
    }
}
@media screen and (max-width: 500px) {
    .tag-tax li {
        max-width: 160px;
        margin: 0;
    }
    .tag-tax a {
        width: 100%;
    }
}

/* custom access */
.access-1{
    padding-top: 13px!important;
}
.access-2{
    padding-top: 14px!important;
}

.access-fix {
    float: right!important;
    margin-right: 20px;
    margin-top: 10px;
    color: white;
}
i.fa.fa-angle-down {
    float: right;
    margin: 12px 0 0 6px;
}
a.custom-access-dropdown-link:hover {
    color: #fff;
    background-color: #2d2d2d;
    text-decoration: none;
}
.profile-information strong {
    color: #5b5b5b;
}
.profile-information p {
    color: #b1b1b1;
}
i.fa-time-visible {
    font-size: 16px!important;
}
@media (max-width: 985px) {
.access-fix {
    float: none;
    text-align: center;
    margin-right: 0;
    }
}
.custom-access-modal-close:hover {
    color: #fff;
}

.custom-access-link:hover {
    color: #fff;
    text-decoration: none;
}
.custom-access {
	position: relative;
}

.custom-access-link {
    font-size: 14px;
	display: inline-block;
	padding: 6px 10px;
	text-decoration: none;
	color: #ccc;
}

.custom-access-modal {
    position: fixed;
    right: 0;
    margin: 0 auto;
    left: 0;
    top: 25%;
    max-height: 0;
    width: 300px;
    display: block;
    background: rgba(0,0,0,0.86);
    border: 0px solid transparent;
    z-index: 100;
    overflow: hidden;
}
.custom-access-modal::after {
    clear: both;
    display: block;
    content:'';
    width:100%;
    height:1px;
}
.custom-access-modal.in {
	max-height: 700px;
}
.custom-access-modal-close {
    color: #fff;
	float: left;
    margin-left: 10px;
    font-size: 15px;
    margin-top: 5px;
}
.custom-access-modal-title {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
	padding: 5px 30px 5px 20px;
    width: 90%;
    display: inline-block;
    text-align: center;
}
.custom-access-modal-tabs {
    list-style: none;
    padding: 20px 0 10px 0;
    display: flex;
    justify-content: space-between;
    margin: 0 30px 0 30px !important;
}

.custom-access-modal-tab-item {
    border-color: transparent !important;
    float: none;
    /* display: flex; */
    /* justify-content: space-around; */
    width: 30%;
}

.custom-access-modal-tab-item a {
    color: #ccc;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 20px;
    border-bottom: 2px solid transparent;
}

.custom-access-modal-tab-item a:hover,
.custom-access-modal-tab-item a:focus {
    padding-bottom: 10px;
    color: #ccc;
	background: transparent !important;
    border-bottom: 2px solid #f55151;
}

.custom-access-modal-tab-item.active a,
.custom-access-modal-tab-item a:active {
    padding-bottom: 10px;
    color: #fff;
	background: transparent !important;
    border-bottom: 2px solid #f55151;    
    }
    
.custom-access-modal-tab-pane {
	display: none;
}
.custom-access-modal-tab-pane.active {
	display: block;
}

.custom-access-input {
    outline: 0;
	color: #fff;
    border-width: 0;
    padding-left: 5px;
    background: #2b2b2b;
    opacity: 0.85;
    width: 90%;
    display: block;
    margin: 5px auto!important;
    height: 30px;
    line-height: 30px;
    border-radius: 0!important;
}
.ca-error { 
    padding-bottom: 20px;
	font-size: 11px !important; 
	color: #f00; 
	float: none !important;
	width: 90%;
	margin: auto !important;
}
.ca-success { 
	font-size: 11px !important; 
	color: #0f0; 
	float: none !important;
	width: 90%;
	margin: auto !important;
}
.ca-form-label {
	width: 90%;
	margin: auto;
	display: block;
}

.custom-access-button {
    color: #fff;
    border-width: 0;
    cursor: pointer;
    width: 90%;
    display: block;
    margin: 0 auto 5px!important;
    height: 30px;
    border-radius: 0!important;
    background: #f55151;
    font-weight: 600;
}
.custom-access-button2 {
    margin-bottom: 10px;
    padding: 5px;
    border-width: 0;
    color: #a2a2a2;
    border-radius: 4px!important;
    cursor: pointer;
    width: 100%;
    background: #383838;
}
.ca-panel {
	display: block;
	width: 80%;
	margin: 10px auto 10px auto;
	background: #1b1b1b;
	color: #ccc;
}

.ca-panel-header,.ca-panel-body,.ca-panel-footer {
	padding: 5px 15px;
}

.ca-panel-header {
	font-size: 16px;
	border-bottom: 1px solid #ccc;
}

.ca-panel-footer {
	border-top: 1px solid #ccc;
}

.custom-access-modal-backdrop {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: none;
	background: rgba(0,0,0,0);
	transition: background 0.7s linear;
	z-index: 1000;
}
.custom-access-modal-backdrop.in {
	display: block;
	transition: display 0.1s linear 0.7s, background 0.7s linear;
}

.custom-access-modal-backdrop .custom-access-modal {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	max-height: 0;
}

.custom-access-modal-backdrop.in .custom-access-modal {
	max-height: 450px;
}

.custom-access-dropdown {
	position: absolute;
	min-width: 250px;
	right: 0;
	z-index: 10;
	max-height: 0;
	overflow: hidden;
}
.custom-access-dropdown.in { max-height: 500px; right: 4px; }

.custom-access-dropdown-menu {
	list-style: none;
	padding: 0;
	width: 100%;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.7);
}

.custom-access-dropdown-item {
	background: #1b1b1b;
	border: none;
	width: 100%;
	margin: 0;
}
.custom-access-dropdown-link {
    transition: .3s cubic-bezier(.25,.8,.5,1);
    font-size: 18px;
    color: #f1ecec;
    background-color: #3c3c3c;
    display: block;
    padding: 12px 16px;
    width: 100%;
    text-decoration: none;
    text-align: left;
    border-bottom: 1px solid #232323;
}
.custom-access-dropdown-item i.fas {
    color: #7b7b7b;
}
.cover-image {
	height: 50vh;
    width: 100%;
    background: #1b1b1b;
    overflow: hidden;
    position: relative;
}
.cover-image::after {
	clear:both;
	content:'';
	width:100%;
	display:block;
	height:1px;
}
.profile-data {
	margin-top: -75px;
    vertical-align: top;
    padding: 5px 20px 5px 20px;
    color: #ccc;
    text-shadow: 1px 1px rgba(0,0,0,0.8);
    position: relative;
    width: 20%;
}
.profile-data img {
	/*float: left;*/
	margin-right: 10px;
}

.profile-data .profile-data-text {
	vertical-align: bottom;
	display: inline-block;
}

.profile-data::after {
	content:'';
	clear:both;
	width:100%;
	display: block;
	height:1px;
}

p.user-gender, p.user-age, p.user-country {
	display: inline-block;
	margin-left: 10px;
}

#profile .favorites {
    background: #363636;
    color: #ccc;
    padding: 5px;
    float: left;
    width: 75%;
    min-height: 300px;
}

#profile .profile-information {
    float: right;
    width: 24%;
    padding: 15px;
    margin: 10px 5px;
    background-color: #363636;
}

.add-to-favorites {
    color: #ccc;
    text-decoration: none;
}
.add-to-favorites.added {
    color: #c71d1d!important;   
}
#favorite-fix:hover {
    color: #fbfbfb;
    text-decoration: none;
}
.add-to-favorites.added:hover {
    color: #c71d1d!important;
    text-decoration: none;
}
i.fa.fa-user {
    font-size:0;
    }
i.fa.fa-user-plus {
    font-size:0;
    }
.custom-access-link {
    line-height: 0;
}
@media (max-width: 1016px) {
    #profile .profile-information {
    width: 22%;
    margin: 10px 11px;
}
    .profile-data{
    width: unset;
    }
}
@media (max-width: 984px) {
    .custom-access-link {
    margin: 0 8px;
    }
    .custom-access {
    position: relative;
    margin: 0 auto;
    width: 100%;
    }
    i.fa.fa-user {
    font-size: 25px;
    }
    i.fa.fa-user-plus {
    font-size: 25px;
    }
}
@media (max-width: 753px) {
    #profile .profile-information {
    width: 21%;
    margin: 10px 10px;
}
}
.favorites h3 {
    font-size: 20px;
}
@media (max-width: 570px) {
    .page-link{
        padding: 8px 10px;
    }
    #profile .favorites {
        width: unset;
        margin: 10px;
    }
    #profile .profile-information {
        width: 96.4%;
        float: none;
    }
    .favorites h3 {
    font-size: 18px;
    }
}
@media (max-width: 480px) {
    .cover-image {
        height: 30vh;
    }
    #profile .profile-information {
        width: 95.6%;
    }
    .profile-data {
    padding: 5px 10px 5px 10px;
    }
    .cover-image-update {
    margin: 10px 10px!important;
    }
}
@media (max-width: 360px) {
    #profile .profile-information {
        width: 94.3%;
}
}
.cover-img-set {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    Height: auto;
}
.watch-later { color: rgba(196,196,196,1); padding-left: 10px;}
.watch-later.fg-gold { color: #f90; }

.profile-data img.avatar {
    border-radius: 20000px;
    object-fit: cover;
	position: relative;
	cursor: pointer;
	color: #ccc;
}

.cover-image {
	position: relative;
}
.cover-image.editing {
	cursor: move;
}

.cover-image-update {
margin: 10px 20px;
padding: 1px 20px;
border-radius: 4px;
position: absolute;
right: 0px;
bottom: 0px;
border: none;
color: #a2a2a2;
background: #383838;
z-index: 10;
}
.cover-image-update:hover {
cursor: pointer;
}
.ribbon {
    position: absolute;
    right: -5px;
    top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: right;
}
.ribbon span {
    font-size: 11px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 100px;
    display: block;
    background: #79a70a;
    background: linear-gradient(#f55151 0%,#f55151 100%);
    box-shadow: 0 3px 10px -5px #000;
    position: absolute;
    top: 19px;
    right: -21px;
}
.vip {
        display: none;
    }
@media screen and (max-width:1025px){
    .custom-access-content{
        display: none;
    }
    .vip {
        display: flex;
        margin: 0 auto;
        flex-direction: row; justify-content: center;
        gap: 6px;
        box-sizing:border-box;
        width:140px;
        height:40px;
        text-decoration:none;
        width: 116px;
        text-decoration: none;
        border-radius: 2px;
        background: #232323;
        border: 2px solid rgba(58, 60, 63, .7);
        padding: 5px 0;
        align-items: center;
    }

    .head-cont {
        position:fixed;
        width:100%;
        background-color: #2f2f2f;
        z-index:11;
        height: 50px;
        display: flex;
        align-content: center;
        align-items: center;
    }
}