.hf-form label{clear:both;display:block;float:none;font-weight:700;margin-bottom:1px}.hf-form label+label{font-weight:400}.hf-form input[type=date],.hf-form input[type=email],.hf-form input[type=number],.hf-form input[type=text],.hf-form input[type=url],.hf-form select,.hf-form textarea{clear:both;float:none;padding:4px 8px}.hf-message{border:1px solid #0000;margin-bottom:1rem;padding:.75rem 1.25rem}.hf-message-success{background-color:#dff0d8;border-color:#d0e9c6;color:#3c763d}.hf-message-warning{background-color:#fcf8e3;border-color:#faf2cc;color:#8a6d3b}article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
display: block;
}
*, *:before, *:after {
box-sizing: border-box;
}
p:empty:before {
content: none !important;
}
html, body {
scroll-behavior: smooth;
height: 100%;
margin: 0;
}
body {
padding: 0;
margin: 0;
background: #110c1a;
color: #fff;
font-family: "Roboto", Helvetica, sans-serif;
line-height: 21px;
font-size: 14px;
}
body > div {
transition: all 0.3s ease;
}
button,
input,
select {
padding: 5px;
margin: 0;
background: #000;
font-family: "Arial", Helvetica, sans-serif;
line-height: 22px;
font-size: 16px;
cursor: pointer;
outline: none;
}
figure {
margin: 0;
padding: 0;
} h1, h2, h3, h4, h5, h6 {
margin:0;
padding: 0;
clear: both;
font-family: "Roboto", Helvetica, sans-serif;
}
h1 {
line-height: 26px;
font-size: 21px;
}
h2 {
line-height: 21px;
font-size: 18px;
}
h3 {
line-height: 18px;
font-size: 14px;
}
h4 {
line-height: 17px;
font-size: 14px;
}
hr {
background-color: #111;
border: 0;
height: 1px;
margin-bottom: 1em;
} p {
margin-bottom: 1em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: none;
margin: 0;
padding: 0;
}
ul ul,
ol ol,
ul ol,
ol ul {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
b,
strong {
font-weight: bold;
}
cite {
font-style: normal;
}
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 0.7em;
line-height: 1.5em;
margin-bottom: 1.6em;
padding: 1.6em;
overflow: auto;
max-width: 100%;
box-shadow: 0 3px 5px #ddd inset;
} a {
color: #ffffffb3;
text-decoration: none;
}
a:hover,
a:focus,
a:active {
color: #ffffffb3;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;    
} .site-header {
background: #231b30;
width: 100%;
padding: 16px 0;
z-index: 999;
position: sticky;
top: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;       
}
.site-header .logo {
width: 160px;
}
.site-header .logo img {
vertical-align: top;
max-width: 100%;
}
.site-title a {
text-transform: uppercase;
font-size: 18px;
text-align: center;
}
.site-title a:hover{
}
.site-description {
font-style: italic;
} .desktop-search {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;        
position: relative;
display: block;
overflow: hidden;
padding: 0;
width: 28%;
float: right;
}
.search-form {
position: relative;
}
.search-field {
background: #eee;
border: 1px solid #eee;
border-radius: 25px;
display: inline-block;
box-sizing: border-box;
margin: 0;
font-size: 14px;
padding: 9px 50px 9px 14px;
width: 100%;
-webkit-appearance: none;
outline: none;
color: #666;
}
.search-field:focus {
background: #eee;
color: #222;
border-color: #eee;
}
.search-submit {
background: #a735ff;
position: absolute;
color: #fff;
top: 3px;
right: 3px;
padding: 5px 9px;
height: 36px;
border: none;
border-radius: 25px;
border: none;
cursor: pointer;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.search-submit:hover {
color: #222;
}
.screen-reader-text {
display: none;
} .site-navigation {
flex: 1;
}
.site-navigation ul {
list-style: none;
margin: 0;
}
.site-navigation ul li {
float: left;
margin: 0px 10px;
}
.site-navigation ul li a {
color: #fff;
font-size: 16px;
font-weight: 400;
text-transform: capitalize;
}
.site-navigation ul li a:hover, .site-navigation ul .current_page_item a {
color: #fff;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;    
}
.site-navigation ul .current_page_item a {
font-weight: 700;
}
.mobile-menu-wrapper {
display: none;
position: relative;
margin-right: 1em;
}
.mobile-menu {
position: absolute;
left: 0;
}
.mobile-menu ul {
min-width: 205px;
float: left;
list-style: none;    
margin: 1.5em 0;
padding: 1em 1.5em;
background-color: #231b30;  
border: 1px solid #fff3;    
border-radius: 6px;
}
.mobile-menu ul li {
display: block;
line-height: 2.5em;
}
.mobile-menu ul li a {
display: inline;
font-size: 16px;
padding: 0;
font-weight: 400;
color: #fff;
}
.mobile-menu ul li a:hover, .mobile-menu ul .current_page_item a {
color: #a735ff;
}
.mobile-menu-button {
outline: none;
padding: 0px;
font-size: 26px;
color: #fff;
background-color: transparent;
border: 0;
}
.mobile-menu-button:hover, .mobile-menu-button:focus, .mobile-menu-button:active {
color: #a735ff;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;    
}
.category-navigation {
position: relative;
margin-bottom: 1em;
padding-bottom: 15px;
overflow-x: auto;
white-space: nowrap;
}
.category-navigation ul {
list-style: none;
margin: 0 auto;
padding: 0;
overflow-x: auto;
white-space: pre;
white-space: nowrap;
}
.category-navigation ul li {
display: inline-block;
}
.category-navigation ul li a {
display: inline-block;
background: #322644;
color: #fff;
padding: 6px 16px;
border-radius: 25px;
font-weight: 400;
font-size: 14px;
margin-right: 4px;
}
.category-navigation ul li a:hover {
background: #322644;
}
.category-navigation ul li .active {
background: #a735ff;
}
.notice {
background: #231b30;
padding: 20px;
border-radius: 5px;
margin: 0px 0 30px;
font-size: 16px
}
.notice i {
color: #a735ff;
margin: 0 5px;
} #container {
padding: 2em 0 0;
}
.main-container {
min-height: 100%;
margin: 0 auto;
}
.wrapper {
margin: 0 auto;
max-width: 1120px;
padding: 0 1em;
}
.center {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-content: center;
align-items: center;
}
.flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -14px;    
} .flex .loop {
display: flex;
width: 25%;
padding-right: 15px;
padding-bottom: 15px;
}
.flex .loop-item {
position: relative;
width: 100%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.flex .loop-item:hover {
}
.loop-item a:hover {
color: #000;
}
.loop-item a .item-thumb {
width: 100%;
margin: 0 auto;
text-align: center;
position: relative;
display: inline-block;
}
.item-top {
position: relative;
background: #231b30;
aspect-ratio: 3 / 1.7 auto;
overflow: hidden;   
border-radius: 5px;
}
.item-top-sm {}
.item-thumb-sm {}
.item-header-sm {}
.item-date, .item-count {
flex: 1;
}
.item-likes {
margin-left: 5px;
}
.flex .loop-item img {
aspect-ratio: 3/1.5 auto;
background: #231b30;
width: 100%;
object-fit: cover;
vertical-align: middle;
}
.item-header {
padding: 12px 0;
line-height: 24px;
}
.item-title {
display: -webkit-box;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
font-size: 16px;
font-weight: 600;
color: #fff;
line-height: 20px;
max-height: 40px;    
}
.item-title a, .item-title a:hover {
color: #fff;
}
.item-tags {
color: #000;
display: none;
word-wrap: break-word;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}    
.item-tags a, .item-tags a:hover {
color: #000;
font-weight: 700;
}
.item-title a:hover, .item-tags a:hover  {
text-decoration: underline;
}
.item-wrap {
position: absolute;
width: 100%;
bottom: 0;
color: #fff;
}
.item-bar {
opacity: 0;
position: absolute;
width: 100%;
top: 0;
height: 3px;
background: #a735ff;
}
.flex .item-top:hover .item-bar {
transition: opacity 400ms ease;
opacity: 1;
}
.flex .loop-item img:hover   {
transition: opacity 300ms ease; 
opacity: 0.6;
}
.loop-item:hover .item-title {
overflow: hidden;
text-overflow: ellipsis;
}
.item-meta {
display: flex;
align-items: center;
justify-content: space-between;
align-content: center;    
color: #888;
font-size: 14px;
line-height: 21px;
}
.item-meta i {
color: #a735ff;
}
.item-count i {
vertical-align: baseline;
}
.item-duration {
float: right;
padding: 5px 7px;
font-size: 12px;
text-shadow: 2px 2px 6px rgb(0 0 0);
} .page-header {
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
margin-bottom: 1.5em;
}
.recent .page-header {
margin-bottom: 1em;
}
.page-title {
color: #fff;
font-weight: 700;
font-size: 21px;
line-height: 26px;
}
.page-title span {
color: #a735ff;
margin: 0 5px;
}
.sort-menu {
font-size: 14px;
line-height: 26px;
}
.sort-label {
float: left;
}
.sort-menu ul {
display: inline-block;
padding: 0;
margin: 0;
list-style-type: none;
transition: opacity 300ms ease;
}
.sort-menu ul li {
display: inline-block;
margin-left: 5px;
}
.sort-menu ul li a {
display: inline-block;    
color: #a735ff;
}
.sort-menu ul li a:hover {
text-decoration: underline;
}
.sort-menu ul li .active {
color: #a735ff;
font-weight: 600;
}
.random, .trending {
margin-bottom: 2em;
}
.alt-bg {
background: linear-gradient(260deg,#9447ff 48%,#47ffa7 143%);
}
.slogan {
padding: 2em 1em;
text-align: center;    
}
.slogan h1 {
font-size: 26px;
line-height: 30px;
color: #fff;
}
.page-form form {
width: 95%;
}
.page-form input[type=text], 
.page-form input[type=email],
.page-form input[type=url],
.page-form textarea {
background: #231b30;
border: 1px solid #231b30;
border-radius: 3px;
color: #ccc;
font-size: 14px;
font-family: "Roboto", Helvetica, sans-serif;
padding: 8px;
margin: 3px 0;
width: 100%
}
.page-form input[type=text]:hover, 
.page-form input[type=email]:hover,
.page-form input[type=url]:hover,
.page-form textarea:hover,
.page-form textarea:focus {
background: #231b30;
border: 1px solid #a735ff;
}
.page-form textarea { 
min-height: 100px;
}
.page-form input[type=checkbox] {
margin: 4px;
}
.page-form input[type=submit] {
background: #a735ff;
border-radius: 5px;
border: 1px solid #a735ff;
color: #fff;
font-size: 14px;
font-weight: 600;
padding: 8px 16px;
} .video-wrap { 
display: block;
position: relative;
width: 100%;
overflow: hidden;
}
.page-wrap {
display: flex;
}
.video-player {
position: relative;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;    
width: 70%;
display: inline-block;
overflow: hidden !important;
}
.player {
position: relative;
}
.player-controls {
margin-top: 1.5em;
display: flex;
align-items: stretch;
}
.player-controls .opt {
font-size: 16px;
display: flex;
flex-wrap: wrap;
align-content: center;
font-weight: 400;
}
.player-controls .opt a {
display: block;
text-align: center;
margin-right: 5px;
background: #231b30;
padding: 6px 12px;
border-radius: 5px;  
}
.player-controls .opt a:hover {
transition:all 0.3s ease;
color: #fff;
}
.player-controls .opt i {
color: #ffffffb3;
padding: 0 6px;
}
.video-comment {
border: 0 !important;
}
.video-views {
color: #999;
padding: 7px;
flex: 1;
flex-direction: row-reverse;
}
.video-side {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
width: 28%;
float: right;
}
.video-side .desktop {
aspect-ratio: 3 / 2 auto;
margin-bottom: 10px;
max-width: 300px;
max-height: 250px;
}
.item-ifr iframe, .item-ifr img {
object-fit: cover;
vertical-align: middle;
width: 100% !important;
}
.iframe-container {
background: #231b30;
overflow: hidden;
padding-top: 56.25%;
position: relative;
}
.iframe-container iframe {
border: 0;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.ifr-error {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
background: #231b30;
z-index: 3;    
display:none;
}
.ifr-error p {
position: absolute;
top: 50%;
left: 50%;
margin: 0;
padding: 0;    
font-size: 16px;
font-weight: 300;
transform: translate(-50%,-50%);
}
.ifr-error i {
display: inline-block;
color: #a735ff;
font-size: 50px;
margin-bottom: 0.5em;
}
.show {
display: block;
}
.entry-content {
color: #aaa;
}
.entry-header {
margin: 2em 0 1em;     
}
.entry-title {
color: #fff;
display: inline;
font-weight: 500;
font-size: 28px;
line-height: 1.2em;
}
.entry-duration {
margin-left: 3px;
}
.entry-meta i {
color: #a735ff;
}
.entry-meta, .entry-cat, .entry-content {
display: block;
margin-bottom: 1.5em;
}
.entry-cat {
display: flex;
flex-wrap: wrap;
align-items: center;
flex-direction: row;
padding-bottom: 10px;
}
.entry-cat a {
display: inline-block;
color: #fff;
background: #322644;
padding: 5px 15px;
font-size: 14px;
margin: 6px 7px 0px 0px;
border-radius: 25px;
font-weight: 400;
}
.entry-cat a:hover {
background: #322644;    
color: #fff;
transition:all 0.3s ease;
}
.entry-tags {
display: block;
margin-bottom: 5px;
}
.entry-tags a {
color: #a735ff;
}
.entry-tags a:hover {
text-decoration: underline;
}
.tag-wrap {
background: #000;
display: inline-block;
max-width: 80px;
margin-right: 10px;
}
.tag-wrap a { 
color: #fff;
display: block;
}
.tag-wrap a:hover img {
transition: opacity 300ms ease;
opacity: 0.7;    
}
.tag-wrap img {
object-fit: cover;
vertical-align: middle;    
width: 100%;
}
.tag-wrap span {
-ms-word-wrap: break-word;
word-wrap: break-word;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;    
font-size: 11px;
text-align: center;
display: block;
padding: 2px 8px;
}
.vote {
font-size: 16px;
}
.dot-irecommendthis {
background: #a735ff !important;
}
.dot-irecommendthis-count:before {
content: "\e913";
font-family: gaycons; 
padding: 0 6px;
}
.video-vote .active .dot-irecommendthis-count:before {
content: "\e932";
font-family: gaycons; 
}
.flagcontent-form-modal,
.flagcontent-form-inside {
background: #231b30 !important;
}
.flagcontent-form-modal {
max-width: 450px !important;
border: 1px solid #fff3;    
border-radius: 8px !important;
}
.flagcontent-form-inside {
padding: 5px !important;
}
.mfp-close-btn-in .mfp-close {
color: #fff !important;
}
.flagcontent-alert-box-success {
margin-bottom: 10px !important;
}
.flagcontent-form-fields label {
margin: 5px 0;
}
.flagcontent-header {
font-size: 18px;
font-weight: 600;
}    
.flagcontent-name-email-container, .flagcontent-reason-container, 
.flagcontent-description-container, .flagcontent-submit-container {
margin-top: 15px !important;
}
.flagcontent-name-email-container .flagcontent-email-field,
.flagcontent-reason-container,
.flagcontent-form-fields textarea  {
width: 100% !important;
}
#flagcontent_reason,
#flagcontent_email,
#flagcontent_description {
border-radius: 3px;
max-width: 100%;
border: 1px solid #393245;
background-color: #393245;
color: #989eaa;
padding: 10px;
font-size: 14px;
line-height: 18px;
}
#flagcontent_reason:focus,
#flagcontent_email:focus,
#flagcontent_description:focus {
border: 1px solid #a735ff;
color: #999;
outline: none;	
}
.flagcontent-submit-button {
width: 100%;
background: #a735ff;
border-radius: 5px;
border: 1px solid #a735ff;
color: #fff;
font-size: 14px;
font-weight: 400;
padding: 10px 15px;    
}
.mfp-close {
font-size: 35px !important;    
width: 55px;
height: 55px;
line-height: 55px;
} .pagination {
width: 100%;
margin: 20px 0 30px;
font-size: 15px;    
text-align: center;
display: block;
}
.pagination .past-page {
float: right;
width: 49%;
text-align:right;
}
.pagination .next-page {
float: left;
width: 50%;
border-right: 1px solid #ccc;
height: 200px;
}
.next-page a, .past-page a {
font-size: 2em;
font-family: "Roboto", Helvetica, sans-serif;
font-weight: 400;
font-style: italic;
padding: 10%;
}
.nav-links .page-numbers {
border-radius: 3px;
background: #231b30;
padding: 8px;
margin: 2px;
min-width: 38px;
display: inline-block;
text-align: center;
font-weight: 500;
color: #fff;
}
.nav-links .page-numbers:hover {
background: #322644;
color: #fff;
}
.nav-links .current, .nav-links .current:hover {
background: #a735ff;
color: #fff;
}
.related {
margin-top: 2em;
}
.page-left {
position: relative;
flex: 1;
}
.page-right {
display: flex;
padding-left: 2em;
align-items: flex-start;
} .comments-wrap { 
display: block;
position: relative;
width: 100%;
overflow: hidden;
}
.comments-left {
position: relative;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;    
width: 70%;
float: left;
}
.comments-right {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
width: 28%;
float: right;
}
.comments {
margin: 2em 0;
position: relative;
clear: both;
}
.comment-list {
list-style: none;
margin: 0;
}
.comment-list .comment {
background: #333;
margin: 1em 0;
padding: 20px;
position: relative;
list-style: none;
}
.comment-list .comment .children {
margin-top: 40px;
}
.comment-list .comment-author {
float: left;
margin-right: 10px;
font-style: normal;
font-size: 18px;  
}
.comment-list .comment-author img {
position: absolute;
left: -50px;
top: 5px;
}
.comment-list .reply a {
background: #a735ff;
padding: 4px 8px;
border: 1px solid #a735ff;
color: #fff;
}
.comment-list .comment-author .says {
display: none;
}
.comment-meta {
font-size: 12px;
margin-bottom: 10px;
}
.comment-subscription-form,
.comment-subscription-form {
margin-bottom: 0;
font-size: 14px;
}
#respond {
margin: 2em 0;
}
#respond > h3 {
font-size: 16px;
margin-bottom: 20px;
font-weight: 400;
}
#respond form label {
color: #888888;
display: block;
}
#comment {
background: #111;
border: 1px solid #111;
padding: 5px;
margin: 1em 0;
color: #888;
}
.submit {
background: #a735ff;
padding: 6px 10px;
border: 1px solid #a735ff;
cursor: pointer;
}
.submit:hover { 
background-color: #a735ff;
} .performers-list .loop {
width: 16.66%;
}
.performers .page-header {
justify-content: space-between;
}
.letter-menu {
display: none;
}
.letter-menu a {
border: 1px solid #333;
padding: 3px 6px;
margin: 0 -2px;
}
.letter-menu a:hover, .letter-menu .selected {
border-color: #a735ff;
color: #a735ff;
}
.bio-wrap {
position:relative;
display: flex;
align-items: center;
margin-bottom: 2em;
background: linear-gradient(260deg, #9447ff 48%, #47ffa7 143%);
padding: 15px;
border-radius: 8px;
}
.bio-img {
max-width: 100px;
margin-right: 1.5em;
}
.bio-img img {
border-radius: 50px;
width: 100%;
border: 2px solid #a735ff;
padding: 3px;
}
.bio-info a {
color: #fff;
}
.bio-info a:hover {
text-decoration: underline;
}
.bio-feed {
position: absolute;
right: 20px;    
}
.bio-feed a {
border: 1px solid #fff;
padding: 10px;
border-radius: 5px;
color: #fff;
font-weight: 500;    
}
.bio-feed a:hover {
}
.justify {
justify-content: space-between;
}
.performers .item-header {
line-height: normal !important;
}
.performers .item-count  {
color: #999;
font-size: 13px;
flex: none;
}
.performers .item-count i, .categories-list .item-count i { 
color: #a735ff;
}
.performers .item-top {
aspect-ratio: 3 / 3 auto;
}
.performers .loop-item img {
aspect-ratio: 3 / 3 auto;
border-radius: 5px;
}
.index .performers-list .loop {
width: 12.5%;
}
.performers-list .loop {
width: 16.666%;
}
.more-link a {
color: #a735ff;
} .categories-list .item-wrap {
background: rgba(0,0,0,0.5) none repeat scroll 0 0;
height: 100%;
}
.categories-list .item-wrap span {
padding: 0;
display: flex;
height: 100%;
width: 100%;
text-align: center;
align-items: center;
justify-content: center;    
}
.categories .item-count {
font-weight: 400;
position: absolute;
right: 0;
color: #adb3b0;
} #overlay {
background-position: center;
background-repeat: no-repeat;
background-size: cover;    
width: 100%;
height: 100%;
display: block;
box-sizing: inherit;
position: absolute;
overflow: hidden;
z-index: 4;
}
.blurred {
background-color: rgba(0, 0, 0, 0.5);     
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100%;  
}
.overlay-wrap {
width: 100%;
height: 100%;
}
.overlay-box {
top: 50%;
left: 50%;
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);    
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
position: absolute;
z-index: 2;
}
.btn-close {
border: 1px solid #a735ff;
width: 100%;
background: #a735ff;
border-radius: 5px;
text-transform: uppercase;
font-weight: 500;
padding: 8px 10px;
margin: 5px 0;
cursor: pointer;
text-align: center;
color: #fff;
}
.btn-close:hover {
background-color: #a735ff;
border-color: #a735ff;
}
.video-banner {
max-height: 250px;
overflow: hidden;
position: relative;
}
.loader {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #231b30;
}
.preloader {
position: absolute;
left: 44%;
top: 50%;
}
.preloader div {
position: absolute;
width: 15px;
height: 15px;
border-radius: 50%;
background: #a735ff;
animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.preloader div:nth-child(1) {
left: 8px;
animation: preloader1 0.6s infinite;
}
.preloader div:nth-child(2) {
left: 8px;
animation: preloader2 0.6s infinite;
}
.preloader div:nth-child(3) {
left: 32px;
animation: preloader2 0.6s infinite;
}
.preloader div:nth-child(4) {
left: 56px;
animation: preloader3 0.6s infinite;
}
@keyframes preloader1 {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes preloader3 {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@keyframes preloader2 {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(24px, 0);
}
}
#preloader {
z-index: 2;
}
.preloader .reload {
position: relative;
top: 35px; 
left: -6px;
}
.btn-reload {
background: transparent;
border: 1px solid #a735ff;
padding: 5px 10px;
border-radius: 25px;
cursor: pointer;
color: #ffffffb3;
font-size: 13px;
}
.btn-reload:hover { 
color: #a735ff;
} .site-footer {
background: #30293b;
color: #fffc;
font-size: 12px;
position: relative;
padding: 0.5em 0;
}
.footer-links {
display: block;
font-size: 14px;
margin: 10px 0;
}
.footer-links a {
color: #fffc;
font-weight: 400;
margin: 0 3px;
}
.hide-text {
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}
.clear {
clear: both;
}
.clearfix:before, .clearfix:after {
content: "";
display: table;
clear: both;
}
.mobile, .desktop, .alldevices { 
background: #231b30 url(//4gay.fans/wp-content/themes/4gay/img/ad_ph.png) no-repeat center;
overflow: hidden;
display: flex;
flex-wrap: nowrap;
align-content: center;
justify-content: space-evenly;    
}
.top {
position: absolute;
bottom: 20px;
right: 20px;
background: #a735ff;
border-radius: 25px;
padding: 10px 12px;
font-size: 16px;
color: #fff !important;
transform: rotate(180deg) scaleX(-1)
}
.flagcontent-form-container {
display: none !important;
}
@media only screen and (min-width: 62em) {
.recent .flex .loop, .recent .flex .loop-item {
width: 100%;
} 
.recent .item-top {
width: 50%;
float: left;
}
.recent .item-header {
padding: 0px 0;
width: 45%;
float: right;
}
.recent .item-meta {
flex-wrap: wrap;
}
.recent .item-date {
flex:none;
width: 100%;
}
}
@media only screen and (max-width: 62em) {
.site-navigation {
flex: none;
}
.desktop-search {
flex: 1;
margin-left: 1em;
}
.video-side {
width: 100%;
}
.video-side .desktop {
width: 48%;
}
.performers .page-header {
display: block;
}
.video-wrap {
overflow: visible !important;
}
.video-player, .video-ads, .comments-left {
flex: 100%;
width: 100%;
padding: 0;	
margin-bottom: 2em;
overflow: visible !important;
}
.comments-right {
flex-wrap: wrap;
justify-content: center;
width: 100%;
float: none;
align-items: center;
align-content: center;
}
.letter-menu {
margin: 1em 0;
}
}
@media only screen and (max-width: 45em) {
.mobile { 
display: block;
}
.desktop, .bio-feed, .lbl {
display: none;
}
.desktop-search:hover, .desktop-search:active {
margin-left: -11.5em;
}
.single-post #container {
padding: 0;
}
.video-wrap {
overflow: visible !important;
}
.player {
margin: 0 -1em;
}
.site-navigation, .random, .trending, .item-label {
display: none;
}
.mobile-search, .mobile-menu-wrapper {
display: block;
}
.comments-left {
flex: 100%;
width: 100%;
}
.flex .loop {
width: 50%;
}
.entry-title {
font-size: 21px;
}
.performers-list .loop {
width: 25%;
}
.index .performers-list .loop:nth-last-child(-n + 3)  {
display: none;
}
.index .performers-list .loop {
width: 19.999%;
}
.bio-wrap {
padding: 10px !important;
}		
.slogan {
padding: 1.5em 1em;
}	
.slogan h1 {
font-size: 18px;
line-height:21px
}
.page-form form {
width: 100% !important;
}	
}
@media only screen and (max-width: 24em) {
.tag-wrap {
max-width: 50px;
}
.flex .loop, .categories-list .loop {
width: 100%;
}
.performers-list .loop-item img {
min-height: 50px;
}
.performers-list .loop .flex .loop-item img {
min-height: 100px;
}
.performers-list .loop {
width: 33.3333%;
}
.video-comment span, .video-bookmark span, .index #performers, .bio-feed a span, .video-report a span {
display: none;
}
.sort-menu ul {
clear: both;
}
.desktop-search:hover {
margin-left: -12em;
}	
.preloader {
left: 38%;
top: 48%;
}
}