/*
Theme Name: SexyClips24
Description: Parent Theme CLIPS
Author: Costi
Version: 2.4
Text Domain: SexyClips24
*/
* {font-family: 'Open Sans', sans-serif;}
h2 {font-weight: normal;margin: 0;padding: 0;}
a:hover {color:#c833da;}a {outline:none;}
/*------------------------------------- GENERAL CSS-------------------------------------------------- */
.new-title, .new-title-channels {width: 100%;text-align: center;color:#bbb3aa;font-size:15px;text-transform: uppercase;}
.banners {width: 100%;text-align: center;margin:2px 0;}
.the_banner {display: inline-block;width: 49%;margin:0 auto; overflow: hidden;}
.bg_blur {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.4);z-index:1;}
.banner a img {width: 100%;}
/* ------------------------------------ AGE VERIFICATION CSS ---------------------------------------------- */
.age_ver {position: fixed;width: 100%;height: 100%;padding: 0;margin: 0;background: rgba(4,5,4,0.85);z-index:100;top:0;}
.age_container {width: 90%;text-align: center;margin: 15% auto;}
.age_container p {font-size: 17px;color: #c4c1c6;padding:20px 0;}
#age_yes, #age-popup-yes {width:80%;min-height:50px;background: #c833da;cursor: pointer;color: #fff;font-size: 20px;line-height: 2em;margin:10px auto;max-width: 400px;padding:10px;}
#age_no {float: right;padding: 0 5px 0 0;color:#645966;text-decoration: none;}
#age img {width: 90%;padding:20px 0;max-width: 400px;}
/*------------------------------------------- HEADER CSS ---------------------------------------------------------------------*/
#header {min-width:300px;height:45px;padding:0 5px;text-align: center;position: relative;} /* background:#120217; */
#logo {width: 130px;zoom:1;z-index: 3;position: relative;margin:0px auto;}
/* ------------------------------------------------body CSS------------------------------------------------ */
html {margin:0;background: #140617;}
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite, code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre, q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead, tr, tt, ul, var{margin:0;padding:0;vertical-align:baseline}
.pagewrap {display: block;margin: 0 auto;width: auto;max-width: 960px;}
/*------------------------------------------------PRICE INFOR WIDGET CSS------------------------------------------------*/
.textwidget {color: #a0a0a0;text-transform: uppercase;font-size: 10px;text-align: center;padding: 1px;background: #010101;}
/*------------------------------------------------side panel CSS------------------------------------------------*/
.sidenav_container {position: relative;}
.second{cursor:pointer;overflow:hidden;position: absolute;top:2px;padding:2px 0;background-repeat: no-repeat;width: 40px;height: 40px;z-index:10;}
.second_margin {margin-left:270px;background: rgba(0,0,0,0.8);top: 0;position: fixed;}
#menu_icon {position: absolute;display: block;width: 40px;height:40px;top:0;left:0;padding:2px 0;margin:0;text-align: center;cursor: pointer;}
.navigation{font-size:12px;position:relative}
.navigation li{line-height:70px;list-style-type: none;}
.navigation a {display:block;text-shadow:none;padding:4px 0 0 85px;text-decoration: none;font-size: 15px;border-left:solid 5px transparent;color:#cbc2d0;}
#modal{position: fixed;z-index: 10;background: #1c0321;height: 100%;width:270px;}
.modal_menu{top: 0;}
.visible {visibility: visible;opacity: 1;transition: opacity .2s linear;}
.hidden {visibility: hidden;opacity: 0;transition: visibility 0s .2s, opacity .2s linear;}
#page_mask {position: fixed;background: rgba(0,0,0,0.8);display:none;width: 100%;height:100%;z-index:9;}
.navigation>div>ul.menu .current-menu-item, .navigation>div>ul.menu .current_page_item {background-position: 30px 13px;}
/*------------------------------------------------footer CSS------------------------------------------------*/
.footer2{width: auto;position: relative;z-index: 5;bottom: 0;margin: 20px 0;padding: 0 0 0 30px;}
.footer2>div ul li {display: block;line-height: 25px;float: left;padding: 0 20px;}
.footer2>div ul li a {text-transform: none;text-decoration: none;border-right: none;color: #9b768c;font-weight: lighter;font-size: 13px;}
.menu:after, .page:after, .videoitem a:after, .our_sites:after, .navigation:after, .footer2:after, .single_categories:after, .single_details:after, .single_tags:after, .renew-row:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.footer {left:0;width: 100%;position: fixed;z-index: 5;bottom: 0;margin: 0;padding: 0;background: rgba(0,0,0,0.8);}
.footer>div>ul {display: block;text-align: center;margin: 0 auto;padding:0;}
.footer>div ul li {display: inline-block;font-size: 8px;padding:5px 0;list-style-type: none;}
.footer>div ul li a {font-size:8px;padding: 0px 5px;border-right: solid 1px #e1d3e4;font-weight: lighter;text-transform: uppercase;color: #e1d3e4;text-decoration: none;}
.footer>div ul li a:hover {color:#c833da;}
#menu-footer-menu li.current-menu-item a, #menu-footer-menu li.current_page_item a {border-left:none;}
/*------------------------------------------- TVME HEADER CSS----------------------------------------------------------------*/
.category-title-tvme {height:53px;line-height: 53px;}
/*----------------------------- SLIDER GENERAL CSS ----------------------------------------*/
.slider>ul li {list-style-type: none;width: 100%;text-align: center;}
.big_play {width: 100%;position: relative;z-index: 2;}
.details {background-color: rgba(6,1,9,0.7);padding:9px;}
.details a, .details {text-decoration: none;color: #beb6c1;}
.d_title {float: left;width: 79%;}
.title_text {display: block !important;}
.d_title a h2 {text-align: left;padding-left: 10px;font-size: 12px;color:#f2eff4;}
.d_title p {font-size: 10px;margin: 0 5px;padding: 0;color:#736e75;}
.d_meta {float: right;width: 19%;font-size: 11px;color: #736e75;border-left:solid 1px rgba(190,182,193,0.4);}
.d_meta ul li {text-align: left;padding-left:0.6em;list-style-type: none;}
.time-xxx {position: absolute;right: 5px;bottom: 70px;padding: 2px 7px;background: rgba(39,37,35,0.5);margin-bottom: 5px;margin-right: 5px;font-size: 9px;border-radius: 3px;}
.wpc-slider-navigation-arrow img {width:50px;}
.prev, .next {position: absolute;z-index:1;top:45%;width:50px;width:50px;height:36px;}
@media all and (max-width: 700px) {.prev, .next {top:40%;}}
@media all and (max-width: 600px) {.prev, .next {top:35%;}}
@media all and (max-width: 500px) {.prev, .next {top:30%;}}
.slick-slider .slick-dots {bottom:5px;}
.slick-slider .slick-dots li.slick-active button {border:solid 2px #f7941e;}
.slick-slider .slick-dots li button {border:solid 2px #c9c3be;border-radius:10px;width: 10px;height: 10px;}
.slick-slider .slick-dots li button:before {font-size:0;}
.time-handyporn-new, .time-xxx, .time-videolist {color:#fff;}
/*------------------------------------------------VIDEO LIST CSS------------------------------------------------*/
#page_wrap {min-width: 300px;position: relative;}
.videos_list {margin:10px auto;display: block;text-align: center;width: 100%;max-width:960px;}
.videoitem {width: 49%;display: block;float:left;margin:0.5%;margin-top:5px;position:relative;}
.videoitem .img_a {display: block;}
.video_play {width: 93%;margin: -1px auto;display: initial;position: relative;z-index: 2;}
.video_title a {text-decoration: none;color: #beb6c1;}
.video_title a h3 {padding: 10px 5px;font-weight: lighter;font-size: 10px;text-align: left;min-height: 25px;}
.video_meta ul li:first-child {border-left:none;}
.video_meta ul li {list-style-type: none;color: #beb6c1;float: left;font-weight: lighter;font-size: 8px;border-left: solid 2px #3d2f41;text-align: center;padding:3px 3px;min-height: 17px;}
.details:after, .videos_list ul:after, .videos_list:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.time-videolist {position: absolute;right: 5px;bottom: 70px;padding: 2px 7px;background: rgba(39,37,35,0.5);margin-bottom: 5px;margin-right: 5px;font-size: 9px;border-radius: 3px;color:#fff;}
/* ---------------------------------------OUR SITES CSS-------------------------------------*/
.gallery-item {max-width:250px;}
.gallery-item a {width:100%;display: block;}
.gallery-item a img {width: 100%; height:auto;border:none !important;}
#gallery-2 .gallery-item {float:none !important;display: inline-block;}
.gallery {text-align: center;}
/* ---------------------------------------CATEGORIES PAGE CSS-------------------------------------*/
.cat-title {text-align: center;padding:20px 0;}
.category-list {text-align: center;}
.category-list>ul {width: 90%;margin: 0 auto;}
li.category, .category-title {list-style-type: none;margin: 10px 0;background-color: #771592;cursor: pointer;padding:5px 0;}
li.category:hover, li.category:visited, li.category:active {background-color: #431153;}
li.category a {color: #f9f9f9;text-shadow:0 0 1px #888;text-decoration: none;padding: 10px 0;display: block;font-size: 14px;	}
.category-title h2 {text-align: center;font-size: 18px;color: #e3e3e3;text-decoration: none;display: block;text-shadow: 0 0 2px #333;}
/* ---------------------------------------DEFAULT PAGE CSS-------------------------------------*/
.page_content {padding: 5px 10px;color: #beb6c1;}
.page_content ol li, .page_content ul li{text-align: justify;list-style-position: inside;padding-top: 5px;font-size: 10px;color: #c4c1c6;font-weight: lighter;}
.page_content ol li ul li {margin-left: 10px;}
#try_again {margin:10px auto;display: block;width: 30%;padding: 10px;text-align: center;text-decoration: none;}
#close_page {margin:50px auto;display: block;width: 30%;text-align: center;color: #fff;font-weight: bold;cursor: pointer;}
/* ---------------------------------------Service Canceled CSS-------------------------------------*/
.billingBox {padding:10px;color: #beb6c1;text-align: center;}
.billingBox p a {color: #c833da;text-decoration: none;display: block;font-size: 14px;}
/* ---------------------------------------SEARCH FORM CSS-------------------------------------*/
.search_form {width: 100%;position: absolute;top:2px;right:0px;}
.sb-search {position: relative;margin-top: 0px;width: 0%;min-width: 50px;height: 50px;float: right;overflow: hidden;    -webkit-backface-visibility: hidden;}
.sb-search-input {position: absolute;top: 0;right: -25px;left:0;padding:0 40px 0 13px;border: none;outline: none;background: transparent;width: 100%;height: 50px;margin: 0;z-index: 10;font-size: 20px;color: #120217;}
.sb-search-input::-webkit-input-placeholder {color: #d3d3d3;font-size:20px;font-weight: 100;}
.sb-search-input:-moz-placeholder {color: #d3d3d3;font-size:20px;font-weight: 100;}
.sb-search-input::-moz-placeholder {color: #d3d3d3;font-size:20px;font-weight: 100;}
.sb-search-input:-ms-input-placeholder {color: #d3d3d3;font-size:20px;font-weight: 100;}
.sb-icon-search, .sb-search-submit  {width: 40px;height: 40px;display: block;position: absolute;right: 0px;top: 0;padding: 2px 0;margin: 0;line-height: 65px;text-align: center;cursor: pointer;}
.sb-search-submit {background: #fff; /* IE needs this */-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */filter: alpha(opacity=0); /* IE 5-7 */opacity: 0;color: transparent;border: none;outline: none;z-index: -1;}
.sb-icon-search {color: #fff;background-size: 30px;background-position: center;z-index: 90;font-size: 22px;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;}
.opened {height: 45px;}
/* Open state */
.sb-search.sb-search-open, .no-js .sb-search {width: 100%;}
.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {right:0px;color: #fff;z-index: 11;}
.sb-search.sb-search-open .sb-search-submit, .no-js .sb-search .sb-search-submit {z-index: 90;}
/* ---------------------------------------SEARCH PAGE CSS-------------------------------------*/
.search {color: #c4c1c6;font-weight: lighter;}
.search h2 {display: block;width: 90%;margin:0 auto;color: #c4c1c6;text-align: center;}
.search .blogcontent {display: block;margin: 10px auto;width: 90%;text-align: center;}
.blogcontent a {text-decoration: none;color: #c4c1c6;}
#search_for {text-align: center;padding: 20px 0;margin: 0 10px;overflow-wrap: break-word;}
#search_for h1 {margin-top:20px;}
#adminmenu .wp-submenu li.hide-if-no-customize {display: none !important;}
#loginwrap1 {margin: 5% auto !important;    text-align: center;}
#loginwrap1 h6 {color:#fff;}
#divim {height:190px;}
.turquoise {width: 200px;margin: 0 auto;display: block;cursor: pointer;}
/* ---------------------------------------SINGLE VIDEO CSS-------------------------------------*/
.video video {width: 100%;max-width: 960px;margin: 0 auto;display: block;margin-bottom: 10px;}
video[poster] {object-fit:cover;}
.single_details {padding:0 10px;}
.single_title {font-weight: lighter;font-size: 16px;color: #beb6c1;}
.video_single_title p {font-weight: lighter;font-size: 12px;color: #beb6c1;padding:5px 0;}
.single_time {font-weight: lighter;font-size: 12px;color: #beb6c1;line-height: 16px;padding: 5px 0;}
.single_time p {color:#5c565e;}
.single_categories {padding:5px 0;}
.single_categories p {color: #5c565e;font-weight: lighter;font-size: 12px;}
.cat-item {list-style-type: none;padding: 0 3px;}
.cat-item a {text-decoration: none;}
.cat-item a:hover {color:#c833da;}
.single_tags {padding:5px 0;}
.single_tags {color: #5c565e;font-weight: lighter;font-size: 12px;}
.single_tags a {text-decoration: none;color: #c833da;}
li.cat-item a {font-size:12px;}

/* ---------------------------------------FORGOT PASSWORD CSS-------------------------------------*/
#loginwrap_custom p, #login_error {font-weight: lighter;color:#c4c1c6;text-align: center;margin:30px auto;}
#lostpasswordform fieldset {border:none;}
#pass_reset, #back_to_login {text-decoration: underline;}
#loginwrap_custom p a {font-weight: lighter;}
#loginwrap_custom #wp-submit {cursor: pointer;}
#loginwrap_custom #item-container button[type=button] {background-color: transparent;color: #c833da !important;text-decoration: none !important;font-weight: lighter;}
.forget {display: none;}
/* ---------------------------------------ACCOUNT PAGE CSS-------------------------------------*/
.page_content>p {font-weight: lighter;color: #c4c1c6;font-size: 12px;text-align: justify;}
.page_content>p a {color: #c4c1c6;}
.page_content>p a:hover {color:#c833da;}
.page_content ul.form-table li {text-align: center;list-style-type: none;}
#account-form, .renew-form {width: 90%;display: block;margin: 10px auto;padding: 25px 10px;background-color: rgba(110,38,125,0.4);overflow: hidden;position: relative;}
.form-table {width: 100%;}
ul.form-table li label {font-weight: lighter;font-size: 14px;display:block;}
.description {display: block;}
@media all and (orientation:landscape) {#display_name {text-indent: 45% !important;}}
.form-table input[name=user_login] {padding:10px 0 !important;}
#display_name {text-indent: 40%;}
#nickname, #display_name, #pass1, #pass2, .account-form-content #user_login {width: 90%;margin: 10px 0;-webkit-appearance: none;border:none;background: transparent;text-align: center;padding: 10px 0;color: #fff;font-size: 12px !important;border-radius: 0;outline: -webkit-focus-ring-color auto 0px;border-bottom:solid 1px #333;border-right:solid 1px #333;}
input.button-primary[name=submit], .unsubscribe, .default-button {display: block;margin: 0 auto;-webkit-appearance: none;padding:15px 25px;font-weight: lighter;font-size: 14px;color: #fff;background-color: #792b89;border: none;box-shadow: 0 0 3px #4c0c5a;width: 200px;}
.renew-details {text-align: center;font-weight: lighter;font-size: 11px !important;margin-bottom: 20px;}
.renew-left, .renew-right{display:block;width:47%;}
.renew-left {text-align: right;float:left;}
.renew-right {text-align: left;margin-left: 5%;float: right;}
#membershipaccounttoggle, .renew-form .formleft h2 {text-align: center;font-size: 14px;line-height: 26px;color:#beb6c1;}
.open-icon, .close-icon {position: absolute;right: 10px;cursor:pointer;width: 30px;height: 30px;    top: calc(50% - 15px);}
.open-icon {background: url(images/plus_accordion.png) no-repeat;background-size: 100%;}
.close-icon {background: url(images/minus_accordion.png) no-repeat;background-size: 100%;}
#account-form, .renew-form {cursor: pointer;}
.account-form-content ul.form-table li {padding:10px 0;}
.account-form-content #user_login {color: rgb(84, 84, 84);}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {background-color: transparent;}
/* --------------------------------------------- 404 PAGE STYLE ---------------------------------------- */
.content_nf {width: 100%;text-align: center;}
.content_nf img.nf {width: 60%;margin:7% auto;display:block;margin-bottom: 5%;}
#nf_a {text-decoration: underline;color: white;}
/* ----------------------------------------------STOP SCROOL----------------------------------------------*/
.stop_scrool {height: 100%;overflow: hidden;position: fixed;right:0;left:0;}
/*----------------------------------------------- TITLE WRAP CSS --------------------------------------------------*/
.new_handyporn_slider_title a h2, .video_title a h3, .single_title, .d_title a h2, .single_video_title h2 {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#latest {padding: 5px 3px;text-align: left;color:#fff;font-weight: bold;text-transform: uppercase;}
.sticky {position: fixed;width: 100%;left: 0;top: 0;z-index: 100;border-top: 0;}

/*----------------------------------- LOGIN.PHP - CORE WORDPRESS ----------------------------------*/
#loginform {text-align:center;padding: 3em 2em 2em 2em;}
#loginform fieldset {border:none;}
#loginwrap fieldset p {color: #beb6c1; padding:10px 5px;}
#loginform fieldset p label input#user_login, #loginform fieldset p label input#user_pass {-webkit-appearance: none; width:80%;padding:10px 35px;text-align:center;font-size:15px;border:none;margin:5px 0;}
#loginform fieldset p #wp-submit {-webkit-appearance: none;width:80%;border:none;padding:15px 0;font-size:16px;}
#loginwrap p.message {color:#beb6c1;margin:20px auto;text-align: center;width: 90%;}
#loginwrap form#lostpasswordform {width: 90%;margin:0 auto;text-align: center;}
#loginwrap form#lostpasswordform fieldset p label input#user_login {display: block;text-align:center;margin:10px auto; -webkit-appearance: none;width:80%;padding:10px 35px;font-size:15px;border:none;}
#loginwrap form#lostpasswordform fieldset p input#wp-submit {-webkit-appearance: none;width:80%;border:none;padding:15px 0;font-size:16px;}
#loginwrap p {text-align: center;}
/* ---------------------------------------LOGIN CSS-------------------------------------*/
#loginwrap_custom {width: 90%;margin: 10% auto;}
#loginform1 {border:none;text-align:center;padding: 3em 2em 2em 2em;overflow: hidden;}
#loginwrap_custom #loginsubmit, #loginwrap_custom #wp-submit, #ajaxPagination {-webkit-appearance: none;width: 100%;border: none;padding:15px 0;font-size: 16px;border-radius: 0;outline: -webkit-focus-ring-color auto 0px;cursor: pointer;}
#ajaxPagination {width:30%;display: block;margin: 0 auto;text-align:center;}
 #loginform1>p, #loginwrap_custom #item-container {text-align: center;padding:20px 0;font-size: 14px;font-weight: lighter;}
 #loginform1>p a, #loginwrap_custom #item-container button[type=button] {display: block;width: 30%;margin: 10px auto;border:solid 2px #ada8be;font-weight: lighter;font-size: 14px;text-decoration: none;color: #827e90;padding:10px;}
#loginwrap_custom #lostpasswordform fieldset p label {position: relative;left:0;}
#loginwrap_custom #lostpasswordform .submit {padding:20px 0;}

* { box-sizing:border-box; }
body {
    font-family: Helvetica;
  -webkit-font-smoothing: antialiased;
}
#loginwrap_custom .group { 
    position: relative; 
    margin-bottom: 45px; 
}
#loginwrap_custom input {
    font-size: 18px;
    padding: 10px 10px 10px 5px;
    -webkit-appearance: none;
    display: block;
    width: 100%;
    border-radius: 0;
}
#loginwrap_custom .text-input, #loginwrap_custom #user_login, #loginwrap_custom #user_pass {background:transparent;border:none;border-bottom: 1px solid #757575;color:#fff;}
#loginwrap_custom input:focus { outline: none; }

/* Label */
#loginwrap_custom label {
    font-size: 18px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 5px;
    top: 10px;
    -webkit-transition:all 0.2s ease;
    transition: all 0.2s ease;
}

/* active */
#loginwrap_custom input:focus ~ label, #loginwrap_custom input.used ~ label {
    top: -25px;
  -webkit-transform: scale(.75);
          transform: scale(.75); left: -2px;
}

/* Underline */
#loginwrap_custom.bar {
    position: relative;
    display: block;
    width: 100%;
}
#loginwrap_custom .bar:before, #loginwrap_custom .bar:after {
    content: '';
    height: 2px; 
    width: 0;
    bottom: 1px; 
    position: absolute;
    -webkit-transition:all 0.2s ease; 
    transition: all 0.2s ease;
}
#loginwrap_custom .bar:before { left: 50%; }
#loginwrap_custom .bar:after { right: 50%; }

/* active */
#loginwrap_custom input:focus ~ .bar:before, #loginwrap_custom input:focus ~ .bar:after { width: 50%; }

/* Highlight */
#loginwrap_custom .highlight {
    position: absolute;
    height: 60%; 
    width: 100px; 
    top: 25%; 
    left: 0;
    pointer-events: none;
    opacity: 0.5;
}

/* active */
#loginwrap_custom input:focus ~ .highlight {
    -webkit-animation: inputHighlighter 0.3s ease;
            animation: inputHighlighter 0.3s ease;
}

.sidenav_container {
    max-width: 1024px;
    right: 0;
    left: 0;
    margin: 0 auto;
}

.sidenav_container .second {
    left: 2px;
}
.search_form {
    max-width: 1024px;
    margin: 0 auto;
    left: 0;
    right: 0;
}