body{background-color: #000;}

.logo img{max-height:50px;}
.search-container {display: none;position: absolute;padding: 0px 20px;top: 50px;z-index: 9;right: 10px;}
#searchInput 
{
  width: 0;opacity: 0;position: absolute;top: 0;right: 0;padding: 10px;transition: all 0.3s ease;
  border: none;border-bottom: 2px solid #aaa;background: transparent;
}
#searchIcon {background: transparent;border: none;cursor: pointer;}
#searchContainer.active {display: block;}
#searchInput.active {width: calc(100% - 40px);opacity: 1;}
#searchContainer input:not([type='checkbox']){width: 82% !important;background: #ccc !important;border: 1px solid #ccc !important;}
#searchContainer button{width: 50px !important;max-width: 50px !important;background: #FE0189 !important;}
.modelcontent{display: none;}
#scroll-top{background: #FE0189;border-radius: 30px;padding: 7px 8px;margin-top:10px;}
#scroll-top .fa{position: relative;top: -2px;}
#scroll-bottom
{
  position: absolute;bottom: 10px;text-align: center;right: 0;background: #FE0189;border-radius: 30px;
  padding: 7px 8px;
}
.bottomsocialicons
{
  display: flex;flex-direction: column;align-items: center;justify-content: center;height: calc(100vh - 210px);
}
/* .logo{opacity: 0;z-index: -1;} */
.logo h2{color:#fff;margin-bottom:0px;font-size:25px;}
.topbar{height:54px;}
#loom-companion-mv3{display:none !important;}
.swipemain{background-color: #000;}
.searchbarheader{min-width:28%;}
.searchbarheader input
{
  width: 80% !important;background: #ccc !important;border: 1px solid #ccc !important;border-radius:100px;
}
.searchbarheader button
{
  width: 50px !important;max-width: 50px !important;background: #FE0189 !important;border-radius: 0 100px 100px 0;
}
.dotsonline
{
  width: 10px;height: 10px;background-color: #9fe20d;border-radius: 50%;display: block;margin-right: 5px;
}
.form-control:focus{box-shadow: none;border-color: none !important;}
.scrollarrows{position: absolute;right:10px;top:0px;text-align: center;z-index:9;height: calc(100vh - 108px);}
.scrollarrows .fa{color:#fff;font-size:30px;cursor:pointer;}
.scrollfullwidth{margin-bottom:20px;}
.userprofile .fa{font-size: 30px;color:#fff;}
.iconsleftcommon span{color:#fff;}
.iconsleftcommon {margin-bottom:15px;}
.fw-50{font-size:50px !important;}
.mb-30{margin-bottom:30px;}
.bgcoverimg{height: 220px;object-fit: cover;width: 100%;}
.userproimg
{
  border-radius: 50%!important;position: absolute;bottom: -50px;left:20px;width:100px;height:100px;object-fit:cover;
}
.text-align-right{text-align: right;}
.userbackcover{position: relative;}
.useramount
{
  background: #3D4347;color: #fff;padding: 9px 15px;border-radius: 40px;font-size: 25px;margin-top: 5px;
  margin-right: 10px;position: relative;top: 4px;display: inline-flex;
}
.usercomment
{
  background: #3D4347;color: #fff;padding: 8px 10px;border-radius: 40px;font-size: 25px;
  margin-right: 15px;position: relative;top: 4px;
}
.userfollow
{
  background: #FE0189;color: #fff !important;border-radius: 50px;padding: 12px 30px;
  position:relative;top:4px;display: inline-flex;
}
.userdesc{color:#fff;padding:0px 10px;}

.userdesc h2 span{font-size: 15px;margin-left: 10px;color: #7e7c7c !important;}
.userdesc .profilename{font-size: 25px;margin-bottom:5px;color:#fff !important;margin-left:0px;}
.userdesc b{margin-right:5px;}
.userdesc p span{margin-right:10px;color: #7e7c7c !important;}
.pnamedetail{color: #7e7c7c !important;}
.userdesc p{margin-bottom: 0px;font-size: 15px;}
.userdesc a{color:#fff;}
.reelssection{display: flex;flex-wrap: wrap;padding: 0px 10px;margin-top:10px;margin-bottom:20px;}
#tagsContainer{display: flex;flex-wrap: wrap;}
#tagsContainer span 
{
  background: #FE0189;color: #fff;border-radius: 100px;padding: 3px 10px;margin-right: 7px;margin-bottom: 7px;
}
.reelssection img{width: calc(100% / 3);padding: 10px;box-sizing: border-box;}
.rightsechome{padding-right:0px;width:414px;float:left;}
/* #chat-container{height: calc(100vh - 147px);overflow: auto;} */
.rightsechome{height: calc(100vh - 140px);overflow: auto;padding-right:10px;}
.rightsechome::-webkit-scrollbar-track,.searchsection::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);background-color: #F5F5F5;border-radius: 0px;
}
.rightsechome::-webkit-scrollbar,.searchsection::-webkit-scrollbar{width: 10px;background-color: #F5F5F5;}
.rightsechome::-webkit-scrollbar-thumb,.searchsection::-webkit-scrollbar-thumb
{
	border-radius: 0px;background-color: #FFF;
  background-image: -webkit-gradient(linear,40% 0%,75% 84%,from(#FF57B1),to(#B20462),color-stop(.6,#FE0189))
}
.leftreelsec{float: left;width: calc(100% - 414px);}
.rotate-right {transform: rotate(180deg);transition: transform 0.5s;}
.fullreelsections{width:100%;}
.container-fluid.swipemain{padding: 0;}
.btnFullscreenclass{margin-bottom:20px;}
.btnFullscreenclass img{margin:0 auto;cursor: pointer;}
.d-none-desktop{display: none !important;}
.rightsechome .fa-arrow-left{color:#fff;display: none;margin: 5px;font-size: 25px;}
.searchsection{display: none;}
.searchbycreator input 
{ 
  text-indent: 30px;font-family:  FontAwesome, sans-serif;width: 100%;text-align: center;background: #373737;
  border-radius: 5px;padding: 5px;
}
.searchbycreator{padding:10px;position: relative;}
.closesearch{position: absolute;right: 10px;top: 10px;font-size: 30px;cursor: pointer;}
.searchbycreator h2{text-align: center;font-size: 25px;font-weight: bold;}
.searchmodelslist{display: flex;flex-wrap: wrap;text-align: center;margin-top:20px;}
.searchmodaldetails{width: calc(100% / 3);margin-bottom:20px;box-sizing: border-box;}
.searchmodaldetails img{max-width: 100%;width:80px;height: 80px;border-radius: 100px;object-fit:cover;margin:0 auto;}
.searchmodaldetails p{margin-bottom:0px;font-size:12px;}
.searchmodaldetails a{color:#fff;}
.nosearchresults{text-align: center;width:100%;}
.nav-tabs{border-bottom: 0px;}
.nav-tabs .nav-link{border-radius: 5px;margin: 0px 5px;}
.nav-tabs .nav-link.active
{
  color: #fff;    background-color: #585D73;    border-color: #585D73;
}
.nav-link{padding:5px 12px;color:#fff !important;}
.nav-link:focus, .nav-link:hover{color:#fff !important;}
.searchsection
 {
  position: fixed;top: 108px;width: 414px;z-index: 99;height: calc(100vh - 108px);right:0px;
  background-color: #222629;color:#fff;overflow: auto;
 }
 #searchnav-tab{background: #373737;justify-content: center;margin-top:20px;}
 .swiperclass video{height: calc(100vh - 108px);position: absolute;width:100%;}
 .videotag{width:100vw;height: calc(100vh - 108px);}
 .showDesktopAdssec .swiperclass video{height: calc(100vh - 210px);}
 .showDesktopAdssec .videotag{height: calc(100vh - 210px);}
.vjs-control-text{display:none !important;}
 .pos-absolute{position: absolute;}
 .modelcontent h1, .modelcontent p{color:#fff;}
 .userprofileclick{display: none;}
 .cfreeaccount{background: #fff;color: #000 !important;padding: 7px 20px;border-radius: 100px;border: 1px solid #fff;}
 .caccountlogin{padding: 7px 15px;border-radius: 100px;border: 1px solid #fff;}
.livemodels{padding-top: 5px;padding-left: 30px;display: flex;align-items: center;}
.mobshowmenus{display: none;}
#searchForm{margin-bottom:0px !important;}
.swipebottomsec
{
  position: absolute;bottom: 10px;color: #fff;z-index: 9;text-align: center;margin-left: auto;border-radius: 30px;
  margin-right: auto;left: 0;right: 0;background-color: rgba(254, 1, 137, 0.5);padding: 5px 25px;width: fit-content;
  
}
.swipebottomsec p{margin-bottom:0px;}
.closediv{margin-left: 20px;cursor: pointer;}
.mobilemsg{display: none;}
.contenrrepeatsec{margin-bottom:30px;}
.contentpagescommon h1,.contentpagescommon h2,.contentpagescommon h3,.contentpagescommon h4,
.contentpagescommon h5,.contentpagescommon h6
{
  color:#fff;
}
.contentpagescommon p{color:#fff;}
.menubar{background: #373737;transition: all 0.5s;text-align: center;}
.menubar ul{margin: 0;padding: 0;display: flex;list-style: none;align-items: center;justify-content: center;}
.menubar ul li{display: inline;white-space: nowrap;padding: 15px 20px;}
.menubar a
{
  display: flex;align-items: center;justify-content: space-between;padding: 0 3px;font-family: var(--font-secondary);
  font-size: 16px;font-weight: 600;color: #fff;white-space: nowrap;transition: 0.3s;position: relative;
}
.menubar a:before
{
  content: "";position: absolute;width: 100%;height: 2px;bottom: -6px;left: 0;background-color: var(--color-secondary);
  visibility: hidden;width: 0px;transition: all 0.3s ease-in-out 0s;
}
.menubar a:hover:before, .menubar li:hover>a:before, .menubar .active:before 
{
  visibility: visible;width: 100%;
}
.contentpagescommon{margin-bottom:50px;}
@keyframes slideInRightToLeft {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes slideInLeftToRight {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}
#popup-modal
{
  bottom: 20px;position:fixed;background: #fff;padding:10px;border-radius: 10px;z-index:9999;width:400px;
  display:none;box-shadow: 3px 4px 40px #000;
}
.rightfix{right:30px; animation: slideInRightToLeft 0.5s ease;}
.leftfix{left:30px; animation: slideInLeftToRight 0.5s ease;}
.popup-content{position:relative;}
.closepopup
{
  margin-bottom:0px;text-align: right;cursor:pointer;position: absolute;right: -20px;top: -20px;
}
.dynamiccontent h3{font-size:25px;}
.dynamiccontent a{background: #FE0189;color: #fff;padding: 10px;border-radius: 5px;line-height:40px;}
.modal-open .topbar ,.modal-open #searchContainer ,.modal-open .menubar ,.modal-open .header, 
.modal-open .swipemain
{
  filter: blur(10px);-webkit-filter: blur(10px); 
}
#centermodelPopup .modal-content
{
  background: radial-gradient(46.7% 141.3% at 0% 100%,rgba(223,240,255,.2) 0%,rgba(76,136,188,.06) .01%,rgba(76,136,188,0) 100%),radial-gradient(102.4% 136.98% at 92.28% 0%,rgba(211,0,17,.16) 0%,rgba(211,0,17,.16) 40.91%,rgba(211,0,17,0) 100%),#1d1d1d;border-radius: 10px;box-shadow: 0 10px 50px rgba(0,0,0,.5);color:#fff;
}
#centermodelPopup .modal-body
{
  margin: 0 auto;
}
.model-invite__bubble
{
  background: rgba(255,255,255,.15);border-radius: 20px;color: #fff;font-size: 16px;width:100%;
  line-height: 140%;margin-bottom: 25px;opacity: .8;padding: 20px 25px;position: relative;max-width: 300px;
}
.model-invite__emoji{height: 26px;transform: rotate(-15deg);width: 26px;}
.model-invite__bubble:before 
{
  background: linear-gradient(-45deg,rgba(255,255,255,.15) 0%,rgba(255,255,255,.15) 50%,transparent 50%);
  border-bottom-right-radius: 4px;  bottom: -10px;  content: "";  height: 20px;
  left: calc(50% - 10px);  position: absolute;  transform: rotate(45deg);  width: 20px;
}
.ModelUserImge
{
  border: 6px solid rgba(255,255,255,.15);border-radius: 50%;height: 80px;margin-bottom: 4px;width: 80px;
  object-fit:cover;margin:0 auto;
}
.popupusername{color: rgba(255,255,255,.5) !important;font-size: 12px;margin-bottom: 25px;text-align: center;}
.Listofmodels{padding-left:0px;}
.Listofmodels li{display: flex;line-height: 30px;font-size:14px;}
.Listofmodels li span
{
  color: rgba(255,255,255,.6);text-shadow: 1px 1px rgba(0,0,0,.5);padding-left:10px;padding-right:5px;
}
.Listofmodels li img{width:15px;}
.closepopupmodel{cursor: pointer;}
#centermodelPopup p{text-align:center;}
.joinnowbtn
{
  display: block;text-align: center;background: #FE0189;color: #fff;border-radius: 30px;
  padding: 5px;font-weight: bold;border:2px solid #FE0189;
}
.joinnowbtn:hover{background:#fff;color:#FE0189;}
.footer{background: #373737;text-align: center;flex-shrink: 0;}
.footer ul {margin: 0;padding: 10px 5px;list-style: none;}
.footer ul li{display: inline;padding: 15px 20px;line-height: 30px;}
.footer ul li a
{
  font-family: var(--font-secondary);font-size: 14px;font-weight: 600; color: #fff;
}
.innerpagemaincontainer{display: flex;flex-direction: column;min-height: calc(100vh - 108px);}
.topsec{flex: 1;}
/* .menubar.sticked
{
  position: fixed;top: 0;right: 0;left: 0;height: 60px;box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
} */
.header.sticked{position: inherit;}
.contentpagescommon p, .contentpagescommon b, .contentpagescommon span, .contentpagescommon strong,.contentpagescommon li
{
  color:#fff !important;
}
.contentpagescommon a{color:#FE0189 !important;text-decoration:underline;}
.contentpagescommon a:hover{color:#ff4daa !important;}


.dayDiv{color: #000;border: unset;border-radius: 100px;}
.nightDiv{color: #fff;border: unset;border-radius: 100px;}
.dayDiv:hover{border:unset;}
.nightDiv:hover{border:unset;}
.dayDiv .fa{font-size: 30px;}
.nightDiv .fa{font-size: 30px;}
.modelDetail4Mobile{  display:none;position: absolute;  left: 0;  right: 0;  margin-left: auto;  margin-right: auto;  z-index: 1;  top:20px;}
.dayNightIcon4Mobile{display:block;}
.twitterIcon4Mobile{display:block;padding-left:5px;}
.twitterIcon4Web{display:none}

.searchfilterIcon{position: absolute;right: 0px;bottom: 0px;font-size: 24px;color: #000;}
.dropdown-toggle::after{display:none;}
section{overflow:visible;}
.dropdown button:focus-visible{outline:unset!important}
.dropdown-menu{width:450px; transform:translate3d(-395px, 39.3333px, 0px)!important;height:500px;background-color: #212629;padding-bottom: 0px;border: unset;overflow:hidden}
.dropdown-menu .menu-body{overflow-y: auto; max-height: 365px;}
.dropdown-menu .menu-body::-webkit-scrollbar {width:10px;color:#fff}
.dropdown-menu .menu-body::-webkit-scrollbar-thumb {background-image:-webkit-gradient(linear,40% 0%,75% 84%,from(#FF57B1),to(#B20462),color-stop(.6,#FE0189))}
.dropdown-menu label{color:#fff}
.dropdown-menu input[type="checkbox"]{width:auto!important;transform: scale(1.5);}
.dropdown-menu input[type="checkbox"]:checked{accent-color:#373737}
.dropdown_submit_btn{height: 38px; border-radius: 100px!important;color: #fff;}
.dropdown_clear_btn{height: 38px; border-radius: 100px!important;color: #000;    border: 1px solid #000;}
.last_btn_div{position: fixed;bottom: 0px;background-color: #202629;}
.lightstylecode .dropdown-menu{background-color: #fff;}
.lightstylecode .last_btn_div{background-color: #fff;}
.input-group>.form-control:focus{z-index:0}
.filter_icon_outline{color: transparent;  -webkit-text-stroke-width: 2px;  -webkit-text-stroke-color: black;}
.offline_overlay{width: 100%;height: 100%;background-color: #000000a1;position: absolute;top: 0;left: 0;z-index: 999;display: flex;justify-content: center;margin: 0 auto;}
.offline_overlay_content{display: flex;align-items: center;justify-content: center;flex-direction: column;}
.offline_overlay_content label{color:#fff}
.offline_overlay_content img{position:unset;}

.userfollow__ {  background: #FE0189;  color: #fff !important;  border-radius: 50px;  padding: 12px 30px;  position: relative;  top: 4px;  display: inline-flex;}

.user_modal_day_class{background: #26242482;}
.user_mode_heading{font-size: calc(1.375rem + 1.5vw); color:#FE0189;margin-bottom: 32px;}
.user_mode_text{color:white;}
.usermodalbutton{background: #FE0189;color: #fff !important;border-radius: 50px;padding: 12px 30px;position:relative;top:4px;display: inline-flex;}
.nextModelButton
{
  background: #FE0189;color: #fff !important;border-radius: 50px;padding: 12px 30px;
  cursor: pointer;
}
#onload_adss iframe{margin:0 auto;}
.chat-now
{
  background: #FE0189;border-radius: 0;font-size: 17px;
  height: 40px;line-height: 40px;position: fixed;left: -90px;text-align: center;text-decoration: none;
  text-transform: uppercase;-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);transform-origin: bottom right;
  width: 130px;z-index: 9999;color: #fff !important;letter-spacing: 1px;
  animation: rotateAnimation 1s ease-in-out;top: 40%;
}
.chat-now span 
{
  display: block;white-space: nowrap;width:fit-content;margin:0 auto;background: #FE0189;padding:0px 5px;
}
@keyframes rotateAnimation {
  0% {
    left:-190px;
  }
  100% {
    left:-90px;
  }
}
.hidedivchat,.showdivchat{display: none;}

.home-iframe-container .iframe_P_parent_tag{position: relative;margin:0 auto;}
#ad_content_txt{color:#000}
/* #ad_content_txt a{color:#000} */
/* .darkstylemode #ad_content_txt a{color:#fff!important} */
.forceWhite{background-color:rgba(255,255,255,0.8)!important}
#banner{display: none;}
#bannerDesktop{margin-top: 6px;display: block;text-align: center;}
#bannerDesktop img,#bannerDesktop iframe{margin: 0 auto;height:90px;width:728px;}


@media(max-width:767px)
{
  #bannerDesktop{display: none;}
  .showdivchat{display: block;}
  .footer ul li{display:block;padding:5px;line-height:20px;}
  .mobilehide{display: none !important;}
  .modal-open .topbar, .modal-open #searchContainer, .modal-open .menubar, .modal-open .header, .modal-open .swipemain
  {
    filter: unset;-webkit-filter: unset; 
  }
  .modal-backdrop{    --bs-backdrop-opacity: 0.8;}
  #popup-modal{width:280px;}
  .dynamiccontent h3{font-size:17px;}
  .dynamiccontent p{font-size:14px;}
  .logo img{max-height:46px;}
  .menubar ul li{padding:10px;}
  .mobilemsg{display: block;}
  .desktopmsg{display: none;}
  .swipebottomsec{bottom:20px;position: sticky;}
  .mobshowmenus{display: block;}
  .logo h2{font-size: 20px;}
  .livemodels{padding-top: 3px;padding-left:20px;}
 .topbar{height:50px;}
 .reelssection{margin-bottom:50px;}
 .rightsechome .fa-arrow-left{display: block;}
 .d-none-desktop{display: flex !important;}
 .scrollfullwidth,.scroll-arrow{display: none;}
 .leftreelsec{width:100%;}
 .justify-content-md-between{justify-content: space-between !important;}
 .swipemain{height: calc(100vh - 144px);}
 .swipemain.showAdssec{height: calc(100vh - 320px);}
 .scrollarrows{z-index: 10;bottom:0px;height: calc(100vh - 94px);}
 .userprofileclick,.btnFullscreenclass{display: block;}
 /* .bottomsocialicons{position: absolute;z-index: 10;bottom: 100px;right: 0px;} */
 .bottomsocialicons{height: calc(100vh - 94px);}
 .rightsechome
 {
  position: fixed;top: 50px;right: -100%;width: 100%;max-width: 100%;bottom: 0;transition: 0.3s;z-index: 99;
  height: calc(100vh - 50px);background-color: #000;
 }
 .lightstylecode  .rightsechome{background-color: #fff;}
 /* #chat-container
 {
  height: calc(100vh - 180px);
 } */
 .mobile-navsidebar-active  .rightsechome{right:0px;}
 .mobile-navsidebar-active .swipemain:before 
 {
    content: "";position: fixed;inset: 0;background: rgba(0, 0, 0, 0.5); z-index: 9;
 }
 .searchsection
 {
  position: fixed;top: 0px;width: 100%;z-index: 9999;height: calc(100vh - 0px);
  background-color: #222629;color:#fff;overflow: auto;
 }
 

 .bgcoverimg{height:150px;}
 .userproimg{bottom: -30px;left: 10px;width: 60px;height:60px;}
 .userfollow{padding:5px 15px;}
 .usercomment{padding: 5px 7px;font-size: 15px;margin-right: 0px;top:1px;}
 .useramount{padding: 6px 10px;font-size: 15px;margin-right: 5px;top:1px;}
 .userdesc{padding:0px 10px;}

 .userdesc h2 span{font-size: 12px;margin-left: 5px;}
 .userdesc .profilename{font-size:18px;}
 .userdesc p{font-size:12px;}
 .reelssection img{width: calc(100% / 2);}
 #searchnav-tab{margin-top:0px;}
 .videotag,.swiperclass video{height: calc(100vh - 150px) !important;}
 .showAdssec .videotag,.showAdssec .swiperclass video{height: calc(100vh - 330px) !important;}
 .commontops{display: none !important;}
 .sticked-header-offset{margin-top:0px !important;}
 .header.sticked{height:0px;}
 .modelDetail4Mobile{display:block;}
 .modelDetail4Mobile.userdesc h2 span
 {
  font-size:22px;text-shadow: 1px 1px 2px #fff;color:#fff !important;display:block;margin-bottom:5px;
}
 .modelDetail4Mobile.userdesc p{font-size:16px;}
 .lightstylecode .modelDetail4Mobile.userdesc h2 span{text-shadow: 1px 1px 2px #000;color:#000 !important;}
 .dayNightIcon4Mobile{display:none;}
 .twitterIcon4Mobile{display:none;}
 .twitterIcon4Web{display:flex}

 .dropdown-menu{width:292px; transform:translate3d(48px, 39.3333px, 0px)!important}
 .dropdown-menu input[type="checkbox"]{width:auto!important}
 #banner{margin-top: 6px;display: block;text-align: center;}
 #banner img,#banner iframe{margin: 0 auto;height:100px;width:300px;}
}


@media(min-width:768px) and (max-width:1024px)
{
  #bannerDesktop{display: none;}
  .logo h2{font-size:15px;}
  .livemodels{padding-left:8px;padding-top:0px;}
  .twitterIcon4Mobile{padding-left:0px !important;}
  .searchbarheader input{width:50% !important;text-overflow: ellipsis;}
  .searchbarheader button{width: 30px !important;}
  .leftreelsec{width: calc(100% - 350px);}
  .rightsechome{width:350px;}
  .userproimg{width:70px;bottom: -30px;left: 10px;height:70px}
  .userfollow{padding: 8px 20px;}
  .usercomment{padding:8px 10px;font-size: 18px;margin-right: 5px;top:3px;}
  .useramount{padding: 9px 13px;font-size: 18px;margin-right: 5px;top:3px;}
  .userdesc {padding: 0px 10px;}
  .userdesc p{font-size:14px;}
  .userdesc h2 span{font-size:14px;margin-left: 5px;}
  .userdesc .profilename{font-size:20px;}
  .max-w-xl{max-width: 70%;}
  .searchsection{width:350px;top: 93px;height: calc(100vh - 93px);}
  .topbar .social-links a{font-size:12px;margin-left:10px;padding:7px 10px;}
  .dayNightIcon4Mobile{padding:7px;}
  .searchbarheader {min-width: 20%;width: 100px;}
}


@media(min-width:1025px) and (max-width:1140px)
{
  #bannerDesktop{display: none;}
  .twitterIcon4Mobile{padding-left:0px !important;}
  .searchbarheader input{width:100px !important;}
  .max-w-xl{max-width: 70%;}
  .topbar .social-links a{font-size:12px;}
  .logo h2{font-size:20px;}
  .caccountlogin{padding:7px 10px;}
  .livemodels{padding-top:0px;padding-left:20px;padding-right:10px;}
}

@media(max-width:370px)
{
  .dropdown-menu{transform: translate3d(-245px, 39.3333px, 0px) !important;}
}

@media(max-width:570px)
{
  .user_mode_heading{font-size: 24px;}
  .user_mode_text{font-size: 16px;}
  #user_restrict_popup .modal-body{margin-left:0px!important;margin-right:0px!important;}
  #user_restrict_popup .modal-dialog{margin-left:0px!important;margin-right:0px!important;}
}

/* ===== Lock Wall v2 ===== */
#user_restrict_popup {
  z-index: 100000 !important;
}
#user_restrict_popup .modal-backdrop {
  z-index: 99999 !important;
}
#user_restrict_popup .modal-dialog {
  max-width: 100% !important;
  margin: 0 !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#user_restrict_popup .modal-content {
  background-color: rgba(0,0,0,0.55) !important;
  border: none !important;
  width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 0 !important;
}
.tw-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
  padding: 32px 24px !important;
  max-width: 380px;
  width: 100%;
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 100001;
}
.tw-live-badge {
  display: inline-block;
  background: #e53e3e;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  padding: 5px 16px;
  border-radius: 12px;
  letter-spacing: 1.5px;
  font-family: "Poppins", sans-serif;
  text-transform: uppercase;
}
.tw-live-badge i {
  font-size: 7px;
  vertical-align: middle;
  margin-right: 5px;
  animation: tw-pulse 1.4s infinite;
}
@keyframes tw-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.1; }
}
.tw-model-name {
  font-family: "Poppins", sans-serif;
  font-size: 24px;
  font-weight: 600;
  color: #FE0189;
  text-shadow: 0 2px 8px rgba(0,0,0,0.5);
}
.tw-headline {
  font-family: "Montserrat", sans-serif;
  font-size: 30px;
  font-weight: 800;
  color: #fff;
  line-height: 1.2;
  margin: 0;
  text-shadow: 0 2px 12px rgba(0,0,0,0.6);
}
.tw-subtext {
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  color: rgba(255,255,255,0.85);
  line-height: 1.6;
  max-width: 320px;
  margin: 0;
  text-shadow: 0 1px 4px rgba(0,0,0,0.5);
}
.tw-cta {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  max-width: 340px;
  padding: 20px 28px !important;
  background: linear-gradient(135deg, #FE0189, #ff4da6) !important;
  color: #fff !important;
  font-family: "Montserrat", sans-serif;
  font-size: 18px !important;
  font-weight: 700;
  border-radius: 50px !important;
  text-decoration: none !important;
  box-shadow: 0 4px 24px rgba(254, 1, 137, 0.5);
  min-height: 60px;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
  animation: tw-glow 2.5s ease-in-out infinite;
  top: 0 !important;
  position: relative !important;
}
.tw-cta:hover, .tw-cta:active {
  transform: scale(1.03);
  box-shadow: 0 6px 32px rgba(254, 1, 137, 0.75);
  color: #fff !important;
  text-decoration: none !important;
}
@keyframes tw-glow {
  0%, 100% { box-shadow: 0 4px 24px rgba(254, 1, 137, 0.5); }
  50% { box-shadow: 0 6px 40px rgba(254, 1, 137, 0.85); }
}
.tw-benefits {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-top: 4px;
}
.tw-benefit {
  display: flex;
  align-items: center;
  gap: 6px;
  background: rgba(255,255,255,0.1);
  padding: 9px 16px;
  border-radius: 20px;
  font-size: 13px;
  color: rgba(255,255,255,0.9);
  font-family: "Open Sans", sans-serif;
  white-space: nowrap;
  backdrop-filter: blur(4px);
}
.tw-benefit i { color: #FE0189; font-size: 13px; }

/* Override old styles */
#user_restrict_popup .user_mode_heading,
#user_restrict_popup .user_mode_text {
  display: none;
}

/* Mobile-first responsive */
@media (max-width: 480px) {
  .tw-body { padding: 24px 20px !important; gap: 16px; }
  .tw-headline { font-size: 26px; }
  .tw-subtext { font-size: 14px; }
  .tw-cta { font-size: 16px !important; padding: 18px 22px !important; min-height: 56px; }
  .tw-benefit { font-size: 12px; padding: 8px 12px; }
  .tw-model-name { font-size: 22px; }
}
@media (max-width: 370px) {
  .tw-body { padding: 20px 16px !important; }
  .tw-headline { font-size: 24px; }
  .tw-cta { font-size: 15px !important; }
}

/* Ensure modal covers nav on mobile */
.modal-open #user_restrict_popup ~ .topbar,
.modal-open #user_restrict_popup ~ .menubar,
body.modal-open .topbar,
body.modal-open .menubar {
  z-index: 0 !important;
}
/* Handle backdrop only for timeout wall */
#user_restrict_popup + .modal-backdrop {
  z-index: 99999 !important;
  opacity: 0 !important;
}
/* ===== End Lock Wall v2 ===== */
