

<!DOCTYPE html>
<html lang="en">

<head>
	
	<title>Free Live Sex Cams and Adult Chat | Flirt4Free</title>

	<meta charset="utf-8">
			<meta name="alexaVerifyID" content="nCV_4wfkfWDaSR-t3-zW1wnsm5E">	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
	<meta name="description" content="">

	
	<meta name="RATING" content="RTA-5042-1996-1400-1577-RTA" />
	<meta name="Rating" content="mature">

	
		<meta name="theme-color" content="#00a9e7">

		<!-- Include Favicon -->
        <link rel="icon" href="https://cdn5.vscdns.com/images/favicon/favicon.ico" sizes="any">
<link rel="icon" href="https://cdn5.vscdns.com/images/favicon/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="https://cdn5.vscdns.com/images/favicon/apple-touch-icon.png">
						<link rel="canonical" href="https://www.flirt4free.com/"> 
			
		<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,800&display=swap" rel="stylesheet">

		
<style>
    :root {
        --wl-primary: #004587;
    }
</style>		
	
			
				<link rel="stylesheet" media="screen" type="text/css" href="https://cdn5.vscdns.com/assets/min/css/flirt4free-23/purecssframework-23-05212024-01.css">
		<link rel="stylesheet" href="https://cdn5.vscdns.com/assets/min/css/flirt4free-23/icons-25/icons-10132025-01.css">
		<link rel="stylesheet" media="screen" type="text/css" href="https://cdn5.vscdns.com/assets/min/css/chatroom-desktop-lite/chatroom-lite-f4f23-06022026-01.css">
		<link rel="stylesheet" media="screen" type="text/css" href="https://cdn5.vscdns.com/assets/min/css/chatroom-desktop-lite/rooms/chatroom-24-12022025-02.css">

	
		

		
		<style>
			#fc_frame,
			#fc_frame.fc-widget-normal {
				right: 0 !important;
				left: 0 !important;
			}
			
			body.chat-room-opened:not(.chat-room-minimized) .xl-video.chatroom-container {
			margin-top: 100px !important;
			}  
		</style>

				
		
		
				
		
				<script type="application/ld+json">
			{
				"@context": "http://schema.org/",
				"@type": "Organization",
				"address": {
					"@type": "PostalAddress",
					"addressCountry": "USA",
					"addressLocality": "Westlake Village",
					"addressRegion": "California",
					"postalCode": "91361",
					"streetAddress": "4607 Lakeview Canyon Rd",
					"telephone": "+18188809021",
					"description": "Flirt4Free",
					"name": "VS Media"
				},
				"brand": "Flirt4Free",
				"url": "https://www.flirt4free.com",
				"logo": {
					"@type": "ImageObject",
					"caption": "Flirt4Free",
					"contentUrl": "https://cdn5.vscdns.com/images/skins/flirt4free/layout_03_2/f4f-logo.png",
					"embedUrl": "https://cdn5.vscdns.com/images/skins/flirt4free/layout_03_2/f4f-logo.png"
				},
				"telephone": "+18188809021",
				"potentialAction": {
					"@type": "SearchAction",
					"target": "https://www.flirt4free.com/search/?query={search_term_string}&dl=true",
					"query-input": "required name=search_term_string"
				}
			}
		</script>

		        
        
    
           
        
      
    
                    <link rel="stylesheet" media="screen" type="text/css" href="https://cdn5.vscdns.com/assets/min/css/flirt4free/f4f/eighteen-plus-modal-02-17-2026-02.css">
            
           
    <link rel="stylesheet" media="screen" type="text/css" href="https://cdn5.vscdns.com/assets/min/css/flirt4free/f4f/billing-modal-beta-06_01_2026-01.css">

                
    <link rel="stylesheet" media="screen" type="text/css" href="https://cdn5.vscdns.com/assets/min/css/flirt4free/f4f/custom-pages/model-not-found-12-10-2025.css">
    

		

   <script id="gtmDataLayer">


   dataLayer = [{
      'userId': [''],
      'registrationId': [''],
      'serviceVal': ['girls'],
      'userType': ['guest'],
            'pageCount': ['1'],
            'channelType': ['DEFAULT'],
            'isConfirmed': ['0'],
      'firstMoney': ['0'],
      'hasCC': [''],
      'firstMoneyAmount': [''],
                  
   }];

   

   if (!window.piiScrub) {
      function piiScrub(inputURL) {

         var emailRegex =
         /(([^\/&<>()\[\]\\.,;:\s@"]+(\.[^\/&<>()\[\]\\.,;:\s@"]+)*)|(".+"))(\%2540|\%40|@)((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))/i,
         replaceStr = '[REDACTED EMAIL]',
         urlParts = inputURL.split('?'),
         pathnameParts = urlParts.length > 0 ? urlParts[0].split('/') : [],
         searchParts = urlParts.length > 1 ? urlParts[1].split('&') : [];

         for (var i = 0; i < pathnameParts.length; i++) {
            pathnameParts[i] = pathnameParts[i].replace(emailRegex, replaceStr);
         }

         for (var j = 0; j < searchParts.length; j++) {

            var keyValuePair = searchParts[j].split('=');

            if (keyValuePair.length === 2) {
               searchParts[j] = keyValuePair[0] + '=' +
               keyValuePair[1].replace(emailRegex, replaceStr);
            }
         }

         return pathnameParts.join('/') + (searchParts.length > 0 ? '?' + searchParts.join('&') :
         "");
         }
   }
         !function(adsBlockedCDI, gtmBlockedCDI, gaId) {
               window.addEventListener('load', function(){
                  var ad = document.createElement('ins');
                  var number = 0;
                  ad.className = 'AdSense';
                  ad.style.display = 'block';
                  ad.style.position = 'absolute';
                  ad.style.top = '-1px';
                  ad.style.height = '1px';
                  document.body.appendChild(ad);
                  var adsBlocked = !ad.clientHeight;

                  document.body.removeChild(ad);
                  var gtmBlocked =!window.google_tag_manager;

                  for (var t = new XMLHttpRequest, n = 'GA1.2.' + (new Date).getTime() + '.' + Math.floor(1e8 * Math.random()), o = '_ga=', a = document.cookie.split(';'), i = 0; i < a.length; i++) {
                     for (var c = a[i]; ' ' == c.charAt(0);){
                           c = c.substring(1);}
                     0 == c.indexOf(o) && (n = c.substring(o.length, c.length)); 
                  };
                     t.open('POST', 'https://www.google-analytics.com/collect'); 
                     var r = 'tid=' + gaId + '&cd' +
                     adsBlockedCDI + '=' + adsBlocked + '&cd' + gtmBlockedCDI + '=' + gtmBlocked 
                     + '&t=pageview&dl=' + piiScrub(document.location.href)
                     + '&pt=' + document.title + '&v=1&cid=' + n;
                     t.send(r);

                     var g = new Date;
                     g.setTime(g.getTime() + 63072e6);
                     document.cookie = '_ga=' + n + '; expires=' + g.toUTCString();

               })

         }('1', '2', 'UA-491285-52');

   </script>

      <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
   new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
   j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
   'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
   })(window,document,'script','dataLayer','GTM-TJ33LQ5');</script>
   

		  

        

</head>

<body id="bodyTag" class="dark f4f-23 			girls						computer			unknown			enLanguage 
						guest									                            
				">

	
        <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TJ33LQ5"
    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    
	<input type="radio" name="modalControl" class="hide" id="hide_modal" aria-label="close modal" checked>
	
	<div id="eu-confirm" class="hide">
	<div class="eu-confirm-box ">
	<h2 class="eu-confirm-title ">EU Compliance</h2>
		<p class="eu-agree">I have reviewed and agree to the website's new Privacy Policy and Terms and Conditions.</p>
		<a href="/privacy.php" class="common-link">Privacy Policy</a> | 
		<a href="/terms.php" class="common-link">Terms of Use</a><br>
		<div class="spacer-xs"></div>
		<a id="eu-close-button" class=" btnBlue  eu-accept">ACCEPT</a>
	</div>
</div>

	<a id="up_arrow_nav" class="scroll-to-top" rel="top" title="Scroll to Top">
		<i class="icon-up"></i>
	</a>

			
	        <div id="statusUp" class="hide">
        <div id="rewards_status" class="badge-">
            <div class="reward-status-up clearfix">
                <div class="status-badge">
                    <span class="badge"></span>
                    <span class="badge-old"></span>
                    <span class="badge-arrow"></span>
                </div>
                <div class="level-text">
                    <div class="text-line-1">CONGRATULATIONS!</div>
                    <div class="text-line-2">LIFETIME STATUS INCREASED!</div>
                    <div class="text-line-3">Your <b>Status</b> has moved up from <span class="prevStatusName">"REGULAR"</span> to <span class="rewardsLevelName">...</span></div>
                    <div class="text-line-4 rewardsLevelName">SUPERSTAR</div>
                </div>
                                <button id="closeStatusUp" class="reward-close">x</button>
                            </div>
        </div>
    </div>
    <div id="levelUp" class="hide">
        <div id="rewards_status2" class="badge-">
            <div class="reward-status-up clearfix">
                <div class="status-badge">
                    <span class="badge"><span class="rewardsLevel"></span></span>
                </div>
                <div class="level-text">
                    <div class="text-line-1">CONGRATULATIONS!</div>
                    <div class="text-line-2">CURRENT LEVEL INCREASED!</div>
                    <div class="text-line-4">LEVEL <span class="rewardsLevel"></span></div>
                </div>
                <button id="closeLevelUp" class="reward-close">x</button>
            </div>
        </div>
    </div>

	<input type="radio" name="new-user-tutorial-input" class="hide" id="hide_modal_tutorial" aria-label="close modal">

<div class="new-user-tutorial-modal modal-container">
    <label class="visually-hidden" for="newUserTutorialModal">New user tutorial</label>
		<input type="radio" class="hide modal-control" id="newUserTutorialModal" name="new-user-tutorial-input" />
	<label class="modal-shadow" for="hide_modal_tutorial">
		<span class="visually-hidden">Close</span>
	</label>
		<div class="modal-wrap">
		<div class="modal">
			<div class="modal-head">
				<h3>New User Tutorial Video</h3>
			</div>
			<div class="modal-body">
				<div class="d-flex flex-column justify-content-between align-items-center">
										<label class="close-modal" for="hide_modal_tutorial" title="close button" aria-label="close button">
						<span class="visually-hidden">Close</span>
						<i class="icon-x-plain"></i>
					</label>
										<video class="new-user-tutorial-video" playsinline controls autoplay>
                        
					</video>
				</div>
			</div>
		</div>
	</div>
</div>
		<style>
		.model-container-home .more-model-info {
			background-color: #15171F;
			padding: 10px 5px !important;
			box-sizing: border-box;
		}
			
		.model-container-home .more-model-header {
			display: none;
		}
		
		.more-model-menu-wrap {
			display: flex;
			flex-direction: column;
			height: 230px;
		}
		
		.more-model-menu-flex-wrap {
			display: flex;
			flex-direction: row;
		}
		
		.more-model-details {
			padding: 0 0 0 20px;
		}
		
		.small-grid .more-model-details, .medium-grid .more-model-details, .models-grid-in-rooms .more-model-details {
		padding: 0 0 0 20px;
		}
		
		.more-model-menu {
			background-color: #15171F;
			min-width: 130px;
			width: 130px;
			height: unset;
			position: relative;
			padding: 0;
			border-right: 1px solid #323541;
		}
		
		.small-grid .more-model-menu,
		.medium-grid .more-model-menu,
		.models-grid-in-rooms .more-model-menu {
			width: 110px;
			min-width: 110px;
		}
		
		.more-model-menu ul.more-model-menu-list{
			padding: 0;
			margin: 0;
		}
		
		.more-model-menu li:last-child {
			padding: 5px 5px 0 10px;
		}
		
		.more-model-menu li a {
			color: #9BAFC2;
			height: unset;
			line-height: 16px;
		}
		
		.more-model-menu li a i {
			font-size: 16px;
		}
		
		.more-model-details {
			color: #9BAFC2;
		}
		
		.actions-room-type {
			border-bottom: 0;
			margin: 0 0 5px 0;
			padding: 0;
		}
		
		.actions-tag-line {
			font-style: italic;
			padding: 0;
		}
		
		.actions-cats {
			margin: 5px 0;
			display: flex;
			flex-wrap: wrap;
		}
				
		.actions-cats-item {
			text-transform: capitalize;
			display: inline-flex;
			justify-content: center;
			align-items: center;
			padding: 1px 5px;
			margin: 0 5px 5px 0;
			height: 17px;
			line-height: 17px;
			color: #9BAFC2;
			background-color: #323541;
			transform: skewX(-15deg);
		}
		
		.actions-cats-item span {
			transform: skewX(15deg);
		}
		
		.model-menu-btn-wrap {
			margin: 0 auto;
		}
		
		.model-container-home a.btn-fly-out {
			color: #15171F;
			margin-top: 20px;
		}
		
		.model-container-home .model-menu {
			display: none;
			position: absolute;
			top: 3px;
			right: 3px;
			width: 26px;
			height: 26px;
			background-color: transparent;
		}
		
		.model-container-home .model-menu .info-model-icon {
				display: block;
		}
		
		.model-container-home .model-menu.on .info-model-icon {
				display: none;
		}
		
		.model-container-home .model-menu .info-model-icon-close {
				display: none;
		}
		
		.model-container-home .model-menu.on .info-model-icon-close {
				display: block;
		}
		
			.model-container-home:hover .open-new-tab,
			.model-container-home:hover .model-menu {
				display: block;
				cursor: pointer;
				border-radius: 0;
				opacity: 1;
				background-color: transparent;
			}
			
			
		.model-container-home .open-new-tab {
			display: none;
			position: absolute;
			top: 35px;
			right: 3px;
			width: 26px;
			height: 26px;
			background-color: transparent;
			box-shadow: none;
		}
	</style>
	
		<style>
		.gradient-model-layer {
			position: absolute;
			bottom: 0;
			left: 0;
			height: 100%;
			width: 100%;
			z-index: 4;
			cursor: pointer;
			overflow: hidden;
			background: transparent;
		}
		
		.gradient-model-layer::after {
			position: absolute;
			content: "";
			bottom: 0;
			left: 0;
			background: linear-gradient(180deg, transparent 85%, rgba(21,23,31,1) 100%);
			z-index: -1;
			opacity: 1;
			transition: opacity 0.3s linear;
			height: 100%;
			width: 100%;
		}
		
		.model-container-home:hover .gradient-model-layer::after {
			opacity: 0;
		}
		
		.model-name {
			position: absolute;
			bottom: 0;
			left: 0;
			color: #CFDAE4;
			text-shadow: 1px 1px 0px #000;
			padding-left: 20px;
			height: 25px;
			line-height: 25px;
			font-size: 13px;
			white-space: nowrap;
			overflow: hidden;
		}
		
		.scheduled-name {
			display: block;
			padding-right: 20px;
			background-color: rgba(133,40,114,0.5);
			border-radius: 0 5px 0px 0px;
			padding-left: 44px;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			max-width: 85%;
		}
		
		.model-dot {
			position: absolute;
			bottom: 7px;
			left: 5px;
			width: 8px;
			height: 8px;
			border-radius: 10px;
			z-index: 2;
			background-color: #ccc;
		}
		
		.gradient-model-layer .model-device {
			position: absolute;
			top: 5px;
			left: 5px;
			font-size: 20px;
			background: rgba(21, 23, 31, 0.5);
			width: 26px;
			height: 26px;
			border-radius: 50%;
			display: flex;
			justify-content: center;
			align-content: center;
			align-items: center;
		}

        .new-model .gradient-model-layer .model-device {
            top: 25px;
        }
		
		.gradient-model-layer .model-device.ohmibod {
			color: #CC5C97;
		}
		
		.openRoom .model-dot,
		.suggestions .models li.openRoom::after {
			background-color: #2C91AF;
		}
		
		.openRoom .model-dot,
		.suggestions .models li.openRoom::after {
			background-color: #2C91AF;
		}
		
		.adultStarRoom .model-dot,
		.suggestions .models li.featureRoom::after {
			background-color: #AF912C;
		}

		.drop-menu .drop-menu-section-links span.drop-menu-section-single-link span.tip {
			width: 100%;
			max-width: 180px;
			box-sizing: border-box;
			text-wrap: wrap;
			top: calc(70% + 8px);
		}

	</style>


			
		
		
		
		
		
	<header class="flirt4free-header  " data-aspect-vertical-offset="true">

		<div class="flirt4free-inner-header">

			<div class="header-area-left">

				<div class="header-logo-container">

					<style>
						/* .halloween .header-logo a,
						.halloween .logo a,
						.halloween:not(.XVT) .header-logo a,
						.halloween:not(.XVT) .logo a,
						.halloween:not(.XVT) .header-logo a,
						.halloween:not(.XVT) .logo a,
						.halloween:not(.wl) .header-logo a,
						.halloween:not(.wl) .logo a,
						.halloween:not(.wl) .header-logo a, 
						.halloween:not(.wl) .logo a {
							margin-top: -8px;
						} */
					</style>
            <div class="header-logo">
              <a href="/" >
                <span class="visually-hidden">User type</span>
              </a>
            </div>
					
<style>
	.internal-badges {
		width: 100vw;
		box-sizing: border-box;
		position: fixed;
		top: 0;
		left: 0;
		display: flex;
		justify-content: flex-start;
		z-index: 1000;
	}

	.internal-badges > * {
		position: relative !important;
		padding: 1px 5px !important;
		border-radius: 0 0 3px 3px !important;
		text-decoration: none !important;
		font-family: 'Open Sans', sans-serif !important;
		font-size: 8px !important;
		line-height: normal !important;
		text-transform: capitalize !important;
		color: #FFF !important;
		opacity: 1 !important;
		margin: 0 5px 0 0 !important;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;
		width: auto !important;
	}

	.internal-badges .toggle-cache-debug-btn:hover {
		cursor: pointer;
	}

	.internal-badges > *:first-child {
		background-color: #B91C1D;
	}
	
	.internal-badges > *:nth-child(2) {
		background-color: #B45308;
	}
	
	.internal-badges > *:nth-child(3) {
		background-color: #047858;
	}
	
	.internal-badges > *:nth-child(4) {
		background-color: #1E4ED8;
	}
	
	.internal-badges > *:nth-child(5) {
		background-color: #6D28D9;
	}
	
	.internal-badges > *:nth-child(6) {
		background-color: #B45308;
	}
	
	.internal-badges > *:nth-child(7) {
		background-color: #B45308;
	}

	.internal-badges > *:nth-child(8) {
		background-color: #047858;
	}
</style>

<div class="internal-badges ">
		
			
		
	
			
	
		
	
	
	
		</div>				</div>
			</div>

			<div class="header-area-center">
				<div class="header-nav desktop-nav">
						<div class="single-header-category profiles-header-nav header-nav-item" data-header-menu-category="models">
		<div class="has-drop-menu f4f-click-menu">
				
			<input type="checkbox" id="profilesDropdown" class="drop-menu-input header-category-input">
			<label for="profilesDropdown" class="menu-label skew header-category-label">
				<div class="menu-label-wrap">Models <i class="arrow-down"></i></div>
			</label>
			<label class="full-screen" for="profilesDropdown"></label>

			<div class="drop-menu scrollbar-ghost scrollbar-custom big-menu">
				<div class="drop-menu-content-wrap flex-grid models-list">

					<div class="col-2 category-wrap all-models">
						<a href="/models/">
							<div class="category-image">    
								<picture>
									<source srcset="https://cdn5.vscdns.com/images/header/models/all_models.png" type="image/png">
									<img src="https://cdn5.vscdns.com/images/header/models/all_models.png" alt="All Models" title="All Models" loading="lazy">
								</picture>
								<div class="background-layer"></div>
							</div>
							<div class="drop-menu-category-name">
								<span>All Models</span> 
							</div>
						</a>
					</div>

					<div class="col-2 category-wrap dynamic menu-item-loading" data-header-submenu-category="top20">
						<a href="/models/top20.php?service=girls">
							<div class="category-image">    
								<picture>
									<source srcset="" type="image/webp">
									<source srcset="" type="image/png">
									<img src="" alt="" loading="lazy" title="Top 20 Models">
								</picture>
								<div class="image-label">
									<picture>
										<source srcset="https://cdn5.vscdns.com/images/header/models/label_top_20.webp" type="image/webp">
										<source srcset="https://cdn5.vscdns.com/images/header/models/label_top_20.png" type="image/png">
										<img src="https://cdn5.vscdns.com/images/header/models/label_top_20.png" loading="lazy">
									</picture>
								</div>
								<div class="background-layer"></div>
							</div> 
							<div class="drop-menu-category-name"><span>Top 20 Models</span></div>
						</a>
					</div>
					<div class="col-2 category-wrap dynamic menu-item-loading" data-header-submenu-category="new">
						<a href="/models/girls/new/">
							<div class="category-image">
								<picture>
									<source srcset="" type="image/webp">
									<source srcset="" type="image/png">
									<img src="" alt="" loading="lazy" title="">
								</picture>    
								<div class="image-label">
									<picture>
										<source srcset="https://cdn5.vscdns.com/images/header/models/label_new_models.webp" type="image/webp">
										<source srcset="https://cdn5.vscdns.com/images/header/models/label_new_models.png" type="image/png">
										<img src="https://cdn5.vscdns.com/images/header/models/label_new_models.png" loading="lazy">
									</picture>
								</div>
								<div class="background-layer"></div>
							</div>
							<div class="drop-menu-category-name">
								<span>New Models</span> 
							</div>
						</a>
					</div>
					<div class="col-2 category-wrap schedules">
						<a href="/models/schedule.php">
							<div class="category-image">    
								<picture>
									<source srcset="https://cdn5.vscdns.com/images/header/models/schedules_girls.webp" type="image/webp">
									<source srcset="https://cdn5.vscdns.com/images/header/models/schedules_girls.png" type="image/png">
									<img src="https://cdn5.vscdns.com/images/header/models/schedules_girls.png" alt="Schedules" title="Schedules" loading="lazy">
								</picture>
								<div class="background-layer"></div>
							</div>
							<div class="drop-menu-category-name">
								<span>Schedules</span> 
							</div>
						</a>
					</div>
                                        					<div class="col-2 category-wrap hall-of-fame">
						<a href="/hall-of-fame/">
							<div class="category-image">    
								<picture>
									<source srcset="https://cdn5.vscdns.com/images/header/models/hof_girls.webp" type="image/webp">
									<source srcset="https://cdn5.vscdns.com/images/header/models/hof_girls.png" type="image/png">
									<img src="https://cdn5.vscdns.com/images/header/models/hof_girls.png" alt="Hall of Fame" title="Hall of Fame" loading="lazy">
								</picture>
								<div class="background-layer"></div>
							</div>
							<div class="drop-menu-category-name">
								<span>Hall of Fame</span> 
							</div>
						</a>
					</div>
                    					<div class="col-2 category-wrap interactive">
						<a href="/interactive/">
							<div class="category-image">    
								<picture>
									<source srcset="https://cdn5.vscdns.com/images/header/models/interactive_girls.webp" type="image/webp">
									<source srcset="https://cdn5.vscdns.com/images/header/models/interactive_girls.png" type="image/png">
									<img src="https://cdn5.vscdns.com/images/header/models/interactive_girls.png" alt="Interactive" title="Interactive" loading="lazy">
								</picture>
								<div class="background-layer"></div>
							</div>
							<div class="drop-menu-category-name">
								<span>Interactive</span>
							</div>
						</a>
					</div>
					<div class="col-2 category-wrap fetish">
						<a href="/fetish/">
							<div class="category-image">    
								<picture>
									<source srcset="https://cdn5.vscdns.com/images/header/models/fetish_girls.webp" type="image/webp">
									<source srcset="https://cdn5.vscdns.com/images/header/models/fetish_girls.png" type="image/png">
									<img src="https://cdn5.vscdns.com/images/header/models/fetish_girls.png" alt="Fetish" title="Fetish" loading="lazy">
								</picture>
								<div class="background-layer"></div>
							</div>
							<div class="drop-menu-category-name">
								<span>Fetish</span>
							</div>
						</a>
					</div>
				</div>
			</div>
		</div>
	</div>
						    
	<div class="single-header-category promos-header-nav header-nav-item" data-header-menu-category="contests">
		<div class="has-drop-menu f4f-click-menu">
			
			<input type="checkbox" id="contestsDropdown" class="drop-menu-input header-category-input">
			<label for="contestsDropdown" class="menu-label skew header-category-label">
				<div class="menu-label-wrap">Contests <i class="arrow-down"></i></div>
			</label>
			<label class="full-screen" for="contestsDropdown"></label>
			
			<div class="drop-menu scrollbar-ghost scrollbar-custom big-menu">
				<div class="drop-menu-content-wrap flex-grid">
					<div class="col-12 d-flex promos-list tenths"> 
                        

    <div class="col-3 daily-promo-item">
                    <a href="https://www.vs4.com/clk.php?z=271&a=27&h=https://flirt4free.com/promos/girls">
                <div class="drop-menu-category-name">
                    <span>Daily promos</span> 
                </div>
                <div class="drop-menu-category-image">   
                    <picture>
                        <img src="https://cdn5.vscdns.com/images/promo/_generic-friends-with-benefits/menu-promo.jpg" alt="Friends with Benefits - Top 5 dailypromo" title="Friends with Benefits - Top 5 dailypromo" loading="lazy">
                    </picture>
                </div>
            </a>
            </div>

<div class="col-3 flirt-summit">
    <a href="/summit/">
        <div class="drop-menu-category-name">
            <span>Flirt Summit</span>
        </div>
        <div class="drop-menu-category-image">
            <picture>
                <source srcset="https://cdn5.vscdns.com/images/flirt-summit/flirt-summit-2026.webp" type="image/webp">
                <source srcset="https://cdn5.vscdns.com/images/flirt-summit/flirt-summit-2026.jpg">
                <img src="https://cdn5.vscdns.com/images/flirt-summit/flirt-summit-2026.jpg" alt="Flirt Summit" title="Flirt Summit" loading="lazy">
            </picture> 
        </div>
    </a> 
</div>


<div class="col-3 champions-heague-banner">
    <a href="/contests/champions-league/">
        <div class="drop-menu-category-name">
            <span>Learn about Champions League</span> 
        </div>
        <div class="drop-menu-category-image">
            <picture>
                <img src="https://cdn5.vscdns.com/images/champions-league/champions-league-contest-header-dropdown-image.png">
            </picture> 
        </div>
    </a>  
</div>

<div class="col-3 sexy-selfie-banner">
    <a href="/contests/sexy-selfie/">
        <div class="drop-menu-category-name">
            <span>Sexy Selfie</span> 
        </div>
        <div class="drop-menu-category-image">
            <picture>
            <img src="https://cdn5.vscdns.com/images/promo/_generic-selfie/menu-promo.jpg">
            </picture> 
        </div>
    </a>
</div>


<div class="col-3 fotm-item menu-item-loading" data-header-submenu-category="fotm">
    <a href="/fotm/">    
        <div class="drop-menu-category-name">
            <span>Flirt of the Month</span> 
        </div>
        <div class="drop-menu-category-image relative">   
            <picture>
                <source srcset="" type="image/webp">
                <source srcset="" type="image/jpeg">
                <img src="" alt="" title="" loading="lazy">
            </picture>
            <div class="header-contest-model-name-fotm"></div>
        </div>
    </a>    
</div>

<div class="col-3 ffotm-item menu-item-loading" data-header-submenu-category="ffotm">
    <a href="/ffotm/">    
        <div class="drop-menu-category-name two-lines">
            <span>Freshest Face of the Month</span>
        </div>
        <div class="drop-menu-category-image relative">
            <picture>
                <source srcset="" type="image/webp">
                <source srcset="" type="image/jpeg">
                <img src="" alt="" title="" loading="lazy">
            </picture>
            <div class="header-contest-model-name-ffotm"></div>
        </div>
    </a>    
</div>					</div>
				</div>
			</div>
		</div>
	</div>
							<div class="single-header-category videos-header-nav header-nav-item" data-header-menu-category="videos">
		<div class="has-drop-menu f4f-click-menu desktop-videos-dropdown">
			
			<input type="checkbox" id="videosDropdown" class="drop-menu-input header-category-input">
			<label for="videosDropdown" class="menu-label skew header-category-label">
				<div class="menu-label-wrap">Videos <i class="arrow-down"></i></div>
			</label>
			<label class="full-screen" for="videosDropdown"></label>

			<div class="drop-menu scrollbar-ghost scrollbar-custom big-menu">
				<div class="drop-menu-content-wrap flex-grid videos-menu">
					<div class="col-3">
						<div class="d-flex justify-content-between drop-menu-category-top-wrap">
							<div class="drop-menu-category-name trending">
								<span>Trending Videos</span> 
							</div>
							<div class="drop-menu-category-header-button">
								<a class="btn no-rounded" href="/videos/girls/trending/">See All</a>
							</div>
						</div>
						<div class="drop-menu-videos-wrap flex-grid" data-header-submenu-category="trending">
							
							<div class="col-6 video-wrap menu-item-loading">
								<a href="#url-to-video">
								<div class="video-thumb">
									<img src="" alt="" title="" loading="lazy">
								</div>
								<div class="video-name"></div>
								</a>
							</div>
							
							<div class="col-6 video-wrap menu-item-loading">
								<a href="#url-to-video">
								<div class="video-thumb">
									<img src="" alt="" title="" loading="lazy">
								</div>
								<div class="video-name"></div>
								</a>
							</div>
							
							<div class="col-6 video-wrap menu-item-loading">
								<a href="#url-to-video">
								<div class="video-thumb">
									<img src="" alt="" title="" loading="lazy">
								</div>
								<div class="video-name"></div>
								</a>
							</div>
							
							<div class="col-6 video-wrap menu-item-loading">
								<a href="#url-to-video">
								<div class="video-thumb">
									<img src="" alt="" title="" loading="lazy">
								</div>
								<div class="video-name"></div>
								</a>
							</div>

						</div>
					</div>
					<div class="col-6 video-categories-list">
							<div class="drop-menu-category-name">
							<span>Categories</span> 
							</div>
														<div class="drop-menu-videos-wrap flex-grid">
								<div class="col-2 video-wrap">
									<a href="/videos/girls/categories/alternative_girls">
									<div class="video-thumb relative">
										<picture>
												<source srcset="https://cdn5.vscdns.com/images/header/videos/alternative-girls.webp" type="image/webp">
												<source srcset="https://cdn5.vscdns.com/images/header/videos/alternative-girls.jpg" type="image/jpg">
												<img src="https://cdn5.vscdns.com/images/header/videos/alternative-girls.jpg" loading="lazy" title="Alternative" alt="Alternative">
										</picture>
										<div class="video-category-amount-new-wrap hide">
											<div class="number"><span></span></div>
										</div>
										<div class="video-category-name hide"></div>
									</div>
									</a>
								</div>
								<div class="col-2 video-wrap">
									<a href="/videos/girls/categories/anal">
									<div class="video-thumb relative">
										<picture>
												<source srcset="https://cdn5.vscdns.com/images/header/videos/anal-girls.webp" type="image/webp">
												<source srcset="https://cdn5.vscdns.com/images/header/videos/anal-girls.jpg" type="image/jpg">
												<img src="https://cdn5.vscdns.com/images/header/videos/anal-girls.jpg" loading="lazy" title="Anal" alt="Anal">
										</picture>
										<div class="video-category-amount-new-wrap hide">
											<div class="number"><span></span></div>
										</div>
										<div class="video-category-name hide"></div>
									</div>
									</a>
								</div>
								<div class="col-2 video-wrap">
									<a href="/videos/girls/categories/big_boobs">
									<div class="video-thumb relative">
										<picture>
												<source srcset="https://cdn5.vscdns.com/images/header/videos/big-boobs-girls.webp" type="image/webp">
												<source srcset="https://cdn5.vscdns.com/images/header/videos/big-boobs-girls.jpg" type="image/jpg">
												<img src="https://cdn5.vscdns.com/images/header/videos/big-boobs-girls.jpg" loading="lazy" title="Big Boobs" alt="Big Boobs">
										</picture>
										<div class="video-category-amount-new-wrap hide">
											<div class="number"><span></span></div>
										</div>
										<div class="video-category-name hide"></div>
									</div>
									</a>
								</div>
								<div class="col-2 video-wrap">
									<a href="/videos/girls/categories/big_ass">
									<div class="video-thumb relative">
										<picture>
												<source srcset="https://cdn5.vscdns.com/images/header/videos/big-butts-girls.webp" type="image/webp">
												<source srcset="https://cdn5.vscdns.com/images/header/videos/big-butts-girls.jpg" type="image/jpg">
												<img src="https://cdn5.vscdns.com/images/header/videos/big-butts-girls.jpg" loading="lazy" title="Big Butts" alt="Big Butts">
										</picture>
										<div class="video-category-amount-new-wrap hide">
											<div class="number"><span></span></div>
										</div>
										<div class="video-category-name hide"></div>
									</div>
									</a>
								</div>
								<div class="col-2 video-wrap">
									<a href="/videos/girls/categories/blonde">
									<div class="video-thumb relative">
										<picture>
												<source srcset="https://cdn5.vscdns.com/images/header/videos/blonde-girls.webp" type="image/webp">
												<source srcset="https://cdn5.vscdns.com/images/header/videos/blonde-girls.jpg" type="image/jpg">
												<img src="https://cdn5.vscdns.com/images/header/videos/blonde-girls.jpg" loading="lazy" title="Blonde" alt="Blonde">
										</picture>
										<div class="video-category-amount-new-wrap hide">
											<div class="number"><span></span></div>
										</div>
										<div class="video-category-name hide"></div>
									</div>
									</a>
								</div>
								<div class="col-2 video-wrap">
									<a href="/videos/girls/categories/blowjobs">
									<div class="video-thumb relative">
										<picture>
												<source srcset="https://cdn5.vscdns.com/images/header/videos/blowjobs-girls.webp" type="image/webp">
												<source srcset="https://cdn5.vscdns.com/images/header/videos/blowjobs-girls.jpg" type="image/jpg">
												<img src="https://cdn5.vscdns.com/images/header/videos/blowjobs-girls.jpg" loading="lazy" title="Blowjobs" alt="Blowjobs">
										</picture>
										<div class="video-category-amount-new-wrap hide">
											<div class="number"><span></span></div>
										</div>
										<div class="video-category-name hide"></div>
									</div>
									</a>
								</div>
								<div class="col-2 video-wrap">
									<a href="/videos/girls/categories/brunette">
									<div class="video-thumb relative">
										<picture>
												<source srcset="https://cdn5.vscdns.com/images/header/videos/brunette-girls.webp" type="image/webp">
												<source srcset="https://cdn5.vscdns.com/images/header/videos/brunette-girls.jpg" type="image/jpg">
												<img src="https://cdn5.vscdns.com/images/header/videos/brunette-girls.jpg" loading="lazy" title="Brunette" alt="Brunette">
										</picture>
										<div class="video-category-amount-new-wrap hide">
											<div class="number"><span></span></div>
										</div>
										<div class="video-category-name hide"></div>
									</div>
									</a>
								</div>
								<div class="col-2 video-wrap">
									<a href="/videos/girls/categories/college_girls">
									<div class="video-thumb relative">
										<picture>
												<source srcset="https://cdn5.vscdns.com/images/header/videos/college-girls.webp" type="image/webp">
												<source srcset="https://cdn5.vscdns.com/images/header/videos/college-girls.jpg" type="image/jpg">
												<img src="https://cdn5.vscdns.com/images/header/videos/college-girls.jpg" loading="lazy" title="College Girls" alt="College Girls">
										</picture>
										<div class="video-category-amount-new-wrap hide">
											<div class="number"><span></span></div>
										</div>
										<div class="video-category-name hide"></div>
									</div>
									</a>
								</div>
								<div class="col-2 video-wrap">
									<a href="/videos/girls/categories/curvy">
									<div class="video-thumb relative">
										<picture>
												<source srcset="https://cdn5.vscdns.com/images/header/videos/curvy-girls.webp" type="image/webp">
												<source srcset="https://cdn5.vscdns.com/images/header/videos/curvy-girls.jpg" type="image/jpg">
												<img src="https://cdn5.vscdns.com/images/header/videos/curvy-girls.jpg" loading="lazy" title="Curvy" alt="Curvy">
										</picture>
										<div class="video-category-amount-new-wrap hide">
											<div class="number"><span></span></div>
										</div>
										<div class="video-category-name hide"></div>
									</div>
									</a>
								</div>
								<div class="col-2 video-wrap">
									<a href="/videos/girls/categories/ebony_girls">
									<div class="video-thumb relative">
										<picture>
												<source srcset="https://cdn5.vscdns.com/images/header/videos/ebony-girls.webp" type="image/webp">
												<source srcset="https://cdn5.vscdns.com/images/header/videos/ebony-girls.jpg" type="image/jpg">
												<img src="https://cdn5.vscdns.com/images/header/videos/ebony-girls.jpg" loading="lazy" title="Ebony" alt="Ebony">
										</picture>
										<div class="video-category-amount-new-wrap hide">
											<div class="number"><span></span></div>
										</div>
										<div class="video-category-name hide"></div>
									</div>
									</a>
								</div>
								<div class="col-2 video-wrap">
									<a href="/videos/girls/categories/european_girls">
									<div class="video-thumb relative">
										<picture>
												<source srcset="https://cdn5.vscdns.com/images/header/videos/european-girls.webp" type="image/webp">
												<source srcset="https://cdn5.vscdns.com/images/header/videos/european-girls.jpg" type="image/jpg">
												<img src="https://cdn5.vscdns.com/images/header/videos/european-girls.jpg" loading="lazy" title="European Girls" alt="European Girls">
										</picture>
										<div class="video-category-amount-new-wrap hide">
											<div class="number"><span></span></div>
										</div>
										<div class="video-category-name hide"></div>
									</div>
									</a>
								</div>
								<div class="col-2 video-wrap">
									<a href="/videos/girls/categories/girls_next_door">
									<div class="video-thumb relative">
										<picture>
												<source srcset="https://cdn5.vscdns.com/images/header/videos/next-door-girls.webp" type="image/webp">
												<source srcset="https://cdn5.vscdns.com/images/header/videos/next-door-girls.jpg" type="image/jpg">
												<img src="https://cdn5.vscdns.com/images/header/videos/next-door-girls.jpg" loading="lazy" title="Girls Next Door" alt="Girls Next Door">
										</picture>
										<div class="video-category-amount-new-wrap hide">
											<div class="number"><span></span></div>
										</div>
										<div class="video-category-name hide"></div>
									</div>
									</a>
								</div>
								<div class="col-2 video-wrap">
									<a href="/videos/girls/categories/latina">
									<div class="video-thumb relative">
										<picture>
												<source srcset="https://cdn5.vscdns.com/images/header/videos/latina-girls.webp" type="image/webp">
												<source srcset="https://cdn5.vscdns.com/images/header/videos/latina-girls.jpg" type="image/jpg">
												<img src="https://cdn5.vscdns.com/images/header/videos/latina-girls.jpg" loading="lazy" title="Latina" alt="Latina">
										</picture>
										<div class="video-category-amount-new-wrap hide">
											<div class="number"><span></span></div>
										</div>
										<div class="video-category-name hide"></div>
									</div>
									</a>
								</div>
								<div class="col-2 video-wrap">
									<a href="/videos/girls/categories/milf">
									<div class="video-thumb relative">
										<picture>
												<source srcset="https://cdn5.vscdns.com/images/header/videos/milf-girls.webp" type="image/webp">
												<source srcset="https://cdn5.vscdns.com/images/header/videos/milf-girls.jpg" type="image/jpg">
												<img src="https://cdn5.vscdns.com/images/header/videos/milf-girls.jpg" loading="lazy" title="Milf" alt="Milf">
										</picture>
										<div class="video-category-amount-new-wrap hide">
											<div class="number"><span></span></div>
										</div>
										<div class="video-category-name hide"></div>
									</div>
									</a>
								</div>
								<div class="col-2 video-wrap">
									<a href="/videos/girls/categories/party_chat">
									<div class="video-thumb relative">
										<picture>
												<source srcset="https://cdn5.vscdns.com/images/header/videos/party-chat-girls.webp" type="image/webp">
												<source srcset="https://cdn5.vscdns.com/images/header/videos/party-chat-girls.jpg" type="image/jpg">
												<img src="https://cdn5.vscdns.com/images/header/videos/party-chat-girls.jpg" loading="lazy" title="Party Chat" alt="Party Chat">
										</picture>
										<div class="video-category-amount-new-wrap hide">
											<div class="number"><span></span></div>
										</div>
										<div class="video-category-name hide"></div>
									</div>
									</a>
								</div>
								<div class="col-2 video-wrap">
									<a href="/videos/girls/categories/redheads">
									<div class="video-thumb relative">
										<picture>
												<source srcset="https://cdn5.vscdns.com/images/header/videos/redheads-girls.webp" type="image/webp">
												<source srcset="https://cdn5.vscdns.com/images/header/videos/redheads-girls.jpg" type="image/jpg">
												<img src="https://cdn5.vscdns.com/images/header/videos/redheads-girls.jpg" loading="lazy" title="Redheads" alt="Redheads">
										</picture>
										<div class="video-category-amount-new-wrap hide">
											<div class="number"><span></span></div>
										</div>
										<div class="video-category-name hide"></div>
									</div>
									</a>
								</div>
								<div class="col-2 video-wrap">
									<a href="/videos/girls/categories/little_boobs">
									<div class="video-thumb relative">
										<picture>
												<source srcset="https://cdn5.vscdns.com/images/header/videos/small-tits-girls.webp" type="image/webp">
												<source srcset="https://cdn5.vscdns.com/images/header/videos/small-tits-girls.jpg" type="image/jpg">
												<img src="https://cdn5.vscdns.com/images/header/videos/small-tits-girls.jpg" loading="lazy" title="Small Tits" alt="Small Tits">
										</picture>
										<div class="video-category-amount-new-wrap hide">
											<div class="number"><span></span></div>
										</div>
										<div class="video-category-name hide"></div>
									</div>
									</a>
								</div>
								<div class="col-2 video-wrap">
									<a href="/videos/girls/categories/squirting">
									<div class="video-thumb relative">
										<picture>
												<source srcset="https://cdn5.vscdns.com/images/header/videos/squirters-girls.webp" type="image/webp">
												<source srcset="https://cdn5.vscdns.com/images/header/videos/squirters-girls.jpg" type="image/jpg">
												<img src="https://cdn5.vscdns.com/images/header/videos/squirters-girls.jpg" loading="lazy" title="Squirters" alt="Squirters">
										</picture>
										<div class="video-category-amount-new-wrap hide">
											<div class="number"><span></span></div>
										</div>
										<div class="video-category-name hide"></div>
									</div>
									</a>
								</div>
						</div>
						 
												
						<div class="video-categories-button">
							<a href="/videos/girls/" class="btn no-rounded">See All Videos</a>
						</div>

					</div>
					<div class="col-3">
						<div class="d-flex justify-content-between drop-menu-category-top-wrap">
							<div class="drop-menu-category-name watched-now">
								<span>Watched Now</span> 
							</div>
							<div class="drop-menu-category-header-button">
								<a class="btn no-rounded" href="/videos/girls/watched-now/">See All</a>
							</div>
						</div>
						<div class="drop-menu-videos-wrap flex-grid" data-header-submenu-category="watched">
							<div class="col-6 video-wrap menu-item-loading">
								<a href="#url-to-video">
								<div class="video-thumb">
									<img src="" alt="" title="" loading="lazy">
								</div>
								<div class="video-name"></div>
								</a>
							</div>
							<div class="col-6 video-wrap menu-item-loading">
								<a href="#url-to-video">
								<div class="video-thumb">
									<img src="" alt="" title="" loading="lazy">
								</div>
								<div class="video-name"></div>
								</a>
							</div>
							<div class="col-6 video-wrap menu-item-loading">
								<a href="#url-to-video">
								<div class="video-thumb">
									<img src="" alt="" title="" loading="lazy">
								</div>
								<div class="video-name"></div>
								</a>
							</div>
							<div class="col-6 video-wrap menu-item-loading">
								<a href="#url-to-video">
								<div class="video-thumb">
									<img src="" alt="" title="" loading="lazy">
								</div>
								<div class="video-name"></div>
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
														<div class="single-header-category vip-header-nav header-nav-item" data-header-menu-category="vip">
		<div class="has-drop-menu f4f-click-menu">

			<input type="checkbox" id="vipDropdown" class="drop-menu-input header-category-input">
			<label for="vipDropdown" class="menu-label skew header-category-label">
				<div class="menu-label-wrap">VIP <i class="arrow-down"></i></div>
			</label>
			<label class="full-screen" for="vipDropdown"></label>

			<div class="drop-menu scrollbar-ghost scrollbar-custom big-menu">
				<div class="drop-menu-content-wrap flex-grid vip-list">
					<div class="col-2 category-wrap">
							<a href="/vip/members/">
								<div class="category-image">    
								<picture>
									<source srcset="https://cdn5.vscdns.com/images/header/vip/home_girls.webp" type="image/webp">
									<source srcset="https://cdn5.vscdns.com/images/header/vip/home_girls.png" type="image/png">
									<img src="https://cdn5.vscdns.com/images/header/vip/home_girls.png" alt="Home" title="Home" loading="lazy">
								</picture>
								</div>
								<div class="drop-menu-category-name">
									<span>Home</span>
								</div>
							</a>
					</div>
					<div class="col-2 category-wrap">
							<a href="/vip/members/">
								<div class="category-image">    
								<picture>
									<source srcset="https://cdn5.vscdns.com/images/header/vip/daily_vod_girls.webp" type="image/webp">
									<source srcset="https://cdn5.vscdns.com/images/header/vip/daily_vod_girls.png" type="image/png">
									<img src="https://cdn5.vscdns.com/images/header/vip/daily_vod_girls.png" alt="Daily VOD" title="Daily VOD" loading="lazy">
								</picture>
								</div>
								<div class="drop-menu-category-name">
									<span>Daily VOD</span> 
								</div>
							</a>
					</div>
					<div class="col-2 category-wrap">
							<a href="/vip/members/">
								<div class="category-image">    
								<picture>
									<source srcset="https://cdn5.vscdns.com/images/header/vip/videos_by_model_girls.webp" type="image/webp">
									<source srcset="https://cdn5.vscdns.com/images/header/vip/videos_by_model_girls.png" type="image/png">
									<img src="https://cdn5.vscdns.com/images/header/vip/videos_by_model_girls.png" alt="Videos by Model" title="Videos by Model" loading="lazy">
								</picture>
								</div>
								<div class="drop-menu-category-name">
									<span>Videos by Model</span> 
								</div>
							</a>
					</div>
					<div class="col-2 category-wrap">
							<a href="/vip/members/">
								<div class="category-image">    
								<picture>
									<source srcset="https://cdn5.vscdns.com/images/header/vip/videos_by_date_girls.webp" type="image/webp">
									<source srcset="https://cdn5.vscdns.com/images/header/vip/videos_by_date_girls.png" type="image/png">
									<img src="https://cdn5.vscdns.com/images/header/vip/videos_by_date_girls.png" alt="Videos by Date" title="Videos by Date" loading="lazy">
								</picture>
								</div>
								<div class="drop-menu-category-name">
									<span>Videos by Date</span> 
								</div>
							</a>
					</div>
					<div class="col-2 category-wrap">
							<a href="/vip/members/">
								<div class="category-image">    
								<picture>
									<source srcset="https://cdn5.vscdns.com/images/header/vip/feature_shows_girls.webp" type="image/webp">
									<source srcset="https://cdn5.vscdns.com/images/header/vip/feature_shows_girls.png" type="image/png">
									<img src="https://cdn5.vscdns.com/images/header/vip/feature_shows_girls.png" alt="Feature Shows" title="Feature Shows" loading="lazy">
								</picture>
								</div>
								<div class="drop-menu-category-name">
									<span>Feature Shows</span>
								</div>
							</a>
					</div>
					<div class="col-2 category-wrap">
							<a href="/vip/members/">
								<div class="category-image">    
								<picture>
									<source srcset="https://cdn5.vscdns.com/images/header/vip/photos_girls.webp" type="image/webp">
									<source srcset="https://cdn5.vscdns.com/images/header/vip/photos_girls.png" type="image/png">
									<img src="https://cdn5.vscdns.com/images/header/vip/photos_girls.png" alt="Photos" title="Photos" loading="lazy">
								</picture>
								</div>
								<div class="drop-menu-category-name">
									<span>Photos</span>
								</div>
							</a>
					</div>
				</div>
			</div>
		</div>
	</div>
								<div class="single-header-category blog-header-nav header-nav-item">
			<div class="has-drop-menu f4f-click-menu">
				<a class="menu-label skew" href="/blogs/girls/">
					<div class="menu-label-wrap">
						Blog					</div>
				</a>
			</div>
		</div>
						<label class="single-header-category header-nav-item beta-q-modal-header hide ml-md" for="beta_q_modal">Give Feedback</label>
				</div>
			</div>

			<style>
				.single-header-category.header-nav-item.beta-q-modal-header {
					font-size: 14px;
					text-decoration: none;
					padding: 0;
					line-height: normal;
				}

				.beta-q-modal-container .beta-q-overlay-right {
					background: #323641;
				}

				.beta-q-modal-container .beta-q-overlay-submit #betaQSubmit .beta-q-overlay-submit {
					border: 0px;
					background: #05cbe7;
				}
			</style>

			<div class="header-area-right">
				
				<div class="header-icons-container">
					<a href="/calendar/girls/" title="Calendar"><i class="icon-calendar"></i></a>
				</div>
				
				<div class="header-buy-credits-container">
															<a onclick="javascript:popRegistration('topnav_free_signup_tab',reg_overlay_template_set);" href="javascript:;" class="header-register">
					        
							<div class="buy-credits-text-container " title="120 FREE CREDITS">
																									<span>120 <strong>FREE</strong></span>
									<span>CREDITS<span>
															</div>
					</a>
					<a class="header-buy-credits pending-user-purchase-credits billing-panel-button" href="javascript:void(0)" data-options="product_type=live;experience_flow=general-purchase;experience_type=purchase;trigger=header-get-credits;"   >      
							<div class="buy-credits-text-container user" title="Get CREDITS">
							Get CREDITS							</div>
					</a>
				</div>

							</div>

		</div>
		
		<div class="header-bottom full-width">
			<div class="header-bottom-inner">
				
				<div class="header-bottom-area-left">
					<div class="btn has-drop-menu cat-menu">
						<input type="checkbox" id="category-btn" class="drop-menu-input">
						<label for="category-btn" class="menu-label"><span class="visually-hidden">Categories</span></label>
						<div class="cat-tab">
							<i class="icon-hamburger"></i>
							<label class="full-screen" for="category-btn"><span class="visually-hidden">Categories</span></label>
						</div>
					</div>
					
					<div class="live-cams-categories-header-wrap">
						<ul>
						<li class="active"><a href="/live/girls/">Girls</a></li>
						<li ><a href="/live/guys/">Guys</a></li>
						<li ><a href="/live/trans/">Trans</a></li>
						</ul>
					</div>
				</div>
				
				<div class="header-bottom-area-center"> 
						


<style>
	/* hide the checkbox controller */
	.adhanger-toggle{
		position:absolute;
		opacity:0;
		pointer-events:none;
	}

	/* dropdown panel (closed state) */
	.ad-hanger-menu{
		position:absolute;
		top:100%;
		left:0;
		z-index:2000;

		opacity:0;
		visibility:hidden;
		pointer-events:none;
		transform:translateY(10px);
		transition:opacity .25s ease, transform .25s ease;
	}

	/* open animation */
	.adhanger-toggle:checked ~ .btn .ad-hanger-menu{
		opacity:1;
		visibility:visible;
		pointer-events:auto;
		transform:translateY(0);
	}

	/* outside click overlay */
	.adhanger-overlay{
		position:fixed;
		inset:0;
		display:none;
		z-index:1;
	}

	.adhanger-toggle:checked ~ .btn .adhanger-overlay{
		display:block;
	}

	/* take ownership of the framework dropdown lifecycle */
	.adhanger-toggle:checked ~ .btn .drop-menu{
		display:block !important;
		opacity:1 !important;
		visibility:visible !important;
		pointer-events:auto !important;
	}
</style>

<div class="ad-hanger-wrap concealable adhanger-new "  tabindex="0">
	<input type="checkbox" id="hangerToggle" class="adhanger-toggle">

	<div class="btn has-drop-menu hover-menu offer-tab flag-item">
		<label for="hangerToggle" class="adhanger-overlay"></label>

				<span class="anime-1"></span>
		<span class="anime-2"></span>
		<input type="radio" name="userControls" class="drop-menu-input hanger-ad">
		<div class="menu-label concealable"><span class="visually-hidden">Offer</span></div>
		<input type="radio" name="userControls" id="hangerAdShow" class="drop-menu-input-show hide">
		<label for="hangerAdShow" class="menu-label concealable show-adhanger"><span class="visually-hidden">Show Offer</span></label>
		<label for="hangerToggle" class="menu-label concealable show-adhanger"><span class="visually-hidden">Show Offer</span></label>
		<i class="icon-hot"></i>
		<span id="offerTimer" class="offer-tab-timer"></span>
		<span class="deal-tab-header">GET YOUR DEALS HERE</span>
		<span class="deal-tab-header hot-deals-header">LIMITED TIME OFFERS!</span>
		<i class="arrow-down"></i>
		<span class="flag-amount danger ad-hanger-total-prods hide"></span>
		<label class="full-screen" for="userControlsOff"><span class="visually-hidden">Close</span></label>

		<ul class="drop-menu custom-scroll ad-hanger-menu">
			<div class="glow"></div>
                            <span class="deal-name hanger-promo-deal-name"></span>
            			<li>
				<div class="hanger-promo-credit-streak hide">
					<div class="credit-streak-change-cc disabled">
						Please update your payment method to a <span class="streak-required-card"></span> card to enable the credit streak rewards.
					</div>
					<div class="credit-streak-title">
						<i class="icon-star-solid"></i>
						<span class="streak-offer"></span>
						<i class="icon-star-solid"></i>
					</div>
					<div class="credit-streak-description">

					</div>
					<div class="credit-streak-content">


						<div class="credit-streak-single-bubble credit-streak-single-bubble-clonable" title="">
							<div>
								<span class="credit-streak-bubble"></span>
                                <div class="credit-streak-amount" title=""></div>
							</div>
						</div>

						<div class="credit-streak-bubbles-container">

						</div>

						<div class="credit-streak-vat hide"></div>
					</div>

				</div>
			</li>
			<li>
				<div class="body-no-deals">
					<p>We have a <b>limited number</b> of special packages per hour.</p>
					<p>Please check back in a few minutes or when you see this tab change color.</p>
				</div>
				<div class="body-deals scrollbar-ghost">

					                        <div class="offer-message hanger-promo-offer-message"></div>
                    
					<div class="promo-products-container scrollbar-ghost">
					</div>
					
					<div class="offer-block clonable-promo-product">
												<div class="vip-product-offer flex-grid">
							<div class="col-12"></div>
							<div class="col-3 col-3-sm" style="border-right:1px solid rgba(0,0,0,.2);"><i class="icon-crown icon-xl icon-left-text"></i></div>
							<div class="col-8 col-8-sm text-left">Enjoy VIP treatment in chat rooms, discounts on products and unlimited access to your recorded shows.</div>
							<div class="col-12"><div class="line"></div></div>
						</div>
						<div class="flex-grid offer-credits">
							<div class="col-4 flex-center">
								<div class="offer-credits-container">
                                    <div class="vip-crown-image"></div>
                                    <div class="image-backdrop top-backdrop"></div>
									<div class="offer-credits-amount"></div>
									<div class="offer-credits-text">CREDITS</div>
									<div class="credit-image"></div>
									<div class="image-backdrop image-backdrop-bottom"></div>
								</div>
							</div>
                            <div class="col-8 flex-center">
      							<div class="col-12 offer-amount flex-center">
      								<div class="box-border">
      									<div class="free-credits">
      										<span class="free-credits-amount"></span>
      										<span>credits FREE!</span>
      									</div>
										<div class="vip-membership-package-content">
											<div class="vip-membership-package-icon"><i class="icon-crown mr-xs"></i>VIP</div>
											<div class="vip-membership-package-length">30 Day Membership</div>
      									</div>
      									      									<div class="limited-time-offer hide">
      										<div class="number-offers-remaining limited-offer-amount">Only 1 remaining!</div>
      									</div>
                                        <span class="vip-special-custom vip-only-text"><span>// </span>VIP ONLY <span>//</span></span>
      								</div>
      							</div>
      							<div class="col-12 offer-button d-flex justify-content-between align-items-center relative mt-md">
      								<div class="offer-amount-dollars-wrap"><span class="offer-amount-dollars"></span></div>
                                    <a href="javascript:;" class="deal-btn">
      									<span class="get-this-deal-btn btn-sm">
      										<i class="vip-special-custom icon-crown"></i>
      										<span class="text-get-this-deal">BUY NOW</span>
      										<span class="text-get-deal">BUY NOW</span>
      									</span>
      									<div class="see-offers btn btn-xs">See Other Offers</div>
      									<div class="deal-loading btn btn-sm primary"><i class="loading-v2"></i> Loading</div>
      								</a>
      							</div>
                            </div>
						</div>
                        
					</div>
									</div>
			</li>
			<li class="adhanger-new-lower">
				<div class="body-deals-lower relative">
					<span class="anime-3"></span>
					<span class="anime-4"></span>

					<div class="offer-credit-card-info">
						<i class="icon-credit-card"></i>
                        <img class="c2c-card visa" src="https://cdn5.vscdns.com/images/_common/payment/billing-interface/visa_logo_compliant.svg" alt="VISA" loading="lazy">
                        <img class="c2c-card mastercard" src="https://cdn5.vscdns.com/images/_common/payment/billing-interface/mc_logo_compliant.svg" alt="Mastercard" loading="lazy">
                        <img class="c2c-card amex" src="https://cdn5.vscdns.com/images/_common/payment/billing-interface/amex.png" alt="Amex" loading="lazy">
                        <img class="c2c-card discover" src="https://cdn5.vscdns.com/images/_common/payment/billing-interface/discover.png" alt="Discover" loading="lazy">
                        <img class="c2c-card jcb" src="https://cdn5.vscdns.com/images/_common/payment/billing-interface/jcb.png" alt="JCB" loading="lazy">
                        <img class="c2c-card diners" src="https://cdn5.vscdns.com/images/_common/payment/billing-interface/diners.png" alt="Diners" loading="lazy">
                        <img class="c2c-card ccbill" src="https://cdn5.vscdns.com/images/_common/payment/billing-interface/ccbill.png" alt="CCBill" loading="lazy">
                        <img class="c2c-card wts" src="https://cdn5.vscdns.com/images/_common/payment/billing-interface/wts.png" alt="WTS" loading="lazy">
                        <img class="c2c-card segpay" src="https://cdn5.vscdns.com/images/_common/payment/billing-interface/segpay.png" alt="SegPay" loading="lazy">
                        <img class="c2c-card rocketgate" src="https://cdn5.vscdns.com/images/_common/payment/billing-interface/rocketgate.png" alt="RocketGate" loading="lazy">
                        <img class="c2c-card netbill" src="https://cdn5.vscdns.com/images/_common/payment/billing-interface/netbill.png" alt="NetBill" loading="lazy">
                        <img class="c2c-card agnostic" src="https://cdn5.vscdns.com/images/_common/payment/billing-interface/agnostic.png" alt="Agnostic" loading="lazy">

						<span class="card-cc-number"></span>
						
						<a href="javascript:;" class="change-cc-info btn btn-xs" data-source="ad-hanger">Change Card</a>
						<a href="javascript:;" class="overlay-add-card btn btn-xs" data-source="ad-hanger" data-options="target_step=choose-payment-method">Add New Card</a>
					</div>
					
                    <div class="promo-link-item">
                        <a href="javascript:;" class="promo-link">Have a promo code?</a>
                    </div>
					
				</div>
			</li>

			<li><span class="bottom-back-trans"></span></li>
			<div class="hot-deals-fire-container" style="z-index: -1;">
				<div class="hot-deals-fire">
					<svg version="1.1" id="Layer_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px"
						width="1016px" height="493px" viewBox="0 0 1016 493" enable-background="new 0 0 1016 493" xml:space="preserve">
					<g>
						<path class="flame" fill-rule="evenodd" clip-rule="evenodd" fill="#F58553" d="M260.138,279.034c0.329,2.103,0.929,3.955,3.466,1.591
							c1.36-1.269,2.555-2.34,2.946-4.48c0.611-3.344,1.288-6.88,4.965-9.637C262.791,267.109,258.981,271.64,260.138,279.034z"/>
						<path class="flame one" fill-rule="evenodd" clip-rule="evenodd" fill="#F58553" d="M642.133,261.121c-0.602,1.805,2.854,4.751,5.137,4.486
							c2.775-0.322,5.049-1.429,4.986-4.831c-0.051-2.835-2.447-5.298-5.188-5.287C643.428,255.591,642.939,258.697,642.133,261.121z"/>
						<path class="flame two" fill-rule="evenodd" clip-rule="evenodd" fill="#F58553" d="M236.169,192.895c2.469-0.638,4.981-0.998,4.781-3.98
							c-0.117-1.744-0.676-3.642-3.098-3.758c-2.766-0.133-4.256,1.769-4.511,3.915C233.163,190.574,234.413,192.402,236.169,192.895z"/>
						<path class="flame" fill-rule="evenodd" clip-rule="evenodd" fill="#F58553" d="M394.363,104.625c2.114,0.205,3.56-0.855,3.625-2.719
							c0.057-1.631-1.206-2.715-3.106-2.809c-1.935-0.095-2.961,0.578-3.069,2.6C391.708,103.615,392.298,104.781,394.363,104.625z"/>
						<path class="flame one" fill-rule="evenodd" clip-rule="evenodd" fill="#F58553" d="M257.108,216.734c1.575,0.05,2.945-0.246,2.794-2.009
							c-0.133-1.558-1.21-2.582-2.89-2.516c-1.492,0.059-2.595,1.087-2.394,2.435C254.774,215.686,255.437,217.224,257.108,216.734z"/>
						<path class="flame two" fill-rule="evenodd" clip-rule="evenodd" fill="#F58553" d="M73.648,152.806c1.225,0.057,1.942-0.5,2.374-1.896
							c-0.912-0.418-0.55-1.965-2.227-2.114c-1.723-0.152-2.062,1.195-2.287,2.05C71.119,152.317,72.336,152.744,73.648,152.806z"/>
					</g>
					<g>
						<path class="flame one" fill-rule="evenodd" clip-rule="evenodd" fill="#DF513D" d="M217.934,126.101c-1.167-3.763-2.061-7.788-5.236-11.302
							c0.108,2.457-0.002,4.26-0.827,5.933c-0.684,1.387-0.368,3.43-2.745,3.684c-2.311,0.248-3.482-0.874-4.668-2.691
							c-3.922-6.005-2.688-12.452-1.678-18.786c0.745-4.666,2.17-9.221,3.387-14.22c-9.078,5.882-13.839,18.679-11.527,29.102
							c2.305,10.385,6.331,19.888,12.472,28.634c7.29,10.382,7.329,20.787,0.019,30.697c2.168,0.269,3.337-0.783,4.553-1.723
							c8.892-6.871,10.305-16.748,10.146-26.877C221.712,140.951,220.195,133.394,217.934,126.101z"/>
						<path class="flame one" fill-rule="evenodd" clip-rule="evenodd" fill="#DF513D" d="M537.457,199.138c-3.573,3.704-3.719,8.707-4.095,13.078
							c-0.443,5.159,2.751,9.729,6.305,13.933c1.678-4.575,1.526-8.778-0.152-13.235C537.881,208.579,536.785,203.986,537.457,199.138z"
							/>
						<path class="flame two" fill-rule="evenodd" clip-rule="evenodd" fill="#DF513D" d="M790.553,136.011c-1.086-0.688-1.059,0.386-1.111,0.802
							c-0.26,2.063-1.121,4.191,0.15,6.185c2.043,3.204,3.762,6.5,3.252,11.266c3.506-3.165,4.613-6.646,4.301-10.125
							C796.799,140.311,793.68,137.989,790.553,136.011z"/>
						<path class="flame one" fill-rule="evenodd" clip-rule="evenodd" fill="#DF513D" d="M939.061,13.063c-2.963-0.039-4.814,2.08-4.898,5.601
							c-0.365,3.134,2.238,3.978,4.217,4.556c2.504,0.733,5.953-2.514,5.951-5.005C944.33,15.513,941.861,13.101,939.061,13.063z"/>
						<path class="flame" fill-rule="evenodd" clip-rule="evenodd" fill="#DF513D" d="M553.012,173.176c-5.986,4.961-6.033,6.817-1.004,11.31
							C555.391,181.12,551.922,177.398,553.012,173.176z"/>
					</g>
					<path class="flame-main one" fill-rule="evenodd" clip-rule="evenodd" fill="#DF513D" d="M855.631,466.945C944.262,471.891,972,449.18,972,449.18
						C1027,321.359,944.33,235,944.33,235c-25.416-5.286-45.699-63.5-49.117-88.546c-1.01-7.383,0.025-15.348,1.727-22.938
						c4.066-18.146,11.555-34.489,25.205-47.463c6.234-5.924,13.301-10.446,23.752-8.588c-14.379-8.771-28.559-10.971-43.646-6.452
						c-13.455,4.031-24.506,11.925-34.635,21.463c-10.742,10.116-19.926,21.219-25.68,34.991c-2.672,6.39-4.943,12.996-5.521,19.735
						c-0.764,8.926-0.973,18.003,0.777,26.961c1.719,8.808,4.424,17.371,8.691,25.153c5.264,9.596,10.76,18.952,14.289,29.435
						c3.588,10.658,5.154,21.481,3.627,32.481c-1.809,13.028-7.438,24.381-17.133,33.622c-7.992,7.619-16.848,7.064-23.23-1.906
						c-2.838-3.988-4.801-8.185-5.996-13.175c-2.541-10.627-1.035-20.107,5.604-28.506c7.814-9.888,11.92-20.496,9.221-33.241
						c-2.605-12.3-14.936-23.608-25.422-24.022c4.357,3.514,10.586,11.164,13.289,16.328c4.455,8.511,3.699,18.335-3.877,25.045
						c-5.648,5.003-10.664,10.654-14.902,17.021c-3.209,4.823-6.195,9.681-7.303,15.373c-0.564,2.904-0.221,5.978-0.387,8.969
						c-0.057,1.005,0.322,2.667-1.828,1.731c-5.561-2.418-9.982-6.14-10.158-14.216c-0.094-4.266,2.254-7.965,2.404-12.128
						c0.379-10.409-8.141-20.954-19.229-22.816c-10.182-1.711-18.287,2.746-23.861,14.147c2.469-0.808,4.727-1.556,6.992-2.286
						c2.447-0.789,4.965-0.24,7.432-0.234c7.539,0.02,14.816,8.159,13.32,16.086c-1.266,6.717-4.697,12.408-7.08,18.555
						c-4.266,10.991-10.574,21.106-14.582,32.256c-4.201,11.694-7.123,23.498-4.744,36.104c0.408,2.16,2.133,4.087,1.367,7.061
						c-7.738-8.408-16.045-15.436-25.604-20.918c-8.41-4.82-17.121-8.909-26.645-10.926c-2.17-0.459-3.08-1.602-3.496-3.445
						c-0.963-4.267-3.477-7.051-7.836-7.607c-4.699-0.601-7.273,2.641-9.066,6.234c-1.064,2.138-2.082,2.248-4.195,1.928
						c-15.563-2.355-27.02-11.037-35.943-23.396c-11.643-16.123-16.396-34.125-14.266-54.008c1.791-16.705,8.824-30.894,19.84-43.279
						c11.209-12.603,25.119-21.442,40.432-28.448c-0.35-0.178-0.529-0.323-0.73-0.361c-0.254-0.047-0.531-0.042-0.787,0.002
						c-19.779,3.385-45.439,14.517-59.5,31.411c-0.166,0.201-0.363,0.377-0.549,0.564c-4.191,4.213-7.574,9.034-10.373,14.242
						c-5.674,10.557-8.674,21.895-10.453,33.734c-1.299,8.649-1.73,17.34-0.422,25.789c1.697,10.957,5.266,21.479,10.924,31.289
						c5.309,9.2,11.873,17.521,17.426,26.535c2.143,3.479,1.92,6.092-1.285,8.326c-1.924,1.344-4.066,2.461-6.248,3.335
						c-6.979,2.798-14.191,2.927-21.504,1.562c-15.086-2.816-26.398-10.412-31.984-25.242c-4.852-12.872-3.498-25.889-0.332-38.765
						c3.709-15.087,9.834-29.463,13.641-44.539c3.434-13.596,6.252-27.32,7.219-41.325c0.73-10.567,0.684-21.164-0.883-31.693
						c-1.055-4.138-0.746-8.691-3.738-12.236c0.002,0,0.003,0.001,0.004,0.002c-0.072-4.321-2.307-7.884-4.096-11.609
						c-3.334-8.141-8.697-14.584-16.004-19.415c2.986,4.352,6.135,8.549,8.773,13.114c0.365,0.634,0.885,2.142,2.361,1.377
						c-0.141,4.219,3.092,7.335,3.691,11.312c-0.203,0.471-0.24,0.865,0.434,0.926c0,0-0.039,0.088-0.039,0.089
						c1.229,7.339,3.654,14.469,3.854,21.993c0.277,7.069-0.301,14.054-1.268,21.083c-1.262,9.162-3.033,18.159-5.955,26.918
						c-2.639,7.904-5.814,15.605-8.836,23.359c-3.461,8.881-7.283,17.65-10.363,26.707c-4.963,14.591-10.781,28.851-14.065,44.032
						c-3.851,17.809-2.452,34.576,6.944,50.396c0.892,1.5,1.322,3.014,1.411,4.791c0.607,12.178-6.601,21.589-20.336,22.445
						c-16.567,1.032-29.487-7.037-33.707-22.111c-2.169-7.747-1.702-15.574-0.003-23.352c3.305-15.127,10.624-28.352,19.604-40.729
						c4.995-6.886,8.435-14.472,9.014-22.863c1.204-17.457-5.281-31.88-19.167-42.561c-5.162-3.97-11.1-6.564-18.131-5.406
						c-11.898,1.959-15.779,14.669-16.513,26.118c1.964-2.698,3.785-5.37,5.781-7.906c3.604-4.581,8.707-5.385,13.817-4.151
						c13.203,3.188,19.3,17.235,12.706,28.876c-2.606,4.6-5.966,8.563-10.19,11.975c-5.143,4.15-9.367,9.452-14.577,13.502
						c-5.938,4.618-11.283,9.875-15.389,15.926c-5.288,7.796-11.634,13.953-20.057,17.894c-7.237,3.384-17.27,4.203-22.724-2.331
						c-4.678-5.603-4.442-12.041-2.223-18.393c6.571-18.801,14.331-37.188,18.802-56.705c2.512-10.964,3.926-22.005,3.771-33.219
						c-0.293-21.134-7.547-39.917-19.95-56.795c-3.735-5.083-7.982-9.791-12.397-15.161c-0.441,3.125,0.279,5.327,0.699,7.361
						c2.643,12.804,3.729,25.771,4.406,38.768c0.407,7.829-0.424,15.631-1.206,23.472c-1.115,11.184-3.351,21.955-7.212,32.455
						c-2.723,7.409-6.812,14.064-11.788,20.079c-4.364,5.276-9.939,9.478-16.148,12.21c-8.284,3.646-17.829-2.003-19.39-11.826
						c-2.665-16.773-0.41-32.809,9.74-47.062c-0.963-0.419-1.715,0.063-2.629,0.779c-7.514,5.889-14.286,12.32-19.609,20.456
						c-9.272,14.171-13.619,29.941-15.935,46.323c-1.771,12.528-3.694,24.94-7.695,36.989c-4.727,14.237-21.139,24.276-35.978,21.826
						c-9.413-1.554-15.849-7.425-20.69-15.005c-14.236-22.295-12.316-45.057-1.232-67.882c4.195-8.637,10.013-16.207,16.315-23.659
						c-12.587-1.713-22.69,2.739-31.15,11.041c-10.202,10.013-14.693,23.224-18.941,36.383c-0.987,3.055-1.763,2.217-3.276,1.01
						c-13.538-10.804-22.13-24.641-25.489-41.673c-0.5-3.099-0.999-6.198-1.498-9.298c0.1-11.729,1.626-23.235,5.648-34.413
						c-1.005,1.916-2.907,2.779-4.039,4.46c-13.677,20.313-16.274,43.052-14.618,66.643c0.372,5.296-0.561,10.181-2.291,14.941
						c-2.936,8.075-8.172,9.575-14.724,4.1c-4.525-3.783-8.732-8.006-12.714-12.367c-11.834-12.958-18.152-28.218-18.812-45.852
						c-0.748-19.978,4.404-38.725,11.956-56.868c8.639-20.756,11.392-41.894,6.258-63.94c-2.858-12.27-8.542-23.307-15.923-33.204
						c-3.85-5.163-8.923-9.78-14.618-13.434c-16.292-10.449-32.993-13.009-50.84-3.433c1.47,1.12,2.801,1.62,4.334,2.034
						c12.039,3.249,22.931,8.94,31.515,17.937c10.389,10.89,12.899,24.402,9.939,38.878c-2.776,13.572-7.482,26.616-12.908,39.293
						c-7.716,18.031-16.924,35.417-22.425,54.384c-2.498,8.614-4.16,17.295-4.617,26.232c-0.038,0.737-0.09,1.806-0.548,2.121
						c-1.022,0.704-1.664-0.424-2.182-1.073c-2.667-3.337-4.792-6.98-6.257-11.027c-5.234-14.466-3.651-28.882,0.609-43.142
						c2.264-7.577,5.338-14.913,8.438-23.433c-4.936,3.301-7.244,7.463-9.685,11.352c-11.064,17.624-13.31,37.145-10.991,57.244
						c1.626,14.097,6.347,27.808,5.391,42.253c-0.504,7.608-0.817,15.015-6.939,21.076c0,0-52.749,96.413-18.563,155.781
						c4.75,8.249,402.17,17.768,402.17,17.768c2.102,0,4.204-0.062,6.304-0.094c8.706-0.004,17.41-0.01,26.113-0.015
						c1.494-0.006,2.987-0.012,4.481-0.017c3.332-1.905,5.942-4.229,7.982-6.894c-2.039,2.664-4.65,4.988-7.981,6.894
						c6.079,0.004,12.159,0.008,18.237,0.011c1.445,0.039,2.889,0.113,4.333,0.114c74.932,0.005,149.866,0.012,224.799-0.001
						c27.342-0.005,54.686-0.057,82.025-0.088c16.762-0.006,53.166,0.087,54.609,0.087 M824.752,226.698c0,0.001,0.001,0.002,0.002,0.002
						c-0.02,0.195-0.037,0.39-0.055,0.584C824.717,227.09,824.734,226.894,824.752,226.698z M574.146,136.221
						c1.001,0.838,1.496,2.265,2.499,3.105C575.644,138.489,575.148,137.061,574.146,136.221z M47.543,347.683L47.543,347.683
						l0.125,0.123C47.618,347.757,47.542,347.682,47.543,347.683z"/>
					<path class="flame-main two" fill="#F26C52" d="M976.667,324.592c1.229,3.776,2.013,7.837,2.314,12.227c0,0,0.169-78.337-70.811-125.496
						c-12.488-10.562-22.174-23.317-29.328-37.979c-5.111-10.474-8.277-21.568-8.316-33.246c-0.061-17.212,5.729-32.611,15.887-46.398
						c4.676-6.347,9.795-12.306,16.17-17.068c0.813-0.606,1.436-1.467,2.709-2.8c-6.471,0.968-11.582,3.497-16.594,6.001
						c-12.121,6.057-21.768,15.038-29.004,26.446c-6.633,10.455-9.918,22.096-10.471,34.407c-0.984,21.887,5.711,41.839,15.961,60.806
						c5.223,9.667,11.035,19.048,12.852,30.185c3.426,20.996,1.273,40.842-11.291,58.79c-8.707,12.435-26.303,19.606-40.416,16.137
						c-9.441-2.322-14.35-9.342-17.363-17.764c-5.699-15.928-4.258-31.144,5.617-45.238c3.137-4.479,6.176-9.028,9.457-13.835
						c-4.576,1.163-16.156,14.673-20.363,23.321c-4.803,9.866-1.631,20.479-2.895,30.676c-10.527-3.265-23.447-14.418-21.99-27.205
						c0.559-4.914,0.131-9.867,1.447-14.806c1.6-5.992-1.145-11.556-6.531-14.658c-3.473-2.001-7.193-3.389-11.336-3.133
						c2.994,1.594,6.342,2.346,8.82,4.939c1.842,1.928,2.898,4.032,2.977,6.617c0.418,13.832-1.627,26.889-8.738,39.294
						c-8.867,15.469-13.41,32.414-12.527,50.462c0.334,6.838,2.555,13.077,7.289,18.236c8.326,9.069,9.984,20.421,5.266,31.396
						c-0.754,1.757-1.402,3.433-3.953,1.573c-11.662-8.503-23.174-17.189-33.09-27.736c-4.387-4.665-8.094-9.967-12.469-14.646
						c-8.01-8.57-18.422-11.793-29.779-13.402c-16.861-2.39-33.697-5.066-47.652-16.334c-9.074-7.328-15.014-16.762-19.492-27.226
						c-5.621-13.131-8.916-26.752-8.33-41.222c0.371-9.153,2.295-17.872,5.559-26.362c0.221-0.573,0.424-1.153,0.846-2.309
						c-2.08,0.743-2.357,2.227-2.844,3.376c-4.656,11.01-8.379,22.354-10.244,34.152c-1.172,7.397-0.301,14.827,1.813,22.155
						c3.832,13.296,10.604,25.058,18.066,36.521c3.5,5.377,7.021,10.748,10.359,16.227c5.326,8.736,2.068,19.219-7.029,24.131
						c-8.594,4.64-17.66,5.329-27.082,4.19c-0.625-0.076-1.277,0.081-1.918,0.13l-1.695-0.031c-4.563-1.718-9.17-3.33-13.684-5.174
						c-18.088-7.387-30.508-23.889-30.627-44.457c-0.076-12.859,3.195-24.85,6.871-36.87c3.832-12.531,7.818-25.016,11.65-37.546
						c0.715-2.342,1.018-4.81,0.652-7.516c-1.91,4.821-3.895,9.615-5.719,14.47c-5.123,13.62-10.459,27.169-15.178,40.93
						c-4.24,12.366-8.473,24.877-8.307,38.179c0.162,12.924,4.285,24.588,11.971,35.119c3.307,4.531,7.906,8.158,9.961,13.563
						c3.859,10.151,1.246,19.344-4.648,27.839c-10.016,14.438-24.234,17.849-40.832,15.78c-7.385-0.92-14.406-2.816-21.246-5.422
						c-13.549-5.159-20.191-16.348-23.844-29.433c-5.659-20.297-1.638-39.06,9.969-56.494c7.352-11.042,16.057-20.996,24.254-31.362
						c10.086-12.758,9.057-28.586-2.361-40.235c-5.086-5.189-10.006-10.389-17.781-11.482c-3.191-0.448-6.057-0.333-8.852,1.574
						c6.895-0.15,12.607,2.547,17.379,7.047c11.996,11.316,13.275,24.909,4.355,39.414c-4.842,7.876-10.643,15.015-17.059,21.489
						c-9.441,9.529-17.724,20.023-26.696,29.926c-7.03,7.757-15.354,14.125-26.103,15.848c-13.623,2.184-29.494-4.447-30.713-21.896
						c-0.891-12.764,2.373-24.592,7.247-36.053c4.003-9.414,8.815-18.479,12.995-27.823c5.777-12.917,6.504-26.398,4.506-40.307
						c-1.439-10.016-4.09-19.696-6.574-29.444c-0.232-0.908-0.518-1.76-1.363-2.299c-1.287,0.388-0.861,1.473-0.895,2.303
						c-0.65,16.369-3.062,32.494-6.676,48.451c-2.785,12.297-6.24,24.348-12.229,35.561c-6.266,11.733-15.305,19.604-28.64,22.453
						c-9.214,1.968-15.219-2.511-18.5-9.665c-5.24-11.428-6.019-23.727-4.448-36.16c0.309-2.44,0.587-4.884,1.013-8.444
						c-3.861,7.471-6.259,14.328-8.441,21.26c-4.343,13.795-5.548,28.134-7.463,42.374c-1.608,11.957-3.538,23.914-8.479,35.022
						l-15.857,20.554c-7.382,5.247-16.351,7.71-26.848,7.29c-8.636-0.345-15.731-4.848-21.172-11.485
						c-11.316-13.803-16.834-30.063-19.095-47.496c-1.957-15.088,2.089-29.289,7.337-43.214c1.781-4.724,4.593-8.914,7.143-13.301
						c-6.168,4.492-11.489,9.746-14.327,16.926c-3.176,8.032-5.8,16.283-8.966,24.32c-1.615,4.101-3.291,8.944-8.447,9.479
						c-4.833,0.5-7.611-3.513-10.353-6.885c-4.711-5.799-9.38-11.66-13.003-18.207c-5.151-9.312-7.396-19.474-8.453-30.011
						c-0.391-3.899-0.656-7.797-1.01-11.71c-2.149,14.851-3.22,29.688-0.711,44.639c0.993,5.913,1.636,11.873,0.565,17.956
						c-2.594,14.728-14.194,19.696-27.364,15.702c-17.352-5.263-28.268-17.412-35.249-33.595c-7.923-18.365-10.003-37.727-8.615-57.398
						c1.024-14.504,5.077-28.423,9.827-42.23c4.295-12.483,9.772-24.487,13.912-37.012c5.05-15.277,2.599-29.875-3.141-44.386
						c-2.809-7.1-6.498-13.438-12.36-18.428c-1.311-1.115-2.546-2.211-4.886-2.353c1.798,5.031,3.791,9.689,5.134,14.529
						c5.293,19.076,2.46,37.394-5.948,54.979c-4.234,8.854-9.156,17.38-13.41,26.226c-9.552,19.863-15.102,40.924-18.531,62.641
						c-1.506,9.536-2.45,19.081-2.274,29.927c-8.867-10.378-16.602-20.101-23.522-30.626c1.123,6.077,2.47,12.124,3.324,18.239
						c2.06,14.749,4.544,29.489,1.258,44.428c0,0-16.868-12.046-33.307,36.978c-1.356,4.042-2.709,8.499-4.049,13.412
						c7.755-5.54,11.074-12.951,11.394-22.115c0.022-0.625,0.141-1.246,0.313-2.696c1.795,1.347,3.208,2.806,4.3,4.374
						C6.589,401.313,52,444,52,444c156.805,14.154,296.961,20.449,417.648,22.161c1.765,0.024,3.536,0.051,5.292,0.074
						c148.598,1.953,267.32-3.039,350.782-8.784c1.064-0.073,2.109-0.146,3.162-0.221C918.027,451.008,966,444,966,444
						C987.153,425.667,981.715,361.088,976.667,324.592z"/>
					<path class="flame-main three" opacity="0.8" fill-rule="evenodd" clip-rule="evenodd" fill="#F58553" d="M771.154,453.647c4.645,0,9.287-0.143,13.924-0.219
						c-25.818-16.325-17.105-41.962-15.551-65.757c-3.521,0.37-4.951,3.345-7.004,5.331c-9.867,9.548-14.1,23.04-21.363,34.415
						c-9.449,14.788-17.018,14.925-25.93-0.033c-2.594-4.349-4.225-4.217-7.916-1.868c-10.408,6.618-19.42,5.279-28.299-3.677
						c-6.129-6.184-10.113-14.14-15.355-21.021c-4.699-6.163-5.984-12.75-6.344-20.355c-0.447-9.584,2.104-18.817,1.871-28.303h-0.004
						c-7.65,5.511-10.27,14.52-13.883,22.757c-4.41,10.053-5.74,21.149-9.033,31.565c-2.633,8.33-7.711,14.427-17.234,13.855
						c-7.832-0.471-14.918-6.768-17.174-15.797c-0.881-3.54-1.301-7.207-1.984-10.808c-2.359-12.411-11.273-21.867-23.324-24.362
						c1.521,3.162,3.078,5.966,4.262,8.938c4.434,11.113-0.098,23.483-10.412,28.778c-9.416,4.826-20.078,0.569-25.262-10.763
						c-6.271-13.727-8.491-27.745-2.084-42.451c7.385-16.953,15.694-33.557,19.432-52.057c3.805-18.83,8.199-37.641,3.057-56.968
						c-1.508-5.663-3.047-11.502-8.219-15.116c0.531,22.308-1.311,43.79-8.566,64.439c-1.611,4.588-3.866,9.898-9.258,9.653
						c-5.247-0.24-7.363-5.582-8.916-10.199c-2.825-8.413-3.985-17.262-5.019-26.269c-4.696,8.833-7.067,18.028-7.695,27.979
						c-1.67,26.497,4.661,52.582,3.425,78.977c-0.796,17.018-4.039,33.424-16.239,46.251c-5.652,5.94-12.339,8.128-19.831,6.946
						c-6.515-1.03-4.905-8.176-6.835-12.499c-4.691-10.52-11.012-18.682-21.919-21.827c0.271,2.51,1.212,4.334,2.184,6.135
						c6.913,12.791,3.335,26.492-9.141,34.971c-7.763,5.282-16.252,2.058-24.763-9.902c-6.272-8.814-11.438-18.625-18.38-26.764
						c-9.283-10.887-10.386-22.944-9.229-36.673c0.895-10.597,2.159-21.221,3.135-32.339c-2.998,1.271-3.42,3.53-4.264,5.351
						c-5.396,11.639-6.326,24.707-10.429,36.752c-2.34,6.871-4.194,14.084-10.652,18.427c-5.743,3.861-10.957-0.137-17.543-1.849
						c1.996,5.225,1.941,9.44,1.948,13.668c0.009,7.597-3.437,12.981-9.719,16.052c-5.165,2.525-10.896,3.367-15.631-0.757
						c-5.439-4.732-5.102-11.494-3.413-17.886c2.614-9.902,3.342-19.96,2.588-30.076c-0.898-12.045-4.308-23.276-11.323-35.221
						c-1.936,26.202-12.987,46.158-23.798,66.063c-7.771,14.31-20.111,22.571-35.3,26.102c-22.3,5.179-45.063-7.87-52.903-30.214
						c-1.833-5.219-3.105-10.955-10.035-15.357c3.337,6.592,2.699,11.838,2.615,16.988c-0.199,12.348-11.01,19.681-21.815,14.888
						c-9.322-4.138-10.708-13.066-11.149-22.081c-1.051-21.541,2.433-42.76,4.431-64.095c1.699-18.137,1.618-36.25-5.224-53.447
						c-2.413-6.063-4.379-12.723-11.311-16.911c1.208,6.781,2.867,12.603,3.185,18.511c1.202,22.357-3.821,43.814-9.484,65.079
						c-1.724,6.481-6.069,9.843-12.894,10.153c-19.101,0.858-33.916-9.88-45.649-22.92c-12.052-13.398-19.873-30.782-23.049-49.766
						c-2.322-13.875-5.463-27.539-10.073-40.819c-6.375-18.363-12.479-28.436-23.091-35.713c12.643,22.768,18.38,45.825,16.469,70.755
						c-0.113,1.458,0.528,2.991,0.863,4.478c6.375,28.472,19.533,53.678,33.731,78.371c4.063,7.069,6.331,14.761,4.842,22.824
						c-3.339,18.082-11.792,33.119-25.715,44.48c-0.109,0.245-0.177,0.536-0.345,0.72c-0.098,0.107-0.362,0.044-0.551,0.057
						c0.301-0.259,0.602-0.52,0.902-0.776c0.272-11.404,0.781-22.873-7.828-32.517c-3.199,11.496-7.804,18.17-22.956,32.627
						c0,0-20.409,7.137,13.348,20.188C104.064,462.01,446.695,479.899,771.154,453.647z"/>
					<path class="flame-main three" opacity="0.8" fill-rule="evenodd" clip-rule="evenodd" fill="#F58553" d="M956.425,464.105
						c-283.913,0.026-436.816-4.843-720.731-4.854c-5.471,0-10.94-0.17-16.414-0.259c17.521-8.644,29.516-19.407,35.464-33.646
						c3.527,1.396,5.092,3.325,7.317,4.926c35.38,25.433,78.727,21.837,116.905,6.063c14.958-6.18,25.563-14.081,20.298-26.71
						c18.336,1.768,30.708,6.852,38.003,16.78c6.811,9.263,17.117,9.926,28.419,2.379c5.181-3.462,7.175-7.52,7.832-12.224
						c0.825-5.903-5.177-10.447-8.612-16.018c8.262,0.587,12.618,3.027,17.026,5.416c14.347,7.771,24.313,17.255,30.903,28.102
						c6.558,10.787,18.213,18.85,37.52,20.972c41.72,4.582,96.563-11.861,105.411-41.25c5.203-17.268,12.443-34.365,27.301-49.779
						c6.971-7.235,13.938-14.741,30.017-19.136c-3.498,5.18-6.355,8.919-8.574,12.789c-7.594,13.236-11.873,26.498-0.401,39.853
						c10.145,11.811,28.792,13.81,45.402,4.956c15.291-8.153,17.729-17.783,6.95-29.903c21.625,3.47,31.868,10.7,37.656,20.952
						c4.237,7.505,10.585,8.833,22.368,4.999c11.688-3.803,17.802-10.277,21.734-17.517c6.505-11.979,9.623-24.293,9.09-36.918
						c-0.286-6.807-0.097-13.664-8.294-19.234c-0.917-1.19-1.835-2.38-2.734-3.569c25.02,6.119,30.716,20.096,37.163,33.489
						c3.832,7.955,5.298,16.313,8.674,24.361c1.394,3.321,3.512,7.423,10.355,8.059c6.925,0.642,11.047-2.916,13.649-5.935
						c18.472-21.417,25.072-43.195,3.656-65.466c-13.239-22.289-10.814-43.785,9.086-64.394l-0.168-0.118
						c0.767,11.759-5.291,23.314-0.978,35.305c3.61,10.039,9.313,19.199,18.593,27.751c7.567,6.975,13.455,14.467,16.165,22.727
						c0.994,3.797,1.986,7.59,2.982,11.382c-0.127,5.22-0.251,10.438-0.38,15.66c-5.04,9.903-10.8,19.7-14.889,29.741
						c-3.156,7.76,0.219,14.943,12.113,19.614C963.82,417.971,967.399,461.364,956.425,464.105z"/>
					</svg>
				</div>
			</div>
		</ul>
	</div>
</div>

		<a id="free_credits_tab" class="get-120-free hide-on-minimized-chatroom adhanger-new" tabindex="0" role="button">
		FREE CREDITS!
		<span style="background-image: url(https://www.vs4.com/impr.php?z=&r=);"></span>
	</a>


					
										<div class="btn has-drop-menu hover-menu cat-filter room-type ">
						<input type="checkbox" id="room-filter" class="drop-menu-input">
						<label for="room-filter" class="menu-label"><span class="visually-hidden">Room</span></label>
						<span>Room Type</span>
						<i class="icon-down"></i>
						<label class="full-screen" for="room-filter"><span class="visually-hidden">Room</span></label>
						<ul class="drop-menu scrollbar-ghost scrollbar-custom sort-room-filter-menu" data-transform-menu="filter-sort-container" data-transform-populate="true">
						</ul>
					</div>
					
										<div class="btn has-drop-menu hover-menu cat-filter models-language " title="Type live model search here">
						<input type="checkbox" id="language-filter" class="drop-menu-input">
						<label for="language-filter" class="menu-label"><span class="visually-hidden">Language</span></label>
						<span>Model's Language</span>
						<i class="icon-down"></i>
						<label class="full-screen" for="language-filter"><span class="visually-hidden">Language</span></label>
						<ul class="drop-menu scrollbar-ghost scrollbar-custom sort-language-filter-menu" data-transform-menu="language-filter-container" data-transform-populate="true">
						</ul>
					</div>
					
					
					                   
					<div class="btn has-drop-menu hover-menu cat-filter search-filter-dropdown " title="Type live model search here">
						<input type="checkbox" id="search-filter" class="drop-menu-input">
						<label for="search-filter" class="menu-label"><span class="visually-hidden">Search</span></label>
						<span>Live Models</span>
						<i class="icon-down"></i>
						<label class="full-screen" for="search-filter"><span class="visually-hidden">Language</span></label>
						<ul class="drop-menu scrollbar-ghost scrollbar-custom sort-search-filter-menu" data-transform-menu="search-filter-container" data-transform-populate="true">
							<li><a href="#" data-search-container="search-all-container">Search All</a></li>
						</ul>
					</div>
					<div class="btn has-drop-menu hover-menu search-filter search-live-models-container " title="Search by model, category or room type.">
						<input type="text" data-transform="models" data-transform-type="search" class="search-filter-input" placeholder="Search Live Models" id="search-live-models">
						<label for="search-live-models" class="menu-label">
							<i class="icon-magnifying-glass"></i>
							<span class="visually-hidden"></span>
						</label>
						<div class="suggestions hide">
							<div class="suggestion-wrap scrollbar-ghost scrollbar-custom">
								<div class="trending hide">
								</div>
								<div class="favorites hide">
								</div>
								<div class="models hide">
								</div>
								<div class="categories hide">
								</div>
								<div class="roomtypes hide">
									<button class="results hide">
										Search									</button>
								</div>
							</div>
						</div>
					</div>
					<div class="search-all-container hide">
						<form action="/search/" method="get" class="search-filter-all d-flex relative">
							<input autofocus id="search_text" class="search-filter-input header-search-form" type="text" name="query" maxlength="50" placeholder="Search Website" value="" />
										
							<div id="modelHeaderSuggest" class="header-suggest search-all-suggest hide scrollbar-ghost"></div>
							<button class="header-search-submit-button search-filter-all-button" type="submit"><i class="icon-magnifying-glass"></i></button>
						</form>
					</div>
				</div>
				<div class="header-bottom-area-right">
											<style>
							.guest-dm-launch-header {
								background: unset !important;
								border: unset !important;
								width: unset !important;
								min-width: unset !important;
								margin-right: 15px !important;
								margin-top: 3px !important;
							}
							
							.guest-dm-launch-header .dm-plus-icon {
								width: 35px;
								height: 35px;
							}

							body:not(.wl) .dm-launch:not(.header-dm):not(.dm-underchat).guest-dm-launch-header .dm-plus-icon .cls-1 {
								stroke:#CFDAE4;
								stroke-linecap:round;
								stroke-linejoin:round;
								stroke-width:2px;
								transition: 0.1s ease-in-out;
							}

							body:not(.wl) .dm-launch:not(.header-dm):not(.dm-underchat).guest-dm-launch-header:hover .dm-plus-icon .cls-1 {
								stroke: #FFFFFF;
							}

							body:not(.wl) .dm-launch:not(.header-dm):not(.dm-underchat).guest-dm-launch-header .dm-plus-icon .cls-text {
								fill: #CFDAE4;
								transition: 0.1s ease-in-out;
							}
							
							body:not(.wl) .dm-launch:not(.header-dm):not(.dm-underchat).guest-dm-launch-header:hover .dm-plus-icon .cls-text {
								fill: #FFFFFF;
							}
						</style>

						<span class="dm-launch guest-dm-launch-header" title="DM+">
							<div class="dm-connection-error-icon absolute">
								<i class="icon-info"></i>
							</div>
							<span class="dm-amount flag-amount hide">0</span>
							<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" class="dm-plus-icon"><defs></defs><path class="cls-1" d="M18.9028,46.0436l-8.0996,7.9564v-7.9564c-3.2066,0-5.8032-2.5509-5.8032-5.699V15.6978c0-3.1468,2.5966-5.6978,5.8032-5.6978h42.3935c3.2044,0,5.8032,2.551,5.8032,5.6978v24.6468c0,3.148-2.5988,5.699-5.8032,5.699l-30.1968-.0436-4.0972.0436Z"/><path class="cls-text" d="M25.1307,27.7151c0,1.9928-.5486,3.5269-1.6449,4.6052-1.0972,1.0773-2.6387,1.6165-4.6245,1.6165h-3.8614v-11.9367h4.1304c1.9159,0,3.3941.4903,4.4368,1.4699,1.0417.9796,1.5635,2.395,1.5635,4.2451ZM21.7835,27.83c0-1.0946-.2164-1.9057-.6491-2.4333s-1.0896-.792-1.9714-.792h-.9383v6.6871h.7181c.9795,0,1.6976-.2844,2.1552-.8532.4567-.5688.6855-1.4383.6855-2.6086Z"/><path class="cls-text" d="M32.4686,33.9367l-2.4405-8.5975h-.0737c.1139,1.4642.1714,2.6019.1714,3.413v5.1846h-2.857v-11.9367h4.2941l2.4894,8.4749h.0651l2.4415-8.4749h4.3018v11.9367h-2.9633v-5.2334c0-.272.0038-.5746.0124-.9059.0077-.3323.044-1.1463.1101-2.4419h-.0737l-2.408,8.5812h-3.0696Z"/><path class="cls-text" d="M45.7666,29.1362h-3.0361v-2.1882h3.0361v-2.9964h2.1964v2.9964h3.037v2.1882h-3.037v2.9476h-2.1964v-2.9476Z"/></svg>
						</span>
					

						<a href="javascript:;" class="vs-checkbox-toggler login-link header-log-in skew" data-checkbox-selector="#loginModal"><span>Login</span></a>
						
						<div id="pendingUserInfo" class="pending-user-info skew">
							<span id="pendingUserName"></span>
							<a href="javascript:void(0);" id="pendingLogOut">Log Out</a>
						</div>
						
                         
						<a onclick="javascript:popRegistration('topnav_free_signup_tab',reg_overlay_template_set);" href="javascript:;" class="header-register skew">
							<div>Create <span>Free</span> Account</span></div> 
						</a>
                        
															</div>
				
			</div>     
			</div>


	</header>

	
			<img src="https://www.vs4.com/impr.php?z&r=" width="1" height="1" border="0" alt="" style="display:none">
	
	<div id="vodAmountOverlay" class="overlayBox">
		<a class="close">X</a>
		<div class="boxTitle">Free <span>VOD</span> Passes</div>
		<div class="p-lg">
			<p>You have 0 free video passes available! Use them before they expire.</p>
			<p>Redeem your pass during the video purchase process by selecting Free Pass.</p>
			<p>Go to <a href="/videos/" class="common-link">Videos</a> now.</p>
		</div>
	</div>

	<div id="bitTransactionOverlay" class="overlayBox">
				<div class="boxTitle">
			<span>Processing</span> your request ...
		</div>
		<div class="p-lg">
			Please wait while we attempt to process your request.
		</div>
	</div>

	<div id="bitErrorOverlay" class="overlayBox">
		<a class="close">X</a>
		<div class="boxTitle">
			<span>Process</span> Failed
		</div>
		<div class="p-lg" id="bitErrorMessage">
			We were unable to process your request. Please try again.
		</div>
	</div>

	
		
		
<style>
	#c2cPopup {
		z-index: 41;
		box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.75);
	}

	#c2cPopup:not(.relative) {
		position: fixed;
	}

	.c2c-popup-desktop {
		/*
		max-width: calc(20vh * 16 / 9);
		min-width: calc(160px * 16 / 9);
		*/
		background-color: #000;
		min-width: 300px;
		min-height:200px;
		box-sizing:border-box;
		position: relative;
		cursor: move;
	}

	.cam2cam-panel {
		position: absolute;
		top:0;
		left:0;
	}

	.cam2cam-panel {
		position: absolute;
		top:0;
		left:0;
	}

	.c2c-toggled-content,
	.c2c-toggle-btn .icon-up,
	.c2c-content-toggle:checked ~ .c2c-bottom-container .c2c-toggle-btn .icon-down {
		display: none;
	}

	.c2c-content-toggle:checked ~ .c2c-bottom-container .c2c-toggled-content,
	.c2c-content-toggle:checked ~ .c2c-bottom-container .c2c-toggle-btn .icon-up {
		display: block;
	}

	.c2c-toggled-content {
		margin-top: 46px;
		padding: 1px 10px;
		height: 165px;
		max-height: 20vh;
		min-height: 165px;
		overflow-y: auto;
		border: 1px solid #4f4f4f;
		border-top: none;
		width: calc(100% + 2px);
		box-sizing: border-box;
		position: relative;
		right: 1px;
		bottom: 0;
		background: #0a0a0a;
	}

	.c2c-toggle-btn {
		position: absolute;
		bottom: 3px;
		right: 1px;
		cursor: pointer;
		height: 20px;
		width: 20px;
		border-radius: 50%;
		border: none;
		background: rgba(0,0,0,.4);
		font-weight: bold;
		z-index: 4;
	}

	.c2c-content-toggle:checked ~ .c2c-bottom-container .c2c-toggle-btn,
	.c2c-toggle-toggle:checked ~ .c2c-bottom-container .c2c-toggle-btn {
		color: #aaaaaa;
	}

	.c2c-popup-close-btn {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 2;
		cursor: pointer;
		font-size: 18px;
		padding: 4px;
	}
	
	/*
	.c2c-settings-menu {
		display: none;
		flex-direction: column;
		align-items: flex-start;
		position: absolute;
		bottom: 1px;
		left: 0;
		width: 50%;
		z-index: 4;
		background: #888;
		padding: 4px 8px 48px 8px;
		max-height: 11vh;
		overflow-y: auto;
		color: #fff;
		height: 20vh;
		min-height: 160px;
		max-height: 20vh;
		width: 50%;
		box-sizing: border-box;
	}
	*/

	.c2c-settings-menu {
		display: none;
		flex-direction: column;
		align-items: flex-start;
		position: absolute;
		bottom: 1px;
		left: 0;
		width: 50%;
		z-index: 4;
		background: rgba(10,10,10,1);
		padding: 4px 8px 48px 8px;
		overflow-y: auto;
		color: #fff;
		height: 100%;
		height: 200px;
		box-shadow: 0px 0px 8px rgb(0 0 0 / 50%);
		width: 180px;
		box-sizing: border-box;
	}

	.c2c-settings-btn {
		position: absolute;
		left: 1px;
		bottom: 3px;
		cursor: pointer;
		font-size: 15px;
		z-index: 4;
	}

	.c2c-settings-toggle:checked ~ .c2c-bottom-container .c2c-settings-menu {
		display: flex;
	}

	body #c2cPopup .c2c-settings-toggle:checked ~ .c2c-bottom-container .c2c-settings-btn,
	body #c2cPopup .c2c-content-toggle:checked ~ .c2c-bottom-container .c2c-toggle-btn {
		background: #888;
		color: #fff;
	}

	body #c2cPopup .c2c-settings-toggle:checked ~ .c2c-bottom-container .c2c-settings-btn.rtc-btn {
		z-index: 4;
	}

	.c2c-settings-header {
		width: 100%;
		text-align: start;
		padding-bottom: 5px;
		border-bottom: 1px solid #333;
		margin-bottom: 6px;
	}


	.c2c-settings-header h3 {
		font-size: 14px;
		margin: 0 0 1px 0;
	}

	.c2c-settings-menu .single-option {
		margin: 4px 0;
	}

	.c2c-live-video-toggle:checked ~ .test-your-webcam-tab {
		display: none;
	}
	
	.c2c-live-video-toggle:checked ~ .start-your-webcam-tab {
		display: flex;
	}

	.c2c-button-container .btn {
		display: flex;
	}

	.c2c-button-container .btn.disabled:not(.primary),
	.broadcasting .c2c-button-container .btn.primary.disabled {
		display: none;
	}

	body .c2c-button-container button.btn,
	#videoBtns .c2c-button-container button.btn {
		max-height: 33px;
		border-radius: 10em;
		justify-content: center;
		align-items: center;
		width: 156px;
		line-height: unset;
		font-size: 13px;
		padding: 6px;
	}

	.c2c-button-container i {
		font-size: 17px;
		padding-left: 4px;
	}

	.c2c-bottom-container {
		position: absolute;
		bottom: 0px;
		left: 0;
		width: 97%;
		height: 46px;
		z-index: 1;
	}

	.option-toggle.disabled .circle-checkbox {
		cursor: not-allowed;
	}

	.option-toggle.disabled .circle-checkbox {
		background: rgba(111, 111, 111, .7);
	}

	.option-toggle.disabled .circle-checkbox:before {
		background: rgba(91, 91, 91, 0.6);
	}

	.c2c-webcam-instructions.lazy div.c2c-step {
		background: none;
	}

	.c2c-settings-btn-close {
		position: absolute;
		top: 3px;
		right: 3px;
		font-size: 20px;
		cursor: pointer;
	}

	.webrtc-notification.success .webrtc-text-danger.text-danger {
		color: #008a00 !important;
		background-color: #fff;
	}

	.xvt.light #c2cPopup a:visited, 
	.xvt.light #c2cPopup a, 
	.xvt.light #c2cPopup a:link {
		color: #00a9e7;
	}

	/* copied & converted from Cam2Cam mobile */

	.btn-wrapper .btn-side#cam2CamOption {
		border-radius: 50%;
	}

	#cam2CamOption #c2cVideoIconFeed {
		width: 40px;
		height: 40px;
		position: absolute;
		right: 0;
		border-radius: 50%;
		object-fit: cover;
	}

	#cam2CamOption .c2c-feed-on {
		height: 8px;
		width: 8px;
		border-radius: 8px;
		background-color: #5ae265;
		position: absolute;
		bottom: 1px;
		left: 1px;
		opacity: .6;
		border: 0px;
	}

	.cam2cam-icon {
		width: 150px;
		height: 150px;
		background: radial-gradient(circle, rgb(0, 169, 231) 0%, rgb(0, 132, 181) 100%);
		border-radius: 50%;
		border: 7px solid #49a3da;
		box-shadow: inset 0px 0px 3px #0092c8;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 95px;
		margin: 0 auto;
	}

	.cam2cam-icon i {
		/* animation: rotate-in-ver 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; */
		text-shadow: 0px 5px 0 rgba(0, 146, 200, .5);
		color: #fff;
	}


	.c2c-inner-container {
		margin: 1em auto;
		width: 90%;
		max-width: 350px;        
	}

	.c2c-start-container .c2c-start-title,
	.c2c-tester-title {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.c2c-webrtc-tester-container {
		box-sizing: border-box;
	}

	#c2cWebrtcTester {
		width: 100%;
	}

	.c2c-webcam-instructions .lazy {
		background: #292b2c;
		border-radius: 10px;
		margin: 1em auto;
		max-width: 300px;
	}

	.get-flash-link {
		text-decoration: none;
		border-bottom: 1px solid #00a9e7;
		padding-bottom: 3px;
	}

	.c2c-instructions-img {
		width: 90%;
		margin: 10px auto;
	}

	.c2c-tester-step-title {
		font-size: 18px;
	}

	#accordion-container {
		width: 266px;
		height: auto;
		margin: 10px auto;
	}

	.accordion-single {
		margin: 10px 0;
	}

	.accordion-single label {
		display: block;
		background-color: #333;
		padding: 10px 15px;
		color: #fff;
		cursor: pointer;
	}

	.accordion-single h2 {
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 13px;
		margin: 0;
		text-align: left;
		color: #dedede;
	}

	.accordion-single h2 span {
		color: #000;
		margin-left: 10px;
	}

	.accordion-single .accordion-hidden-text {
		color: #fff;
		visibility: hidden;
		opacity: 0;
		display: none;
		text-align: left;
		background-color: #151515;
		margin: 0px;
		font-weight: 400;
		border-radius: 0px 0px 5px 5px;
		padding: 5px 10px;
		border: 1px solid #333;
		position: relative;
		bottom: 1px;
	}

	#accordion-1:checked~.accordion-hidden-text {
		display: block;
		visibility: visible;
		opacity: 1;
		padding: 5px 10px;
	}

	input#accordion-1 {
		display: none;
		position: relative;
	}

	#accordion-2:checked~.accordion-hidden-text {
		display: block;
		visibility: visible;
		opacity: 1;
		padding: 5px 10px;
	}

	input#accordion-2 {
		display: none;
		position: relative;
	}

	#accordion-3:checked~.accordion-hidden-text {
		display: block;
		visibility: visible;
		opacity: 1;
		padding: 5px 10px;
	}

	.accordion-hidden-text p {
		margin: 5px 0;
		font-size: 13px;
	}

	input#accordion-3 {
		display: none;
		position: relative;
	}

	.accordion-item .icon-up {
		display: none;
	}

	#accordion-1:checked ~ .accordion-item .icon-up,
	#accordion-2:checked ~ .accordion-item .icon-up,
	#accordion-3:checked ~ .accordion-item .icon-up {
		display: block;
	}

	#accordion-1:checked ~ .accordion-item .icon-down,
	#accordion-2:checked ~ .accordion-item .icon-down,
	#accordion-3:checked ~ .accordion-item .icon-down {
		display: none;
	}

	@keyframes rotate-in-ver {
		0% {
			transform: rotateY(-360deg);
			opacity: 0;
		}
		100% {
			transform: rotateY(0deg);
			opacity: 1;
		}
	}

	.whitelabel .cam2cam-panel {
		color: #fff;
	}

	.c2c-start-area .tooltip .tip {
		width: 100% !important;
		white-space: pre-wrap !important;
		font-size: 13px;
		background-color: #222; 
		text-align: center;
	}

	.c2c-start-area .tooltip.tip-top .tip:after {
		border-top-color: #222; 
	}

	.whitelabel.chat-room-opened .c2c-start-area .btn.primary:hover {
		opacity: 1;
	}

	.c2c-start-area .btn.disabled,
	.c2c-button-container .btn.primary.disabled {
		opacity: 1 !important;
		background-color: rgba(238, 238, 238, .6) !important;
		color: rgba(0, 0, 0, .6) !important;
		font-weight: normal;
	}

	.cam2cam-panel.webrtc .c2c-in-open .c2c-webrtc {
		display: none;
	}

	.cam2cam-panel.flash .c2c-in-paid,
	.cam2cam-panel.webrtc .c2c-in-paid,
	.chatroom-container.private .cam2cam-panel.webrtc .c2c-in-paid,
	.chatroom-container.private .cam2cam-panel.flash .c2c-in-paid,
	.user-private .cam2cam-panel.webrtc .c2c-in-paid,
	.user-private .cam2cam-panel.flash .c2c-in-paid,
	.guest .private .cam2cam-panel.flash .c2c-in-paid {
		display: none; 
	}

	.c2c-button-container {
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		align-items: center;
		position: absolute;
		top: 70px;
		left: 0;
	}

	.line {
		border-top: 1px solid rgba(150,150,150,0.7);
	}

	.c2c-button-container .btn.secondary {
		background: rgba(154,22,12,1);
		color: #fff;
	}

	.c2c-main h2:first-of-type,
	.c2c-real-only h2:first-of-type {
		font-weight: bold;
		font-size: 14px;
	}

	.c2c-webcam-instructions .lazy {
		color: #d8d8d8;
	}

	.ios-no-webrtc-text,
	.android-no-webrtc-text {
		display: none;
	}

	.ios .ios-no-webrtc-text,
	.android .android-no-webrtc-text {
		display: block;
	}

	.cam2cam-panel i.icon-x {
		float: right;
		font-size: 30px;
		cursor: pointer;
	}

	.c2c-main-content .webrtc-notification {
		position: absolute;
		z-index: 6;
		margin: 0;
		background: #fff;
		border-radius: 0;
		-webkit-transform:translate3d(0,0,0);
        padding: 0;
        height: 100%;
	}

	.c2c-webrtc.not-enabled {
		display: flex;
		flex-direction: column;
		padding-bottom: 14px;
		overflow-y: auto;
	}

	.c2c-webrtc.not-enabled p {
		margin: 6px 0;
		text-align: center;
		color: #ccc;
	}

	.c2c-webrtc.not-enabled p:last-of-type {
		margin-bottom: 0;
	}

	.c2c-webrtc.not-enabled span, 
	.vip-c2c-upgrade .vip-c2c-header {
		text-align: center;
		font-weight: bold;
	}

	.phone .c2c-webrtc.not-enabled span, 
	.phone .vip-c2c-upgrade .vip-c2c-header,
	.tablet .c2c-webrtc.not-enabled span, 
	.tablet .vip-c2c-upgrade .vip-c2c-header {
		color: #fff;
	}

	.c2c-vip.vip-c2c-upgrade {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 0 4px 14px 4px;
	}

	.vip-c2c-crown img {
		height: 120px;
		width: auto;
		margin: 20px 0;
	}

	.c2c-broadcaster .text-danger {
		padding-bottom: 10px;
	}

    .text-danger .webrtc-close-text-danger {
        position: fixed;
        bottom: 0;
        right: 0px;
        color: #fff !important;
        width: 100%;
        font-size: 23px;
        height: 40px;
        background: #585858;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

	.c2c-tab-container {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}

	.c2c-tab {
		display: none;
	}

	.c2c-tab:hover {
		cursor: pointer;
	}

	.c2c-tab.active {
		display: block;
	}

	.c2c-tab.start-your-webcam-tab.active,
	.c2c-real-btn.btn.primary  {
		background: #008a00;
	}

	.c2c-real-btn.btn.primary  {
		padding: 9px 8px;
	}

	.c2c-tab span {
		pointer-events: none;
	}

	.c2c-icon-container {
		position: absolute;
		top: 0;
		z-index: 2;
		padding: 6px 10px 30px 10px;
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		justify-content: center;
		background: #191919;
	}

	.c2c-video-container .cam2cam-icon {
		width: 30px;
		height: 30px;
		background: radial-gradient(circle, rgb(0, 169, 231) 0%, rgb(0, 132, 181) 100%);
		border-radius: 50%;
		border: 7px solid #49a3da;
		box-shadow: inset 0px 0px 3px #0092c8;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 30px;
		margin: 0 auto;
		z-index: 1;
	}

	.c2c-video-container .cam2cam-icon i {
		/* animation: rotate-in-ver 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; */
		text-shadow: 0px 5px 0 rgba(0, 146, 200, .5);
		color: #fff;
		z-index: 1;
		font-size: 30px;
	}

	.c2c-icon-container h3 {
		color: #dedede;
		font-size: 13px;
		margin-top: 6px;
		margin-bottom: 2px;
	}

	@keyframes rotate-in-ver {
		0% {
			transform: rotateY(-360deg);
			opacity: 0;
		}
		100% {
			transform: rotateY(0deg);
			opacity: 1;
		}
	}

	.c2c-video-container #c2cPopup {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		z-index: 1;
	}

	/*
	.c2c-video-container img.c2c-aspect-ratio-img {
		height: 20vh;
	}
	*/

	.c2c-test-btn,
	.c2c-real-btn {
		display: none;
		font-size: 13px;
	}

	.test-your-webcam-tab.active .c2c-test-btn,
	.start-your-webcam-tab.active .c2c-real-btn {
		display: block;
	}

	.btn.c2c-test-btn,
	.btn.c2c-real-btn {
		font-size: 13px;
	}

	.c2c-video-container,
	#noC2CArea {
		margin-bottom: 20px;
		z-index: 1;
		height: 20vh;
		min-height: 160px;
	}

	.c2c-video-container {
		/*
		width: calc(20vh * 16 / 9);
		min-width: calc(160px * 16 / 9);
		max-width: calc(20vh * 16 / 9);
		*/
		min-width: 300px;
		min-height: 200px;
	}

	#noC2CArea {
		background-color: #191919;
		padding: 16px;
		box-sizing: border-box;
		min-width: 300px;
		min-height: 200px;
		/*
		position: relative;
		top: 1px;
		right: 1px;
		*/
		border: 1px solid #4f4f4f;
	}

	.in-chat-modal .modal-wrap .modal {
		max-width: 80%;
	}

    .webrtc-text-danger {
        padding: 15px 14px 0px 14px;
        overflow-y: auto;
        height: 100%;
        max-height: calc(100% - 60px);
        box-sizing: unset;
        z-index: 5;
        max-width: 100%;
    }

	#rtcLoading {
		position: absolute;
		z-index: 2;
		top: calc(50% - 30px);
	}

	#noC2CArea {
		margin-bottom: 5px;
	}

	.cam2cam-panel.no-browser-support .c2c-start-area {
		display:none;
	}

	.cam-2-cam {
		display: block;
		position:absolute;
		top: 0;
		left: 0;
		/*
		min-height: 160px;
		min-width: calc(160px * 16 / 9);
		max-height: 20vh;
		max-width: calc(20vh * 16 / 9);
		*/
		width: 100%;
		height: 100%;
		z-index: 1;
		cursor: unset;
		border: none;
		outline: unset;
		cursor: move;
	}


	.cam-2-cam.view-mode {
		display: inline-block;
	}

	#flashBox {
		position: absolute;
		width: 100%;
		z-index: 2;
	}

	.cam-2-cam-inner {
		position: absolute;
		height: 100%;
		width: 100%;
		top: -1px;
		left: -1px;
		background-color: #333;
		z-index: 1;
		border: 1px solid #4f4f4f;
		cursor: default;
		overflow:hidden;
		cursor: move;
	}

	.btn.pending {
		opacity: .5;
	}

	.close-cam-2-cam {
		font-size: 22px;
		width: 20px;
		height: 20px;
		line-height: 30px;
		color: rgba(255,255,255,0.4);
		position: absolute;
		top: -20px;
		right: -18px;
		text-align: center;
		z-index: 1;
		cursor: pointer;
		margin: 0;
		border-radius: 0 0 0 10px;
	}

	.close-cam-2-cam i {
		display: inline-block;
	}

	.close-cam-2-cam:hover i {
		color: rgba(255,255,255,1);
	}

	.web-rtc-btns {
		height: 40px;
		width: 100%;
		position: absolute;
		opacity: .9;
		bottom:0;
		left:0;
		right: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: row;
		flex: 1;
		cursor: pointer;
		transition: all .3s ease-in-out;
		z-index: 4;
		color: rgba(255, 255, 255, .9);
		margin: 0 auto;
		-webkit-transform: translate3d(0,0,0);
		padding: 3px 0 3px 0;
		background-color: none;
		border: 0;
	}


	body #c2cPopup .rtc-btn {
		width: 40px;
		height: 40px;
		text-align: center;
		font-size: 20px;
		box-sizing: border-box;
		padding-top: 10px;
		z-index: 4;
		border-radius: 50%;
		background: #333333;
		color: #ccc;
	}

	body #c2cPopup .c2c-settings-btn.rtc-btn {
		z-index: 5;
	}

	.rtc-btn:first-of-type {
		margin-right: 2px;
	}

	.rtc-btn:last-of-type {
		margin-left: 2px;
	}

	.rtc-btn:hover i {
		color: #fff;
	}

	.rtc-btn#pickCam {
		margin: 0 8px;
	}

	.cam-2-cam-video {
		display: block;
		position: absolute;
		height: 200px;
		top: 0;
		left: 0;
		z-index: 1;
		background-color: #000;
		object-fit: contain;
	}

	/* Chrome 29+ */
	@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
		.cam-2-cam-video {
			width: 300px;
			height: 280px;
			object-fit: unset;
			top: -35px;
		}
	}

	@media screen and (max-width: 450px) {
		.cam-2-cam-video {
			width: 265px;
			height: 250px;
			object-fit: unset;
			top: -45px;
		}
	}

	.cam-2-cam.view-mode #c2cInfo {
		display:inline-block;
	}

	.cam-2-cam.view-mode.broadcasting .web-rtc-btns {
		display:inline-block;
		padding-top: 20px;
	}

	.cam-2-cam.view-mode .web-rtc-btns #c2cInfo {
		display: inline-block;
	}

	.cam-2-cam.view-mode.broadcasting .web-rtc-btns .rtc-btn {
		display: inline-block;
	}

	#c2cMuteBtn.muted .icon-microphone,
	#c2cMuteBtn.unmuted .icon-microphone-off {
		display: none;
	}

	#c2cMuteBtn.unmuted .icon-microphone,
	#c2cMuteBtn.muted .icon-microphone-off {
		display: inline-block;
	}

	.cam-2-cam.view-mode .loading-v2,
	.cam-2-cam.use-webrtc .loading-v2 {
		display: block;
		position: absolute;
		top: calc(50% - 20px);
		left: calc(50% - 30px);
	}

	.btn.reconnect {
		position: absolute;
		top: 45%;
		left: calc(50% - 60px);
	}

	.c2c-icon-container .icon-webcam:before {
		z-index: 1;
	}

	/* Settings btn CSS */

	.option-toggle {
		position: relative;
		display: inline-block;
		width: 55px;
		height: 28px;
	}

	.option-toggle input {
		opacity: 0;
		width: 0;
		height: 0;
	}

	.circle-checkbox {
		position: absolute;
		cursor: pointer;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #ccc;
		transition: .2s;
		border-radius: 34px;
	}

	.circle-checkbox:before {
		border-radius: 50%;
	}

	.circle-checkbox:before {
		position: absolute;
		content: "";
		height: 20px;
		width: 20px;
		left: 4px;
		bottom: 4px;
		background-color: white;
		transition: .2s;
	}

	input:checked+.circle-checkbox {
		background-color: #00a9e0;
	}

	input:focus+.circle-checkbox {
		box-shadow: 0 0 1px #00a9e0;
	}

	input:checked+.circle-checkbox:before {
		-webkit-transform: translateX(26px);
		-ms-transform: translateX(26px);
		transform: translateX(26px);
	}

	.single-option {
		display: flex;
		align-items: center;
		margin-bottom: 15px;
	}

	.single-option .option-toggle {
		margin-right: 5px;
	}

	body #c2cPopup .single-option .option-toggle {
		background: transparent;
		border: none;
	}

	.single-option .option-name {
		font-size: 12px;
	}

	@media all and (orientation: landscape) {
		.c2c-video-container img.c2c-aspect-ratio-img {
			margin: 0;
		}
	}

	@media all and (max-height: 929px) {
		.c2c-icon-container {
			padding-top: 2px;
		}

		.c2c-video-container .cam2cam-icon i {
			font-size: 20px;
		}

		.c2c-video-container .cam2cam-icon {
			width: 26px;
			height: 26px;
			box-sizing: border-box;
			margin-top: 14px;
		}

		.c2c-icon-container h3 {
			margin-top: 2px;
			margin-bottom: 0;
			font-size: 12px;
		}
	}

	/* WebP Background Img setup */
	.c2c-step {
		width: 100%;
		margin: auto;
	}
	.cam2cam-firefox-instructions a {
		width: 100%;
		display: block;
	}
	/* Chrome */
	.cam2cam-chrome-instructions .c2c-step-1 {
		max-width: 209px;
		height: 266px;
		background: url(https://cdn5.vscdns.com/images/cam2cam/chrome_cam2cam_sprite.webp) 209px -7px;
		margin: auto;
	}

	.c2c-step-1a {
		max-width: 322px;
		height: 43px;
		background: url(https://cdn5.vscdns.com/images/cam2cam/chrome_cam2cam_sprite.webp) 0px -325px;
	}

	.cam2cam-chrome-instructions .c2c-step-2 {
		max-width: 322px;
		height: 244px;
		background: url(https://cdn5.vscdns.com/images/cam2cam/chrome_cam2cam_sprite.webp) -330px 250px;
		margin: auto;
	}

	.cam2cam-chrome-instructions .c2c-step-3 {
		max-width: 322px;
		height: 117px;
		background: url(https://cdn5.vscdns.com/images/cam2cam/chrome_cam2cam_sprite.webp) -328px 0px;
	}

	.cam2cam-chrome-instructions .c2c-step-4 {
		max-width: 322px;
		height: 258px;
		background: url(https://cdn5.vscdns.com/images/cam2cam/chrome_cam2cam_sprite.webp) -4px 0px;
	}

	/* Firefox */
	.cam2cam-firefox-instructions .c2c-step-1 {
		max-width: 209px;
		height: 253px;
		background: url(https://cdn5.vscdns.com/images/cam2cam/firefox_cam2cam_sprite.webp) 1px -7px;
		margin: auto;
	}

	.cam2cam-firefox-instructions .c2c-step-2 {
		max-width: 209px;
		height: 246px;
		background: url(https://cdn5.vscdns.com/images/cam2cam/firefox_cam2cam_sprite.webp) -212px -7px;
		margin: auto;
	}

	.cam2cam-firefox-instructions .c2c-step-3 {
		max-width: 322px;
		height: 101px;
		background: url(https://cdn5.vscdns.com/images/cam2cam/firefox_cam2cam_sprite.webp) -3px -261px;
	}

	.cam2cam-firefox-instructions .c2c-step-4 {
		max-width: 319px;
		height: 281px;
		background: url(https://cdn5.vscdns.com/images/cam2cam/firefox_cam2cam_sprite.webp) 317px -4px;
	}

	/* Safari */

	.cam2cam-safari-instructions .c2c-step-1 {
		max-width: 306px;
		height: 156px;
		background: url(https://cdn5.vscdns.com/images/cam2cam/safari_cam2cam_sprite.webp) 6px 314px;
		margin: auto;
	}

	.cam2cam-safari-instructions .c2c-step-2 {
		max-width: 231px;
		height: 282px;
		background: url(https://cdn5.vscdns.com/images/cam2cam/safari_cam2cam_sprite.webp) -304px 297px;
		margin: auto;
	}

	.cam2cam-safari-instructions .c2c-step-3 {
		max-width: 323px;
		height: 231px;
		background: url(https://cdn5.vscdns.com/images/cam2cam/safari_cam2cam_sprite.webp) -3px 566px;
		margin: auto;
	}

	.cam2cam-safari-instructions .c2c-step-4 {
		max-width: 323px;
		height: 255px;
		background: url(https://cdn5.vscdns.com/images/cam2cam/safari_cam2cam_sprite.webp) 6px -15px;
		margin: auto;
	}

	.cam2cam-edge-instructions .c2c-step-1 {
		max-width: 149px;
		height: 320px;
		background: url(https://cdn5.vscdns.com/images/cam2cam/edge_cam2cam_sprite.webp) 6px 0;
		margin: auto;
	}
	
	.cam2cam-edge-instructions .c2c-step-2 {
		max-width: 162px;
		height: 233px;
		background: url(https://cdn5.vscdns.com/images/cam2cam/edge_cam2cam_sprite.webp) -141px 0;
		margin: auto;
	}
	
	.cam2cam-edge-instructions .c2c-step-3 {
		max-width: 233px;
		height: 102px;
		background: url(https://cdn5.vscdns.com/images/cam2cam/edge_cam2cam_sprite.webp) -305px 0;
		margin: auto;
	}

	.cam2cam-edge78-instructions .c2c-step-1 {
		max-width: 170px;
		height: 320px;
		background: url(https://cdn5.vscdns.com/images/cam2cam/edge_cam2cam_sprite.webp) 200px 0;
		margin: auto;
	}
	
	.cam2cam-edge78-instructions .c2c-step-2 {
		max-width: 223px;
		height: 177px;
		background: url(https://cdn5.vscdns.com/images/cam2cam/edge_cam2cam_sprite.webp) -312px -100px;
		margin: auto;
	}
	
	.cam2cam-edge78-instructions .c2c-step-3 {
		max-width: 243px;
		height: 141px;
		background: url(https://cdn5.vscdns.com/images/cam2cam/edge_cam2cam_sprite.webp) -295px -280px;
		margin: auto;
	}

	@media (-ms-high-contrast: none), (-ms-high-contrast: active)   {
		/* IE10+ CSS styles go here */
		.cam2cam-edge-instructions .c2c-step-1 {
			background: url(https://cdn5.vscdns.com/images/cam2cam/edge-cam2cam-sprite.png) 6px 0;
		}
		
		.cam2cam-edge-instructions .c2c-step-2 {
			background: url(https://cdn5.vscdns.com/images/cam2cam/edge-cam2cam-sprite.png) 141px 0;
		}
		
		.cam2cam-edge-instructions .c2c-step-3 {
			background: url(https://cdn5.vscdns.com/images/cam2cam/edge-cam2cam-sprite.png) 305px 0;
		}
		.cam2cam-edge78-instructions .c2c-step-1 {
			background: url(https://cdn5.vscdns.com/images/cam2cam/edge-cam2cam-sprite.png) 200px 0;
		}
		
		.cam2cam-edge78-instructions .c2c-step-2 {
			background: url(https://cdn5.vscdns.com/images/cam2cam/edge-cam2cam-sprite.png) -312px -100px;
		}
		
		.cam2cam-edge78-instructions .c2c-step-3 {
			background: url(https://cdn5.vscdns.com/images/cam2cam/edge-cam2cam-sprite.png) -295px -280px;
		}
		.cam2cam-chrome-instructions .c2c-step-1 {
			background: url(https://cdn5.vscdns.com/images/cam2cam/chrome_cam2cam_sprite.png) 209px -7px;

		}
		
		.c2c-step-1a {
			background: url(https://cdn5.vscdns.com/images/cam2cam/chrome_cam2cam_sprite.png) 0px -325px;
		}

		.cam2cam-chrome-instructions .c2c-step-2 {
			background: url(https://cdn5.vscdns.com/images/cam2cam/chrome_cam2cam_sprite.png) -330px 250px;
		}

		.cam2cam-chrome-instructions .c2c-step-3 {
			background: url(https://cdn5.vscdns.com/images/cam2cam/chrome_cam2cam_sprite.png) -328px 0px;
		}

		.cam2cam-chrome-instructions .c2c-step-4 {
			background: url(https://cdn5.vscdns.com/images/cam2cam/chrome_cam2cam_sprite.png) -4px 0px;
		}

		/* Firefox */
		.cam2cam-firefox-instructions .c2c-step-1 {
			background: url(https://cdn5.vscdns.com/images/cam2cam/firefox_cam2cam_sprite.png) 1px -7px;
			margin: auto;
		}
		
		.cam2cam-firefox-instructions .c2c-step-2 {
			background: url(https://cdn5.vscdns.com/images/cam2cam/firefox_cam2cam_sprite.png) -212px -7px;
			margin: auto;
		}

		.cam2cam-firefox-instructions .c2c-step-3 {
			background: url(https://cdn5.vscdns.com/images/cam2cam/firefox_cam2cam_sprite.png) -3px -261px;
		}

		.cam2cam-firefox-instructions .c2c-step-4 {
			background: url(https://cdn5.vscdns.com/images/cam2cam/firefox_cam2cam_sprite.png) 317px -4px;
		}

		/* Safari */

		.cam2cam-safari-instructions .c2c-step-1 {
			background: url(https://cdn5.vscdns.com/images/cam2cam/safari_cam2cam_sprite.png) 6px 314px;
		}
		
		.cam2cam-safari-instructions .c2c-step-2 {
			background: url(https://cdn5.vscdns.com/images/cam2cam/safari_cam2cam_sprite.png) -304px 297px;
		}
		
		.cam2cam-safari-instructions .c2c-step-3 {
			background: url(https://cdn5.vscdns.com/images/cam2cam/safari_cam2cam_sprite.png) -3px 566px;
		}
		
		.cam2cam-safari-instructions .c2c-step-4 {
			background: url(https://cdn5.vscdns.com/images/cam2cam/safari_cam2cam_sprite.png) 6px -15px;
		}
	}
	@supports (-webkit-marquee-repetition:infinite) and (object-fit:fill) {
		.cam2cam-safari-instructions .c2c-step-1 {
			background: url(https://cdn5.vscdns.com/images/cam2cam/safari_cam2cam_sprite.png) 6px 314px;
		}
		
		.cam2cam-safari-instructions .c2c-step-2 {
			background: url(https://cdn5.vscdns.com/images/cam2cam/safari_cam2cam_sprite.png) -304px 297px;
		}
		
		.cam2cam-safari-instructions .c2c-step-3 {
			background: url(https://cdn5.vscdns.com/images/cam2cam/safari_cam2cam_sprite.png) -3px 566px;
		}
		
		.cam2cam-safari-instructions .c2c-step-4 {
			background: url(https://cdn5.vscdns.com/images/cam2cam/safari_cam2cam_sprite.png) 6px -15px;
		}

		.cam2cam-edge78-instructions .c2c-step-1 {
			background: url(https://cdn5.vscdns.com/images/cam2cam/edge-cam2cam-sprite.png) 200px 0;
		}
		
		.cam2cam-edge78-instructions .c2c-step-2 {
			background: url(https://cdn5.vscdns.com/images/cam2cam/edge-cam2cam-sprite.png) -312px -100px;
		}
		
		.cam2cam-edge78-instructions .c2c-step-3 {
			background: url(https://cdn5.vscdns.com/images/cam2cam/edge-cam2cam-sprite.png) -295px -280px;
		}
		.cam2cam-edge-instructions .c2c-step-1 {
			background: url(https://cdn5.vscdns.com/images/cam2cam/edge-cam2cam-sprite.png) 6px 0;
		}
		
		.cam2cam-edge-instructions .c2c-step-2 {
			background: url(https://cdn5.vscdns.com/images/cam2cam/edge-cam2cam-sprite.png) 141px 0;
		}
		
		.cam2cam-edge-instructions .c2c-step-3 {
			background: url(https://cdn5.vscdns.com/images/cam2cam/edge-cam2cam-sprite.png) 305px 0;
		}
	}

	.c2c-popup-desktop .cam-2-cam-inner {
		resize: both;
		overflow: auto;
	}
	
	.c2c-popup-desktop .cam-2-cam-inner .cam-2-cam-video {
		resize: inherit;
	}
	
	.c2c-popup-resize .c2c-popup-desktop {
		resize: both;
		overflow: auto;
	}
	
	.c2c-popup-resize .c2c-popup-desktop .cam2cam-panel {
		resize: inherit;
	}

	.c2c-popup-desktop .c2c-bottom-container {
		bottom: 0px;
		left: -1px;
		background: transparent;
		border: 1px solid #505050;
		border-top: 0px;
		width: 97%;
		border: 0px;
	}

	.c2c-popup-desktop #noC2CArea,
	.c2c-popup-desktop .camVideo,
	.c2c-popup-desktop .cam2cam-panel,
	.c2c-popup-desktop,
	.c2c-popup-desktop .c2c-main,
	.c2c-popup-desktop .c2c-main-content,
	.c2c-popup-desktop .c2c-video-container {
		height: 100%;
		overflow: hidden;
	}

	.c2c-popup-desktop .c2c-main-content {
		overflow: hidden;
	}

	.desktop-c2c-version .c2c-content-toggle:checked ~ .c2c-toggled-content,
	.desktop-c2c-version .c2c-content-toggle:checked ~ .c2c-toggle-btn .icon-up {
		display: block;
	}

	.desktop-c2c-version .c2c-content-toggle:checked ~ .c2c-toggled-content {
		position: absolute;
		bottom: -165px;
		left: 0px;
		width: 100%;
	}

	.c2c-popup-desktop .cam-2-cam-video {
		object-fit: contain;
		width: 100%;
		height: 100%;
		top: 0px;
	}

	/* Safari Resize Fix */
	_::-webkit-full-page-media, _:future, :root .cam-2-cam-inner {
		boder: none;
	}
	
	_::-webkit-full-page-media, _:future, :root .c2c-popup-desktop .camVideo {
		height: 100%;
		overflow: auto;	
	}

	_::-webkit-full-page-media, _:future, :root .c2c-popup-desktop .c2c-main {
		height: 100%;
		overflow-x: auto;
		overflow-y: hidden;
	}
	
	_::-webkit-full-page-media, _:future, :root .c2c-popup-desktop .c2c-main-content {
		height: 99%;
		overflow-x: auto;
		overflow-y: hidden;
	}

	_::-webkit-full-page-media, _:future, :root .c2c-popup-resize .c2c-popup-desktop::-webkit-scrollbar { /* WebKit */
		background: #1a1a1a;
		scrollbar-width: thin;
	}

	_::-webkit-full-page-media, _:future, :root .c2c-toggle-btn {
		right: 0px;
	}

	_::-webkit-full-page-media, _:future, :root .c2c-popup-resize .c2c-popup-desktop::-webkit-resizer { /* WebKit */
		background-image: url(https://cdn5.vscdns.com/images/cam2cam/safari-resize.jpg);
		background-repeat: no-repeat;
		background-position: bottom right;
		background-color: #181919;
		background-size: 10px 10px;
	}

	_::-webkit-full-page-media, _:future, :root .c2c-popup-desktop #noC2CArea {
		border: none;
	}
	
	_::-webkit-full-page-media, _:future, .c2c-popup-resize .c2c-popup-desktop .cam2cam-panel {
		resize: none;
		border: 0;  
	}

	_::-webkit-full-page-media, _:future, .c2c-popup-desktop .cam2cam-panel {
		resize: none;
		border: 0;  
	}

	_::-webkit-full-page-media, _:future, .c2c-popup-desktop {
		background-color: #121212;
	}

	_::-webkit-full-page-media, _:future, :root .c2c-icon-container {
		background: rgb(18,18,18);
	}
	
	@media not all and (min-resolution:.001dpcm)
	{ @supports (-webkit-appearance:none) and (stroke-color:transparent) {
		.cam-2-cam-inner {
			boder: none;
		}

		.c2c-toggle-btn {
			right: 0px;
		}

		.c2c-popup-resize .c2c-popup-desktop::-webkit-scrollbar { /* WebKit */
			background: #1a1a1a;
			scrollbar-width: thin;
		}

		.c2c-popup-resize .c2c-popup-desktop::-webkit-resizer { /* WebKit */
			background-image: url(/images/cam2cam/safari-resize.jpg);
			background-repeat: no-repeat;
			background-position: bottom right;
			background-color: #181919;
			background-size: 10px 10px;
		}

		.c2c-popup-desktop .camVideo {
			height: 100%;
			overflow: auto;
			border: 0;  
		}

		.c2c-popup-desktop .cam2cam-panel {
			height: 95%;
			overflow: auto;
			border: 0;  
		}

		.c2c-popup-desktop .c2c-main  {
			height: 100%;
			overflow: auto;
			border: 0;  
		}

		.c2c-popup-desktop .c2c-main-content {
			height: 99%;
			overflow-x: auto;
			overflow-y: hidden;
		}

		.c2c-icon-container {
			background: rgb(18,18,18);
		}

		.c2c-popup-desktop #noC2CArea {
			border: none;
		}
	}}

	.ios-14-notice,
	.ios-15-notice {
		position: absolute;
		z-index: 42;
		text-align: center;
		padding: 10px;
		box-sizing: border-box;
	}

	.c2c-icon-container h3 {
		line-height:1.16;
	}

	body:not(.wl):not(.whitelabel) .c2c-icon-container h3 {
		color: #9BAFC2;
	}
	.webrtc-recommendation {
		display: flex;
		color: #fff;
		max-width: 80%;
		margin: 13px auto 0;
	}
	.webrtc-recommendation p {
		color: #fff;
		margin: 0;
		line-height: 1.13;
		font-size: 13px;
		line-height: 1.13;
		font-weight: 600;
	}
	.webrtc-recommendation i {
		font-size: 14px;
	}
	.c2c-video-container .cam2cam-icon {
		width: 26px;
		height: 26px;
		box-sizing: border-box;
		margin-top: 0px;
		margin-bottom: 4px;
	}
</style>


<div id="c2cPopup" class="hide desktop-c2c-version">

	<div class="c2c-popup-resize">
	
		<div class="c2c-popup-desktop">

			<label class="c2c-popup-close-btn do-not-drag" id="closeC2cPopup" for="hide_modal">
				<span class="visually-hidden">Close Cam2Cam Popup</span>
				<i class="icon-x-plain"></i>
			</label>

			<div class="ios-14-notice warning hide">
				<i class="icon-alert mb-sm icon-lg"></i>
				<h3 class="bold mb-xs">iOS 14 Microphone Issue!</h3>
				<p class="mt-xs">Unfortunately, recent iOS updates have made it not possible to use a microphone on your device and hear the performer at the same time.</p>
				<p>You may still use the cam2cam feature in "video only" mode and you will be able to hear the performer, but they won't be able to hear your sound.</p>
				<p>This issue has been resolved in iOS 15, so you will be able to use cam2cam with audio if you upgrade your device to it.</p>
				<button class="dismiss-ios-14-notice btn secondary">Dismiss Notice</button>
			</div>
			
			<div class="ios-15-notice warning hide">
				<i class="icon-alert mb-sm icon-lg"></i>
				<h3 class="bold mb-xs">iOS 15.1 Connection Issue!</h3>
				<p class="mt-xs">Unfortunately, iOS 15.1 is experiencing connectivity issues. There is no fix currently available but we are working to resolve this. Apologies for the inconvenience.</p>
				<button class="dismiss-ios-15-notice btn secondary">Dismiss Notice</button>
			</div>


			<div class="cam2cam-panel col-12 text-center">

				<div class="camVideo clickCamIcon relative">

										<div class="c2c-main relative">
						<div class="c2c-main-content relative">

														<div class="webrtc-notification text-danger text-left hide" id="webrtcNotifcation">
								<div class="text-danger webrtc-text-danger" id="webrtcFeedbackMsg"></div>
								<i class="icon-x-plain webrtc-close-text-danger do-not-drag"></i>
							</div>

														<div class="c2c-video-container relative">
								

								<div class="cam-2-cam">
																		<div class="c2c-icon-container">
										<div class="cam2cam-icon">
											<i class="icon-webcam" style="display: flex;"></i>
										</div>
											<h3 class="bold">Click the power button to launch.</h3>
											

																							<h3><a href="javascript:popRegistration('notes_btn_chatroom');">VIPs </a> can use these functions in all non-voyeur show types, including public chat. Registered users can only use cam2cam in private shows.</h3> 
																				</div>
									<div class="cam-2-cam-inner">
										<video id="c2cVideo" playsinline autoplay muted class="cam-2-cam-video hide"></video>
									</div>

									<div class="btn primary reconnect hide" id="rtcBtnReconnect">Reconnect</div>
									<i class="loading-v2 lg hide" id="rtcLoading"></i>
								</div>
							</div>
						</div>
					</div>
					

										<div id="noC2CArea" class="hide">
						<div class="c2c-webrtc not-enabled text-left">
							<span>WebRTC Required</span>
							<p>The browser you are using does not support the cam2cam feature.</p>
							
							<p>Switch to <a href="https://www.google.com/chrome/" target="_blank" rel="noopener noreferrer">Chrome</a>, <a href="https://www.mozilla.org/en-US/firefox/" target="_blank" rel="noopener noreferrer">Firefox</a>  or <a href="https://support.apple.com/downloads/safari" target="_blank" rel="noopener noreferrer">Safari</a> for access.</p>
						</div>
					</div>					

				</div>
			</div>
			
		</div>

	</div>
	
	
		<input type="checkbox" id="c2cContentToggler" name="c2c-content-toggler" class="c2c-content-toggle hide" />
				<input type="checkbox" id="c2cSettingsToggle" name="c2c-settings-toggler" class="c2c-settings-toggle hide" />
		<div class="c2c-bottom-container">

				<div id="c2cBtnSet" class="web-rtc-btns hide">
					<div class="rtc-btn muted" id="c2cMuteBtn" title="Microphone sound">
						<i class="icon-microphone"></i>
						<i class="icon-microphone-off"></i>
					</div>

					<div class="rtc-btn" id="pickCam" title="Pick camera orientation">
						<i class="icon-camera-switch"></i>
					</div>

					<div class="rtc-btn" id="c2cInfo" title="Get Information about webcam"><i class="icon-i"></i></div>
				</div>

								<div class="c2c-settings-menu">
					<div class="c2c-settings-header">
						<h3>Settings</h3>
					</div>
					<label class="c2c-settings-btn-close do-not-drag" for="c2cSettingsToggle" title="Settings menu">
						<span class="visually-hidden">Close</span>
						<i class="icon-x-plain do-not-drag"></i>
					</label>
										<div class="c2c-tab-container relative">
						<div class="single-option">
														<label class="option-toggle do-not-drag" for="c2cLiveVideoToggle" title="You can only go live in a chatroom">
								<span class="visually-hidden">Cam2Cam live video toggle</span>
								<input type="checkbox" class="c2c-live-video-toggle" id="c2cLiveVideoToggle" />
								<span class="circle-checkbox round do-not-drag"></span>

								<div class="c2c-tab test-your-webcam-tab active" data-mode="test">
																		<div class="c2c-button-container">
										<div class="c2c-start-area">
											<button class="btn primary start-cam-2-cam start-cam-2-cam-test-btn do-not-drag" title="Available for private & open (VIP only) rooms, no voyeur">Test your cam <i class="icon-webcam"></i></button>
										</div>
										<div class="c2c-start-area">
											<button class="btn secondary
											stop-cam-2-cam stop-cam-2-cam-test-btn disabled do-not-drag" title="Click here to turn off the cam2cam session">Stop <i class="icon-webcam"></i></button>
										</div>
									</div>
								</div>

								<div class="c2c-tab start-your-webcam-tab" data-mode="real">
																		<div class="c2c-button-container">
										<div class="c2c-start-area">
											<button class="btn primary start-cam-2-cam start-cam-2-cam-real-btn do-not-drag" title=""Available for private & open (VIP only) rooms, no voyeur">Start your cam <i class="icon-webcam"></i></button>
										</div>
										<div class="c2c-start-area">
											<button class="btn secondary stop-cam-2-cam stop-cam-2-cam-real-btn disabled do-not-drag" title="Click here to turn off the cam2cam session">Stop <i class="icon-webcam"></i></button>
										</div>
									</div>
								</div>
							</label>
														<div class="option-name">Go Live</div>
							
							
						</div>

					</div>

					<div class="single-option">
						<label class="option-toggle">
							<span class="visually-hidden">Cam2Cam audio-only toggle</span>
							<input type="checkbox" id="c2cAudioOnlyToggle" />
							<span class="circle-checkbox round do-not-drag"></span>
						</label>
						<div class="option-name">Audio Only</div>
					</div>
				</div>

				<label class="c2c-toggle-btn rtc-btn do-not-drag" for="c2cContentToggler" title="Information menu"><span class="visually-hidden">Toggle Content</span>?</label>

			</div>
		<label class="c2c-settings-btn rtc-btn do-not-drag" for="c2cSettingsToggle" title="Settings menu" desktop-version="true" >
			<span class="visually-hidden">Settings Menu</span>
			<i class="icon-start"></i>
		</label>

		
		<div id="c2cToggledContent" class="c2c-toggled-content scrollbar-ghost">
						<div class="c2c-copy-accordion">
				<div class="accordion-single">
					<input type="checkbox" id="accordion-1"/>
					<label for="accordion-1" class="accordion-item">
						<h2>What is Cam2Cam? <i class="icon-down"></i><i class="icon-up"></i></h2>
					</label>
					<div class="accordion-hidden-text">
						<p>Cam2Cam lets your model see and hear you through your webcam device. This completely free feature is the best way to turn ip the intimacy of your cam shows and take your relationships to new heights!</p>
						<p>All members can go Cam2Cam in a private show. But VIP members can use the feature in any non-voyeur show type: private, party, group, and even free public chat. Become a VIP and show your favorite models the real you!</p>
					</div>
				</div>
				<div class="accordion-single">
					<input type="checkbox" id="accordion-2"/>
					<label for="accordion-2" class="accordion-item">
						<h2>How to use Cam2Cam <i class="icon-down"></i><i class="icon-up"></i></h2>
					</label>
					<div class="accordion-hidden-text">
						<p>We recommend Chrome, Firefox, or Safari for the best experience. The new Cam2Cam interface is integrated into the web page and will not be blocked by pop-up blockers. If you leave the private show or exit the models room, your feed will close automatically.</p>
						<ul>
							<li>Go private and click the Cam2Cam icon in the options bar.</li>
							<li>Click the power button above to launch the Cam2Cam interface.</li>
							<li>Grant your browser camera and microphone access if prompted.</li>
							<li>Once the successful test is complete, switch on "Go Live" then "Start Your Cam".</li>
							<li>Your video feed will appear in the same pop-out element as the settings and testing options.</li>
							<li>The model must agree to view your feed. When they do, you will be notified with a chat message.</li>
						</ul>
					</div>
				</div>
				<div class="accordion-single">
					<input type="checkbox" id="accordion-3"/>
					<label for="accordion-3" class="accordion-item">
						<h2>Things to know about Cam2Cam <i class="icon-down"></i><i class="icon-up"></i></h2>
					</label>
					<div class="accordion-hidden-text">
						<ul>
							<li>Audio may not be available for all models</li>
							<li>Be sure to keep your webcam software/drivers up to date to avoid issues</li>
							<li>VIP members do NOT have to restart their Cam2Cam session when transitioning between show types</li>
							<li>Only the model can access your stream. Other customers will not see you</li>
							<li>Other customers may hear you through the model's speakers/mic</li>
							<li>Cam2Cam is not available on mobile devices</li>
							<li>If you have technical issues with Cam2Cam, visit our <a href="/help-popups/cam2cam.php" target="_blank" rel="noopener noreferrer">Cam2Cam page</a> or contact <a href="/support.php" target="_blank" rel="noopener noreferrer">Customer Service</a></li>
						</ul>
					</div>
				</div>
			</div>

												<div class="c2c-webrtc-tester-container c2c-webcam-instructions lazy bold padding-md c2c-inner-container cam2cam-firefox-instructions hide">
				<p>
					<div class="text-primary mt-sm mb-sm c2c-tester-step-title">Step 1</div>
					<div>Open your Preferences:</div>
				</p>
				<a target="_blank" rel="noopener noreferrer" href="https://cdn5.vscdns.com/images/cam2cam/firefox_cam2cam_0.png">
					<span class="visually-hidden">Cam2Cam step screenshot</span>
					<div class="c2c-step-1 c2c-step">
						<span class="visually-hidden" role="img" aria-label="Open your Preferences"></span>
					</div>
				</a>
			</div>

			<div class="c2c-webrtc-tester-container c2c-webcam-instructions lazy bold padding-md c2c-inner-container cam2cam-firefox-instructions hide">
				<p>
					<div class="text-primary mt-sm mb-sm c2c-tester-step-title">Step 2</div>
					<div>Navigate to the browser's Settings menu and select Privacy & Security:</div>
				</p>
				<a target="_blank" href="https://cdn5.vscdns.com/images/cam2cam/firefox_cam2cam_1.png">
					<span class="visually-hidden">Cam2Cam step screenshot</span>
					<div class="c2c-step-2 c2c-step">
						<span class="visually-hidden" role="img" aria-label="Navigate to the browser's Settings menu and select Privacy & Security"></span>
					</div>
				</a>
			</div>

			<div class="c2c-webrtc-tester-container c2c-webcam-instructions lazy bold padding-md c2c-inner-container cam2cam-firefox-instructions hide">
				<p>
					<div class="text-primary mt-sm mb-sm c2c-tester-step-title">Step 3</div>
					<div>Under Permissions, select Settings next to Camera:</div>
				</p>
				<a target="_blank" rel="noopener noreferrer" href="https://cdn5.vscdns.com/images/cam2cam/firefox_cam2cam_2.png">
					<span class="visually-hidden">Cam2Cam step screenshot</span>
					<div class="c2c-step-3 c2c-step">
						<span class="visually-hidden" role="img" aria-label="Under Permissions, select Settings next to Camera"></span>
					</div>
				</a>
			</div>

			<div class="c2c-webrtc-tester-container c2c-webcam-instructions lazy bold padding-md c2c-inner-container cam2cam-firefox-instructions hide">
				<p>
					<div class="text-primary mt-sm mb-sm c2c-tester-step-title">Step 4</div>
					<div>Give the website permission to access your camera</div>
				</p>
				<a target="_blank" rel="noopener noreferrer" href="https://cdn5.vscdns.com/images/cam2cam/firefox_cam2cam_3.png">
					<span class="visually-hidden">Cam2Cam step screenshot</span>
					<div class="c2c-step-4 c2c-step">
						<span class="visually-hidden" role="img" aria-label="Give the website permission to access your camera"></span>
					</div>
				</a>
			</div>
			
						<div class="c2c-webrtc-tester-container c2c-webcam-instructions lazy c2c-inner-container text-center cam2cam-safari-instructions hide">
				<div class="text-primary mt-sm mb-sm c2c-tester-step-title">Step 1</div>
				<div>Navigate to Website Homepage:</div>
				<a target="_blank" href="https://cdn5.vscdns.com/images/cam2cam/safari_cam2cam_00.jpg">
					<span class="visually-hidden">Cam2Cam step screenshot</span>
					<div class="c2c-step-1 c2c-step">
						<span class="visually-hidden" role="img" aria-label="Navigate to Website Homepage"></span>
					</div>
				</a>
			</div>

			<div class="c2c-webrtc-tester-container c2c-webcam-instructions lazy c2c-inner-container text-center cam2cam-safari-instructions hide">
				<div class="text-primary mt-sm mb-sm c2c-tester-step-title">Step 2</div>
				<div>Open Preferences and Click Windows Tab:</div>
				<a target="_blank" rel="noopener noreferrer" href="https://cdn5.vscdns.com/images/cam2cam/safari_cam2cam_01.jpg">
					<span class="visually-hidden">Cam2Cam step screenshot</span>
					<div class="c2c-step-2 c2c-step">
						<span class="visually-hidden" role="img" aria-label="Open Preferences and Click Windows Tab"></span>
					</div>
				</a>
			</div>

			<div class="c2c-webrtc-tester-container c2c-webcam-instructions lazy c2c-inner-container text-center cam2cam-safari-instructions hide">
				<div class="text-primary mt-sm mb-sm c2c-tester-step-title">Step 3</div>
				<div>Allow Pop-up Windows:</div>
				<a target="_blank" rel="noopener noreferrer" href="https://cdn5.vscdns.com/images/cam2cam/safari_cam2cam_02.jpg">
					<span class="visually-hidden">Cam2Cam step screenshot</span>
					<div class="c2c-step-3 c2c-step">
						<span class="visually-hidden" role="img" aria-label="Allow Pop-up Windows"></span>
					</div>
				</a>
			</div>

			<div class="c2c-webrtc-tester-container c2c-webcam-instructions lazy c2c-inner-container text-center cam2cam-safari-instructions hide">
				<div class="text-primary mt-sm mb-sm c2c-tester-step-title">Step 4</div>
				<div>Give the website permission to access your camera:</div>
				<a target="_blank" rel="noopener noreferrer" href="https://cdn5.vscdns.com/images/cam2cam/safari_cam2cam_03.jpg">
					<span class="visually-hidden">Cam2Cam step screenshot</span>
					<div class="c2c-step-4 c2c-step">
						<span class="visually-hidden" role="img" aria-label="Give the website permission to access your camera"></span>
					</div>
				</a>
			</div>
			
						<div class="c2c-webrtc-tester-container c2c-webcam-instructions lazy bold padding-md c2c-inner-container cam2cam-chrome-instructions hide">
				<p>
					<div class="text-primary mt-sm mb-sm c2c-tester-step-title">Step 1 </div>
					<div>Go to your browser's Advanced Settings:</div>
				</p>
				<a target="_blank" rel="noopener noreferrer" href="https://cdn5.vscdns.com/images/cam2cam/chrome_cam2cam_0.png">
					<span class="visually-hidden">Cam2Cam step screenshot</span>
					<div class="c2c-step-1 c2c-step">
						<span class="visually-hidden" role="img" aria-label="Go to your browser's Advanced Settings"></span>
					</div>
				</a>
				<a target="_blank" href="https://cdn5.vscdns.com/images/cam2cam/chrome_cam2cam_1.png">
					<span class="visually-hidden">Cam2Cam step screenshot</span>
					<div class="c2c-step-1a c2c-step">
						<span class="visually-hidden" role="img" aria-label="Go to your browser's Advanced Settings"></span>
					</div>
				</a>
			</div>

			<div class="c2c-webrtc-tester-container c2c-webcam-instructions lazy bold padding-md c2c-inner-container cam2cam-chrome-instructions hide">
				<p>
					<div class="text-primary mt-sm mb-sm c2c-tester-step-title">Step 2</div>
					<div>Under Privacy and Security, select Site Settings:</div>
				</p>
				<a target="_blank" rel="noopener noreferrer" href="https://cdn5.vscdns.com/images/cam2cam/chrome_cam2cam_2.png">
					<span class="visually-hidden">Cam2Cam step screenshot</span>
					<div class="c2c-step-2 c2c-step">
						<span class="visually-hidden" role="img" aria-label="Under Privacy and Security, select Site Settings"></span>
					</div>
				</a>
			</div>

			<div class="c2c-webrtc-tester-container c2c-webcam-instructions lazy bold padding-md c2c-inner-container cam2cam-chrome-instructions hide">
				<p>
					<div class="text-primary mt-sm mb-sm c2c-tester-step-title">Step 3</div>
					<div>Under Permissions, select Camera:</div>
				</p>
				<a target="_blank" rel="noopener noreferrer" href="https://cdn5.vscdns.com/images/cam2cam/chrome_cam2cam_3.png">
					<span class="visually-hidden">Cam2Cam step screenshot</span>
					<div class="c2c-step-3 c2c-step">
						<span class="visually-hidden" role="img" aria-label="Under Permissions, select Camera"></span>
					</div>
				</a>
			</div>

			<div class="c2c-webrtc-tester-container c2c-webcam-instructions lazy bold padding-md c2c-inner-container cam2cam-chrome-instructions hide">
				<p>
					<div class="text-primary mt-sm mb-sm c2c-tester-step-title">Step 4</div>
					<div>Select which webcam you would like to use for Cam2Cam and allow the website to access your camera:</div>
				</p>
				<a target="_blank" rel="noopener noreferrer" href="https://cdn5.vscdns.com/images/cam2cam/chrome_cam2cam_4.png">
					<span class="visually-hidden">Cam2Cam step screenshot</span>
					<div class="c2c-step-4 c2c-step">
						<span class="visually-hidden" role="img" aria-label="Select which webcam you would like to use for Cam2Cam and allow the website to access your camera"></span>
					</div>
				</a>
			</div>
						
						<div class="c2c-webrtc-tester-container c2c-webcam-instructions lazy c2c-inner-container text-center cam2cam-edge-instructions hide">
				<div class="text-primary mt-sm mb-sm c2c-tester-step-title">Step 1</div>
				<div>Click menu at top right then click Settings:</div>
				<a target="_blank" rel="noopener noreferrer" href="https://cdn5.vscdns.com/images/cam2cam/edge-cam2cam_new_01.jpg">
					<span class="visually-hidden">Cam2Cam step screenshot</span>
					<div class="c2c-step-1 c2c-step"></div>
				</a>
			</div>
			
			<div class="c2c-webrtc-tester-container c2c-webcam-instructions lazy c2c-inner-container text-center cam2cam-edge-instructions hide">
				<div class="text-primary mt-sm mb-sm c2c-tester-step-title">Step 2</div>
				<div>Click on Site Permissions in the left column:</div>
				<a target="_blank" rel="noopener noreferrer" href="https://cdn5.vscdns.com/images/cam2cam/edge-cam2cam_new_02.jpg">
					<span class="visually-hidden">Cam2Cam step screenshot</span>
					<div class="c2c-step-2 c2c-step"></div>
				</a>
			</div>
			
			<div class="c2c-webrtc-tester-container c2c-webcam-instructions lazy c2c-inner-container text-center cam2cam-edge-instructions hide">
				<div class="text-primary mt-sm mb-sm c2c-tester-step-title">Step 3</div>
				<div>Click on Site Permissions in the left column:</div>
				<a target="_blank" rel="noopener noreferrer" href="https://cdn5.vscdns.com/images/cam2cam/edge-cam2cam_new_03.jpg">
					<span class="visually-hidden">Cam2Cam step screenshot</span>
					<div class="c2c-step-3 c2c-step"></div>
				</a>
			</div>

			
			<div class="c2c-webrtc-tester-container c2c-webcam-instructions lazy c2c-inner-container text-center cam2cam-edge78-instructions hide">
				<div class="text-primary mt-sm mb-sm c2c-tester-step-title">Step 1</div>
				<div>Click menu at top right then click Settings:</div>
				<a target="_blank" rel="noopener noreferrer" href="https://cdn5.vscdns.com/images/cam2cam/edge-cam2cam_pre79_01.jpg">
					<span class="visually-hidden">Cam2Cam step screenshot</span>
					<div class="c2c-step-1 c2c-step"></div>
				</a>
			</div>
			
			<div class="c2c-webrtc-tester-container c2c-webcam-instructions lazy c2c-inner-container text-center cam2cam-edge78-instructions hide">
				<div class="text-primary mt-sm mb-sm c2c-tester-step-title">Step 2</div>
				<div>Click on Privacy and Security in the left column:</div>
				<a target="_blank" rel="noopener noreferrer" href="https://cdn5.vscdns.com/images/cam2cam/edge-cam2cam_pre79_02.jpg">
					<span class="visually-hidden">Cam2Cam step screenshot</span>
					<div class="c2c-step-2 c2c-step"></div>
				</a>
			</div>
			
			<div class="c2c-webrtc-tester-container c2c-webcam-instructions lazy c2c-inner-container text-center cam2cam-edge78-instructions hide">
				<div class="text-primary mt-sm mb-sm c2c-tester-step-title">Step 3</div>
				<div>Turn off Block Pop-ups and Redirects with the toggle button:</div>
				<a target="_blank" rel="noopener noreferrer" href="https://cdn5.vscdns.com/images/cam2cam/edge-cam2cam_pre79_03.jpg">
					<span class="visually-hidden">Cam2Cam step screenshot</span>
					<div class="c2c-step-3 c2c-step"></div>
				</a>
			</div>

			<div class="c2c-webrtc-tester-container c2c-webcam-instructions lazy c2c-inner-container mb-lg hide">
				<p>Find out more <a href="/help-popups/cam2cam.php" target="_blank" rel="noopener noreferrer">about Cam2Cam</a>.</p>
			</div>
			
			<div class="c2c-webrtc-tester-container c2c-webcam-instructions lazy bold padding-md c2c-inner-container mb-lg hide">
				<p>Find out more <a href="/help-popups/cam2cam.php" target="_blank" rel="noopener noreferrer">about Cam2Cam</a>.</p>
			</div>
			
									<div class="c2c-webrtc-tester-container c2c-webcam-instructions lazy bold padding-md c2c-inner-container cam2cam-android-firefox-instructions hide">
				<h3>Firefox on Android</h3>
				<p>Your browser will use your device's front camera by default. You may switch your device's camera by pressing the switch icon over the video.</p>
			</div>
			
						<div class="c2c-webrtc-tester-container c2c-webcam-instructions lazy bold padding-md c2c-inner-container cam2cam-ios-safari-instructions hide">
				<h3>Safari on iOS</h3>
				<p>Your browser will use your device's front camera by default. You may switch your device's camera by pressing the switch icon over the video.</p>
				<p>Please note that while you have the browser Settings open, your broadcast will be paused for the performer. It will be resumed once you close the Settings.</p>
				<p>To access your camera settings, please follow these steps:</p>
			</div>

			<div class="c2c-webrtc-tester-container c2c-webcam-instructions lazy bold padding-md c2c-inner-container cam2cam-ios-safari-instructions hide">
				<p>
					<div class="text-primary mt-sm mb-sm c2c-tester-step-title">Step 1 </div>
					<div>Open device settings:</div>
				</p>
				<a target="_blank" rel="noopener noreferrer" href="https://cdn5.vscdns.com/images/cam2cam/safari-ios-step1.jpg">
					<img
						class="c2c-instructions-img" 
						loading="lazy" 
						src="https://cdn5.vscdns.com/images/cam2cam/safari-ios-step1.jpg"
						alt="safari cam2cam step 0"
					>
				</a>
			</div>

			<div class="c2c-webrtc-tester-container c2c-webcam-instructions lazy bold padding-md c2c-inner-container cam2cam-ios-safari-instructions hide">
				<p>
					<div class="text-primary mt-sm mb-sm c2c-tester-step-title">Step 2</div>
					<div>Under Safari, switch "Block Pop-ups" off:</div>
				</p>
				<a target="_blank" rel="noopener noreferrer" href="https://cdn5.vscdns.com/images/cam2cam/safari-ios-step2.jpg">
					<img
						class="c2c-instructions-img"
						loading="lazy" 
						src="https://cdn5.vscdns.com/images/cam2cam/safari-ios-step2.jpg"
						alt="safari cam2cam step 2"
					>
				</a>
			</div>

			<div class="c2c-webrtc-tester-container c2c-webcam-instructions lazy bold padding-md c2c-inner-container cam2cam-ios-safari-instructions hide">
				<p>
					<div class="text-primary mt-sm mb-sm c2c-tester-step-title">Step 3</div>
					<div>Under Safari, select the "Camera" option:</div>
				</p>
				<a target="_blank" rel="noopener noreferrer" href="https://cdn5.vscdns.com/images/cam2cam/safari-ios-step3.jpg">
					<img
						class="c2c-instructions-img"
						loading="lazy" 
						src="https://cdn5.vscdns.com/images/cam2cam/safari-ios-step3.jpg"
						alt="safari cam2cam step 3"
					>
				</a>
			</div>

			<div class="c2c-webrtc-tester-container c2c-webcam-instructions lazy bold padding-md c2c-inner-container cam2cam-ios-safari-instructions hide">
				<p>
					<div class="text-primary mt-sm mb-sm c2c-tester-step-title">Step 4</div>
					<div>Under Camera, select "Allow" or "Ask":</div>
				</p>
				<a target="_blank" rel="noopener noreferrer" href="https://cdn5.vscdns.com/images/cam2cam/safari-ios-step4.jpg">
					<img
						class="c2c-instructions-img"
						loading="lazy" 
						src="https://cdn5.vscdns.com/images/cam2cam/safari-ios-step4.jpg"
						alt="safari cam2cam step 4"
					>
				</a>
			</div>

			<div class="c2c-webrtc-tester-container c2c-webcam-instructions lazy bold padding-md c2c-inner-container cam2cam-ios-safari-instructions hide">
				<p>
					<div class="text-primary mt-sm mb-sm c2c-tester-step-title">Step 5</div>
					<div>Under Safari, select the "Microphone" option:</div>
				</p>
				<a target="_blank" rel="noopener noreferrer" href="https://cdn5.vscdns.com/images/cam2cam/safari-ios-step5.jpg">
					<img
						class="c2c-instructions-img"
						loading="lazy" 
						src="https://cdn5.vscdns.com/images/cam2cam/safari-ios-step5.jpg"
						alt="safari cam2cam step 5"
					>
				</a>
			</div>

			<div class="c2c-webrtc-tester-container c2c-webcam-instructions lazy bold padding-md c2c-inner-container cam2cam-ios-safari-instructions hide">
				<p>
					<div class="text-primary mt-sm mb-sm c2c-tester-step-title">Step 6</div>
					<div>Under microphone, select "Allow" or "Ask":</div>
				</p>
				<a target="_blank" rel="noopener noreferrer" href="https://cdn5.vscdns.com/images/cam2cam/safari-ios-step6.jpg">
					<img
						class="c2c-instructions-img"
						loading="lazy" 
						src="https://cdn5.vscdns.com/images/cam2cam/safari-ios-step6.jpg"
						alt="safari cam2cam step 6"
					>
				</a>
			</div>
			
						<div class="c2c-webrtc-tester-container c2c-webcam-instructions lazy bold padding-md c2c-inner-container cam2cam-android-chrome-instructions hide">
				<h3>Chrome on Android</h3>
				<p>Your browser will use your device's front camera by default. You may switch your device's camera by pressing the switch icon over the video.</p>
				<p>Please note that while you have the browser Settings open, your broadcast will be paused for the performer. It will be resumed once you close the Settings.</p>
				<p>To access your camera settings, please follow these steps:</p>
			</div>

			<div class="c2c-webrtc-tester-container c2c-webcam-instructions lazy bold padding-md c2c-inner-container cam2cam-android-chrome-instructions hide">
				<p>
					<div class="text-primary mt-sm mb-sm c2c-tester-step-title">Step 1 </div>
					<div>Click on the "three dots" menu in the top right corner of your browser tab to open the Menu:</div>
				</p>
				<a target="_blank" rel="noopener noreferrer" href="https://cdn5.vscdns.com/images/cam2cam/chrome-android1step1.jpg">
					<img
						class="c2c-instructions-img"
						loading="lazy" 
						src="https://cdn5.vscdns.com/images/cam2cam/chrome-android1step1.jpg"
						alt="chrome cam2cam step 0"
					>
				</a>
			</div>

			<div class="c2c-webrtc-tester-container c2c-webcam-instructions lazy bold padding-md c2c-inner-container cam2cam-android-chrome-instructions hide">
				<p>
					<div class="text-primary mt-sm mb-sm c2c-tester-step-title">Step 2</div>
					<div>In the Menu, click "Settings":</div>
				</p>
				<a target="_blank" rel="noopener noreferrer" href="https://cdn5.vscdns.com/images/cam2cam/chrome-android-step2.jpg">
					<img
						class="c2c-instructions-img"
						loading="lazy" 
						src="https://cdn5.vscdns.com/images/cam2cam/chrome-android-step2.jpg"
						alt="chrome cam2cam step 2"
					>
				</a>
			</div>

			<div class="c2c-webrtc-tester-container c2c-webcam-instructions lazy bold padding-md c2c-inner-container cam2cam-android-chrome-instructions hide">
				<p>
					<div class="text-primary mt-sm mb-sm c2c-tester-step-title">Step 3</div>
					<div>Scroll down to and click "Site Settings":</div>
				</p>
				<a target="_blank" rel="noopener noreferrer" href="https://cdn5.vscdns.com/images/cam2cam/chrome-android-step3.jpg">
					<img
						class="c2c-instructions-img"
						loading="lazy" 
						src="https://cdn5.vscdns.com/images/cam2cam/chrome-android-step3.jpg"
						alt="chrome cam2cam step 3"
					>
				</a>
			</div>

			<div class="c2c-webrtc-tester-container c2c-webcam-instructions lazy bold padding-md c2c-inner-container cam2cam-android-chrome-instructions hide">
				<p>
					<div class="text-primary mt-sm mb-sm c2c-tester-step-title">Step 4</div>
					<div>Click on "Camera":</div>
				</p>
				<a target="_blank" rel="noopener noreferrer" href="https://cdn5.vscdns.com/images/cam2cam/chrome-android-step4.jpg">
					<img
						class="c2c-instructions-img"
						loading="lazy" 
						src="https://cdn5.vscdns.com/images/cam2cam/chrome-android-step4.jpg"
						alt="chrome cam2cam step 4"
					>
				</a>
			</div>

			<div class="c2c-webrtc-tester-container c2c-webcam-instructions lazy bold padding-md c2c-inner-container cam2cam-android-chrome-instructions hide">
				<p>
					<div class="text-primary mt-sm mb-sm c2c-tester-step-title">Step 5</div>
					<div>Turn on the toggle for Camera. Then click on the site's name in the list below</div>
				</p>
				<a target="_blank" rel="noopener noreferrer" href="https://cdn5.vscdns.com/images/cam2cam/chrome-android-step5.jpg">
					<img
						class="c2c-instructions-img"
						loading="lazy" 
						src="https://cdn5.vscdns.com/images/cam2cam/chrome-android-step5.jpg"
						alt="chrome cam2cam step 5"
					>
				</a>
			</div>

			<div class="c2c-webrtc-tester-container c2c-webcam-instructions lazy bold padding-md c2c-inner-container cam2cam-android-chrome-instructions hide">
				<p>
					<div class="text-primary mt-sm mb-sm c2c-tester-step-title">Step 6</div>
					<div>After clicking on the site name, you will be taken to the following screen, where you can click each of the Permissions to select between "Allow" and "Block" for them individually:</div>
				</p>
				<a target="_blank" rel="noopener noreferrer" href="https://cdn5.vscdns.com/images/cam2cam/chrome-android-step6.jpg">
					<img
						class="c2c-instructions-img"
						loading="lazy" 
						src="https://cdn5.vscdns.com/images/cam2cam/chrome-android-step6.jpg"
						alt="chrome cam2cam step 6"
					>
				</a>
			</div>
			
						<div class="c2c-webrtc-tester-container c2c-webcam-instructions lazy bold padding-md c2c-inner-container cam2cam-android-opera-instructions hide">
				<h3>Opera on Android</h3>
				<p>Your browser will use your device's front camera by default. You may switch your device's camera by pressing the switch icon over the video.</p>
				<p>Please note that while you have the browser Settings open, your broadcast will be paused for the performer. It will be resumed once you close the Settings.</p>
				<p>To access your camera settings, please follow these steps:</p>
			</div>

			<div class="c2c-webrtc-tester-container c2c-webcam-instructions lazy bold padding-md c2c-inner-container cam2cam-android-opera-instructions hide">
				<p>
					<div class="text-primary mt-sm mb-sm c2c-tester-step-title">Step 1 </div>
					<div>Click the "Opera" icon in the bottom right corner of the browser:</div>
				</p>
				<a target="_blank" rel="noopener noreferrer" href="https://cdn5.vscdns.com/images/cam2cam/opera-android-step1.jpg">
					<img
						class="c2c-instructions-img"
						loading="lazy" 
						src="https://cdn5.vscdns.com/images/cam2cam/opera-android-step1.jpg"
						alt="opera cam2cam step 0"
					>
				</a>
			</div>

			<div class="c2c-webrtc-tester-container c2c-webcam-instructions lazy bold padding-md c2c-inner-container cam2cam-android-opera-instructions hide">
				<p>
					<div class="text-primary mt-sm mb-sm c2c-tester-step-title">Step 2</div>
					<div>Go into "Settings":</div>
				</p>
				<a target="_blank" rel="noopener noreferrer" href="https://cdn5.vscdns.com/images/cam2cam/opera-android-step2.jpg">
					<img
						class="c2c-instructions-img"
						loading="lazy" 
						src="https://cdn5.vscdns.com/images/cam2cam/opera-android-step2.jpg"
						alt="opera cam2cam step 2"
					>
				</a>
			</div>

			<div class="c2c-webrtc-tester-container c2c-webcam-instructions lazy bold padding-md c2c-inner-container cam2cam-android-opera-instructions hide">
				<p>
					<div class="text-primary mt-sm mb-sm c2c-tester-step-title">Step 3</div>
					<div>Scroll down to the "Privacy" section of the Settings and select "Site Settings":</div>
				</p>
				<a target="_blank" rel="noopener noreferrer" href="https://cdn5.vscdns.com/images/cam2cam/opera-android-step3.jpg">
					<img
						class="c2c-instructions-img"
						loading="lazy" 
						src="https://cdn5.vscdns.com/images/cam2cam/opera-android-step3.jpg"
						alt="opera cam2cam step 3"
					>
				</a>
			</div>

			<div class="c2c-webrtc-tester-container c2c-webcam-instructions lazy bold padding-md c2c-inner-container cam2cam-android-opera-instructions hide">
				<p>
					<div class="text-primary mt-sm mb-sm c2c-tester-step-title">Step 4</div>
					<div>In "Site Settings" select "Camera":</div>
				</p>
				<a target="_blank" rel="noopener noreferrer" href="https://cdn5.vscdns.com/images/cam2cam/opera-android-step4.jpg">
					<img
						class="c2c-instructions-img"
						loading="lazy" 
						src="https://cdn5.vscdns.com/images/cam2cam/opera-android-step4.jpg"
						alt="opera cam2cam step 4"
					>
				</a>
			</div>

			<div class="c2c-webrtc-tester-container c2c-webcam-instructions lazy bold padding-md c2c-inner-container cam2cam-android-opera-instructions hide">
				<p>
					<div class="text-primary mt-sm mb-sm c2c-tester-step-title">Step 5</div>
					<div>Turn on the toggle for Camera. Then click on the site's name in the list below:</div>
				</p>
				<a target="_blank" rel="noopener noreferrer" href="https://cdn5.vscdns.com/images/cam2cam/opera-android-step5.jpg">
					<img
						class="c2c-instructions-img"
						loading="lazy" 
						src="https://cdn5.vscdns.com/images/cam2cam/opera-android-step5.jpg"
						alt="opera cam2cam step 5"
					>
				</a>
			</div>

			<div class="c2c-webrtc-tester-container c2c-webcam-instructions lazy bold padding-md c2c-inner-container cam2cam-android-opera-instructions hide">
				<p>
					<div class="text-primary mt-sm mb-sm c2c-tester-step-title">Step 6</div>
					<div>After clicking on the site name, you will be taken to the following screen, where you can click each of the Permissions to select between "Ask every time", "Allowed" and "Denied" for them individually:</div>
				</p>
				<a target="_blank" rel="noopener noreferrer" href="https://cdn5.vscdns.com/images/cam2cam/opera-android-step6.jpg">
					<img
						class="c2c-instructions-img"
						loading="lazy" 
						src="https://cdn5.vscdns.com/images/cam2cam/opera-android-step6.jpg"
						alt="opera cam2cam step 6"
					>
				</a>
			</div>
			
						<div class="c2c-webrtc-tester-container c2c-webcam-instructions lazy bold padding-md c2c-inner-container cam2cam-android-samsung-instructions hide">
				<h3>Firefox on Android</h3>
				<p>Your browser will use your device's front camera by default. You may switch your device's camera by pressing the switch icon over the video.</p>
				<p>Please note that while you have the browser Settings open, your broadcast will be paused for the performer. It will be resumed once you close the Settings.</p>
			</div>
			
			<div class="c2c-webrtc-tester-container c2c-webcam-instructions lazy bold padding-md c2c-inner-container mb-lg hide">
				<p>Find out more <a href="/help-popups/cam2cam.php" target="_blank" rel="noopener noreferrer">about Cam2Cam</a>.</p>
			</div>
						
		</div>
	
	
</div>


	
				<style>
	.phone.chat-room-opened .pending-form .modal-shadow,
	.mobile.chat-room-opened .pending-form .modal-shadow,
	.tablet.chat-room-opened .pending-form .modal-shadow {
		z-index: 101;
	}
</style>
<div class="modal-container pending-form">
	<input type="radio" name="modalControl" class="hide modal-control" id="pendingModal">
	<label class="modal-shadow" for="hide_modal"><span class="visually-hidden">modal shadow</span></label>
	<div class="modal-wrap">
		<div class="modal">
			<div class="pending-container">
				<div class="pending-form-inner">
					<div class="pending-image-left"></div>
					<div class="pending-form-right">
						<form action="/register/" method="post" class="form">
							<input type="hidden" name="a" value="update_email">
                            <input
                                class="registration-email"
                                type="hidden"
                                name="email"
                                value=""
                            >
                            <input
                                class="registration-auth-key"
                                type="hidden"
                                name="auth_key"
                                value=""
                            >
							<input
                                aria-label="sign up"
                                type="hidden"
                                name="CSRF"
                                value=""
                            >
							<div class="pending-form-right-inner">

								<div class="close-pending-modal"><label for="hide_modal" title="close button" aria-label="close button"><i class="icon-x"></i></label></div>

								<div class="pending-logo-container">
									<img src="https://cdn5.vscdns.com/images/skins/flirt4free/layout_03_2/f4f-logo.png" alt="Flirt4Free logo" class="pending-logo" loading="lazy" />
								</div>

								<div class="pending-top-text">
									<div class="pending-top-text-1"><span>Confirm</span> Your Account!</div>
									<div class="pending-top-text-2">Check your email and confirm your account. Make sure to check your spam folder..</div>
																											
									<div class="video-tut-link mt-lg text-bigger">
									Need help navigating the site?<br>
										<label for="videoTutModal" id="videoTutModalLink">Click here to watch a quick tutorial video.</label>
									</div>

									<div class="pending-top-text-4 fake-email-text">
										<span>Did you give us a fake email address?? :)</span>Don't worry, we aren't upset. But we need a real email address to verify your account and get you into the live chat rooms. We will not sell your address to anyone. You can give us your real email address in the box below..
									</div>
								</div>

								<div class="pending-fields">
									<form action="/register/index.php" method="post" class="form">
										<div class="pending-email-fields-inner">
											<input type="hidden" name="a" value="update_email">
											<input class="registration-email" type="hidden" name="email" value="">
											<input
                                                class="registration-auth-key"
                                                type="hidden" name="auth_key"
                                                value=""
                                            >
											<label class="pl-sm real-email-label" for="update_email"
																						>
											Your Real Email Address:
											</label>

											<div class="pending-input-container pending-email-container">
												<label class="visually-hidden" for="cemail">Update Email</label>
												<input class="pending-field-email pending-field-input" id="update_email" type="text" name="update_email" value="">
												<div class="pending-field-icon">
													<i class="icon-notification"></i>
												</div>
											</div>

											<input class="btn registration-create-account-button" type="submit" name="update" value="Update Email">
										</div>
									</form>

								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
		<style>
    .dark .modal-container.pending-form .video-tut-modal .modal {
        background-color: #222 !important;
    }

    .light .modal-container.pending-form .video-tut-modal .modal {
        background-color: #FFF !important;
    }

    .modal-container.pending-form .video-tut-modal .modal {
        height: auto;
        display: inline-block;
    }

    .video-tut-modal .modal {
        max-width: 1000px;
        border-radius: 6px;
    }

    .video-tut-modal .close-modal {
        top: 6px;
        right: -7px;
        bottom: unset;
        font-size: 24px;
    }

    .video-tut-modal video {
        max-width: 100%;
        height: auto;
    }
    @media (max-height: 700px) {
        .video-tut-modal .modal {
            max-width: 120vh;
        }
        .video-tut-modal .modal-head {
            padding: 0px;
        }
    }
</style>

<input type="radio" name="modalControl" id="closeVideoTutModal" class="hide modal-control">

<div class="modal-container video-tut-modal">
    <input type="radio" name="modalControl" id="videoTutModal" class="hide modal-control">
    <label for="closeVideoTutModal" class="modal-shadow close-tut-video-sitewide"></label>

    <div class="modal-wrap">
        <div class="modal">
            <div class="modal-head">
                <h3>New User Tutorial Video</h3>
            </div>
            <div class="modal-body">
                <div class="d-flex flex-column justify-content-between align-items-center">
                    <label for="closeVideoTutModal" class="close-modal close-tut-video-sitewide" title="close-button">
                        <span class="visually-hidden">Close</span>
                        <i class="icon-x"></i>
                    </label>

                    <video class="video-tut-video" id="newUserTutVideo" playsinline controls>
                    </video>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
	document.addEventListener('DOMContentLoaded', function() {
		
        var closeModalTriggers = Array.prototype.slice.call(document.getElementsByClassName('close-tut-video-sitewide'));


        closeModalTriggers.forEach(function(closeEl) {

            closeEl.addEventListener(

                'click',
                function() {
                    var videoEl = document.getElementById('newUserTutVideo');
                    videoEl.pause();
                }
            );
        });

		var tutModalTriggerLink = document.getElementById('videoTutModalLink');

        if(tutModalTriggerLink) {

            tutModalTriggerLink.addEventListener(
                'click', 
                function(ev) {
                
                    var videoEl = document.getElementById('newUserTutVideo');

                    var service = 'girls';

                    //	For the sake of the tutorial, trans gets grouped with 'girls'
                    if(service === 'trans') service = 'girls';

                    var sitekey = 'flirt4free';
                    var cdn = 'https://cdn5.vscdns.com';

                    var vidUrl = '';
                    
                    if(sitekey === 'flirt4free') {

                        vidUrl = cdn + '/images/videos/new-users-tutorial-site-' + service + '.mp4';

                    } else {

                        var themeColor = 'dark';

                        vidUrl = cdn + '/images/videos/new-users-tutorial-' + service + '-' + themeColor + '-final.mp4';
                    }
                    
                    //	When user clicks on the link that should trigger the modal with the tutorial, we start loading and showing the video - we don't want the video to load sooner because user may never click on this link.
                    if(!videoEl.src) {
                        
                        videoEl.src = vidUrl;
                        videoEl.play();
                    } 
                
                }
            );
        }
		

	});
	
</script>	
	<div class="homepageModel homepagePromo current-promo-clone hide homepagePromo2x2">
		<div class="homepageModelInner">
			<div id="current_promo">
				
				<a href="" data-promo-type="fixed">
					<img src="" alt=""/>
				</a>

				<a href="" data-promo-type="daily">
					<img src="" alt=""/>
				</a>

				<a href="" data-promo-type="holiday">
					<img src="" alt=""/>
				</a>

				<a href="" data-promo-type="pre-holiday">
					<img src="" alt=""/>
				</a>

				<a href="" data-promo-type="foty">
					<img src="" alt=""/>
				</a>

				<a href="" data-promo-type="summit-multiplier">
					<img src="" alt=""/>
				</a>

				<a href="" data-promo-type="tip-battle">
					<img src="" alt=""/>
				</a>

				<a href="" data-promo-type="live-house">
					<img src="" alt=""/>
				</a>

				<a href="" data-promo-type="tip-clash">
					<img src="" alt=""/>
				</a>

				<a href="" data-promo-type="hot-summer-all-stars">
					<img src="" alt=""/>
				</a>

                <a href="" data-promo-type="sexy-selfie">
					<img src="" alt=""/>
				</a>

				<a href="" data-promo-type="pride-parade">
					<img src="" alt=""/>
				</a>

			</div>
		</div>
	</div>


  
    

<main id="home_page" class="main-container max-site-width min-site-width">
    
    
  
                    
<style>
     body.wl.light .eighteen-plus-modal .single-service-container .eighteen-plus-btn,
     body.wl.dark .eighteen-plus-modal .single-service-container .eighteen-plus-btn {
	    background: #004587;
    }

    body.wl.light.girls .eighteen-plus-modal .all-services-container .service-select .service-item.girls .service-btn,
    body.wl.light.guys .eighteen-plus-modal .all-services-container .service-select .service-item.guys .service-btn,
    body.wl.light.trans .eighteen-plus-modal .all-services-container .service-select .service-item.trans .service-btn,
    body.wl.dark.girls .eighteen-plus-modal .all-services-container .service-select .service-item.girls .service-btn,
    body.wl.dark.guys .eighteen-plus-modal .all-services-container .service-select .service-item.guys .service-btn,
    body.wl.dark.trans .eighteen-plus-modal .all-services-container .service-select .service-item.trans .service-btn {
        background: #004587;
    }

    body.wl.light .eighteen-plus-modal .all-services-container .service-select .service-item:hover .service-btn,
    body.wl.dark .eighteen-plus-modal .all-services-container .service-select .service-item:hover .service-btn {
        background: #004587 !important;
    }

    body.wl.light .eighteen-plus-modal .all-services-container .service-select:hover .service-item .service-btn {
        background: #000000 !important;
    }

    body.wl.dark .eighteen-plus-modal .all-services-container .service-select:hover .service-item .service-btn,
    body.wl.light.badpuppylivecom .eighteen-plus-modal .all-services-container .service-select:hover .service-item .service-btn,
    body.wl.light.adam4adamlivecom .eighteen-plus-modal .all-services-container .service-select:hover .service-item .service-btn  {
       background: rgba(251,251,251,0.3) !important;
    }

    body.wl.light .eighteen-plus-modal .all-services-container .service-select:hover .service-item:hover .service-btn,
    body.wl.dark .eighteen-plus-modal .all-services-container .service-select:hover .service-item:hover .service-btn {
        background: #004587 !important;
    }

    @media (hover: none) {
    body.wl.light .eighteen-plus-modal .all-services-container .service-select .service-item .service-btn,
    body.wl.dark .eighteen-plus-modal .all-services-container .service-select .service-item .service-btn {
        background: #004587 !important;
      }
    }

    body.wl.light .eighteen-plus-modal .eighteen-plus-modal-footer .leave-the-site:hover::after,
    body.wl.dark .eighteen-plus-modal .eighteen-plus-modal-footer .leave-the-site:hover::after  {
	    border-bottom: 2px solid #004587 !important;
    }

    body.wl.light .eighteen-plus-modal .eighteen-plus-modal-footer .eighteen-plus-cookies a,
    body.wl.light .eighteen-plus-modal .eighteen-plus-policy a,
    body.wl.dark .eighteen-plus-modal .eighteen-plus-modal-footer .eighteen-plus-cookies a,
    body.wl.dark .eighteen-plus-modal .eighteen-plus-policy a {
        color: #004587 !important;
        text-decoration: underline;
    }

    body.wl.dark.xnxx-cams .eighteen-plus-modal .eighteen-plus-policy a,
    body.wl.dark.xnxx-cams .eighteen-plus-modal .eighteen-plus-modal-footer .eighteen-plus-cookies a {
        color: #d7dadc !important;
        text-decoration: underline;
    }
</style>

<div class="modal-container eighteen-plus-modal eighteen-plus-modal-loading">
	<input type="radio" name="modalControl" class="hide modal-control" id="eighteenPlus" checked data-modal-priority="1">
	<div class="modal-shadow"></div>
	<div class="modal-wrap scrollbar-ghost">
		<div class="modal">
			<div class="modal-body">
                <div class="eighteen-plus-modal-head">
                    <div class="eighteen-plus-logo">
                         
                            <img src="https://cdn5.vscdns.com/images/age-verification/eighteen-plus/f4f_logo.svg" alt="Flirt4Free">
                         
                    </div>
                    <div class="eighteen-plus-title">
                                                     
                                Enjoy Free Sex Cams and Premium Adult Chat: Girls, Guys, and Trans performers live, in high definition.
                                                                        </div>
                </div>
				                    <div class="all-services-container">
                        <div class="eighteen-plus-policy">
                            By entering the site, you acknowledge and affirm under oath that you are 18 years old or older, that all certifications made by accepting the <a href="/terms.php" target="_blank" rel="noopener noreferrer">Terms and Conditions</a> are true and correct, and that you have read our <a href="/privacy.php" target="_blank" rel="noopener noreferrer">Privacy Policy</a>.
                        </div>
                         
                            <h2>I'M OVER 18</h2>
                                                <div class="service-select">
                                                            <div class="service-item single-service-link girls" data-service="girls" data-destination="/?service=girls">
                                    <div class="service-image"><img src="https://cdn5.vscdns.com/images/age-verification/eighteen-plus/girls-v2.png" alt="GIRLS"></div>
                                    <div class="service-btn">
                                                                                                                                <span class="service-enter">Cam</span> <span class="service-value bold">Girls</span>
                                                                                                                        </div>         
                                </div>
                                                            <div class="service-item single-service-link guys" data-service="guys" data-destination="/?service=guys">
                                    <div class="service-image"><img src="https://cdn5.vscdns.com/images/age-verification/eighteen-plus/guys-v2.png" alt="GUYS"></div>
                                    <div class="service-btn">
                                                                                                                                <span class="service-value bold">Gay</span> <span class="service-enter">Cams</span>
                                                                                                                        </div>         
                                </div>
                                                            <div class="service-item single-service-link trans" data-service="trans" data-destination="/?service=trans">
                                    <div class="service-image"><img src="https://cdn5.vscdns.com/images/age-verification/eighteen-plus/trans-v2.png" alt="TRANS"></div>
                                    <div class="service-btn">
                                                                                                                                <span class="service-value bold">Trans</span> <span class="service-enter">Cams</span>
                                                                                        
                                                                            </div>         
                                </div>
                                                    </div>
                    </div>
                 
                <div class="eighteen-plus-modal-footer ">
                    <a href="https://google.com" class="leave-the-site">Exit Here</a>
                    <div class="eighteen-plus-cookies">
                        We use cookies to optimize your experience, analyze traffic, and deliver more personalized service. To learn more, please see our <a href="/privacy.php" target="_blank" rel="noopener noreferrer">Privacy Policy</a>.
                    </div>    
                </div>   
			</div>
		</div>
	</div>
</div>           

    
    

	<div class="chatroom-shadow min-site-width"></div>
<div class="chatroom-24 chatroom-container min-site-width " id="roomInterface" data-container="chatroom-desktop" aspect-sizes-class-holder="true">
	

    

	
	<div class="homepage-categories-left ">
		<ul class="homepage-categories-list scrollbar-ghost scrollbar-custom" data-transform-menu="categories-menu-container" data-transform-populate="true">
		</ul>
	</div>

	
	<div class="chatroom-private-header" data-aspect-vertical-offset="true">
					<div class="header-logo p-sm">
				<a href="/" class="view-other-models-btn" style="pointer-events: none;">
										<span class="visually-hidden">Other Models</span>
				</a>
			</div>
			</div>
	
	
<input type="radio" name="panelsControl" id="panelsOff" class="hide" checked>
<input type="radio" name="userControls"  id="userControlsOff" class="hide" checked>

<input type="radio" name="panelsControl" class="hide" id="spinWheelPanel">
<input type="radio" name="panelsControl" class="hide" id="spinWheelPanelOff">
<input type="checkbox" name="spin_wheel_active" id="spinWheelActive" class="hide">
<input type="checkbox" name="spin_wheel_anonymous_tipping" id="spinWheelAnonymousTipping" class="hide">

<input type="checkbox" name="recommended_models" id="recommendedModels" class="hide">

<!-- <input type="radio" name="panelsControl" id="hotSummerAllStarsPanelControl" class="hide"> -->


    <input type="radio" name="panelsControl" class="hide modal-control" id="panelModalOpen" data-panel>


	<div id="userState">
		<div id="device">
			<div class="room-wrapper" data-aspect-watch-resize="true" data-aspect-horizontal-margin="true">
				<div id="loadingOverlay" class="loading-overlay">
					<div class="text-center">
						<i class="loading-v2 lg"></i>
						<i class="icon-monitor"></i>
						<div class="interface-loading-text">Loading Interface</div>
					</div>
				</div>
				<div class="chat-vid-container">
					<div id="roomClose" class="room-close tooltip tip-bottom">
	<div class="close-room-icon">
		<i class="icon-x-plain"></i>
	</div>
		<span class="tip">Close this room</span>
</div>

<div class="room-min tooltip tip-bottom view-other-models-btn hide-on-minimized-chatroom" id="roomMin">
	<i class="icon-down"></i>
	
	<span class="tip">Minimize this room</span>
</div>

<div class="aspect-ratio-box">
	<img src="https://cdn5.vscdns.com/images/aspect/16x9.gif" class="aspect-ratio-image" alt="aspect ratio placeholder" data-restrict-aspect-ratio="true" data-aspect-width-scale="16" data-aspect-height-scale="9" data-aspect-min-width="770" data-aspect-s-max-width="720" data-aspect-m-max-width="1024" data-bottom-padding="8">

	<div id="endShow" class="btn danger btn-end-show">End Show</div>

	<div class="transgender-badge">
		<i class="icon-transgender"></i>
		<span>Transgender</span>
	</div>

	<div class="mini-links-info">
		<div class="mini-image">
			<i class="icon-down"></i>
		</div>
		<div class="links-info">
			<h3 class="model-screen-name"></h3>
			<div class="transgender">
				<i class="icon-transgender"></i>
				<span>Transgender</span>
			</div>
			<div class="model-room-type">
				<span class="room-state" title="Room type">Open</span>
				<span class="room-cpm" title="Credits per minute"></span>
				<div class="voyeur-info-container hide">
					<span class="voyeur-state-label">Voyeur</span>
					<span class="voyeur-cpm"></span>
				</div>
			</div>

				
			
			
			<div class="favorites mini-profile-favorite" title="add/remove this model as a favorite">
				<i class="icon-heart"></i>
				<span class="add-text">Add Favorite</span>
				<span class="remove-text">Remove Favorite</span>
			</div>
			<div class="notify mini-profile-notification" title="add/remove this model email notification">
				<i class="icon-notification"></i>
				<span class="add-text">Notify Me</span>
				<span class="remove-text">Remove Notify</span>
			</div>
			<div class="view-bio-below" title="View my bio">
				<i class="icon-female"></i>
				<i class="icon-male hide"></i>
				View Bio			</div>
					</div>
	</div>

	
<div class="tip-goal-container" style="display: none;">
	<b class="text-primary credit-goal-container">
		<span class="credit-goal">1,500</span> Credits	</b>

	<br>

	<span class="goal-description-container">
		<i class="icon-checkmark"></i> <span class="goal-description"></span>
	</span>

	<br><br>
</div>


<div class="modal-container in-chat-modal">
	<input type="radio" name="userControls" class="hide modal-control" id="tipMeterModalOpen">
	<label class="modal-shadow" for="userControlsOff"><span class="visually-hidden">user controls off</span></label>
	<div class="modal-wrap">
		<div class="modal">
			<div class="modal-header">
				<span class="panel-title">Party Goal Meter </span>
				<label class="close-modal" for="userControlsOff">X</label>
			</div>

			<div class="modal-body panel-modal">




			</div>
		</div>
	</div>
</div>

<div class="hide">
	<div class="tip-meter-component">
		<div class="text-center text-sucess">
			<h5 class="d-flex align-items-center justify-content-center"><i class="icon-trophy text-vip text-20 mr-sm"></i> TOP TIPPER: <i class="icon-star-solid ml-sm" style="color:goldenrod;"></i> <span class="biggest-tipper">---</span> <i class="icon-star-solid" style="color:goldenrod;"></i></h5>
		</div>
		<div class="line-dashed"></div>
		<div class="">
			<div class="">
				<h5></h5>
			</div>
			<h6>Goals</h6>
			<div class="line"></div>
			<div class="d-flex align-items-center">
				<div class="loading-bar" style="    transform: rotate(-90deg);">
					<div class="bar success" style="width:0%; height:14px" id="tipBar"></div>
				</div>
				<div class="flex-grid" id="tipGoalsContainer">
									</div>
			</div>
		</div>
	</div>
</div>


<div class="tip-meter-wrap concealable">
	<div class="tip-meter-winners">
		<div class="top-tipper-text">TOP TIPPER</div>
		<div class="the-top-tipper">-</div>
		<div class="text-smaller meter-status">
			<span>Meter currently at</span>
			<span class="text-success bold" id="currentCreditsReceviedForMeter" style=" ">200</span>
			<span class="meter-amount">credits</span>
		</div>
	</div>
	<div class="tip-meter">

				<div class="tip-info-bubble">
			<div class="tip-info-bubble-header">Party Goal Meter</div>
			<div class="tip-info-buble-section" id="bubbleSectionOne">
				<b>@ <span class="goal-amt">100</span> Credits</b>
				<span class="goal-description">I show my boobs and butt</span>
			</div>

			<div class="tip-info-buble-section" id="bubbleSectionTwo">
				<b>@ <span class="goal-amt">500</span> Credits</b>
				<span class="goal-description">I do Anal Action</span>
			</div>

			<div class="tip-info-buble-section" id="bubbleSectionThree">
				<b>@ <span class="goal-amt">1,500</span> Credits</b>
				<span class="goal-description">I Squirt</span>
			</div>
		</div>

				<div class="section-shadow shadow-1" style="bottom: calc(25% - 38px );"></div>
		<div class="section-shadow shadow-2" style="bottom: calc(50% - 38px );"></div>
		<div class="section-shadow shadow-3" style="bottom: calc(100% - 42px );"></div>

		<div class="tip-meter-bar">
			<div class="meter-gradient"></div>
			<div class="meter-top"></div>
			<div class="shine"></div>

						<div class="tip-section" id="sectionOne" style="bottom: 25%;">
				<div class="tip-section-title">
					<span class="tip-meter-description-1 goal-description">Show Boobs and Butt!</span>
				</div>
				<div class="tip-section-amount">
					<span class="party-goal-amt-1 goal-amt">100</span>
					<span>CREDITS NEEDED</span>
				</div>
			</div>

						<div class="tip-section" id="sectionTwo" style="bottom: 50%;">
				<div class="tip-section-title">
					<span class="tip-meter-description-2 goal-description">Anal Action!</span>
				</div>
				<div class="tip-section-amount">
					<span class="party-goal-amt-2 goal-amt">500</span>
					<span>CREDITS NEEDED</span>
				</div>
			</div>

						<div class="tip-section" id="sectionThree" style="bottom: calc(100% - 6px);">
				<div class="tip-section-title">
					<span class="tip-meter-description-3 goal-description">Squirt</span>
				</div>
				<div class="tip-section-amount">
					<span class="party-goal-amt-3 goal-amt">1,500</span>
					<span>CREDITS NEEDED</span>
				</div>
			</div>
		</div>
	</div>
</div>
	
			<div class="chatroom-right-side-actions">
			<label for="spinWheelPanel" class="spin-wheel-panel-btn btn-side" title="Show Spin the Wheel">
				<picture>
					<source srcset="https://cdn5.vscdns.com/images/chat-room/spin-the-wheel/wheel.webp" type="image/webp">
					<source srcset="https://cdn5.vscdns.com/images/chat-room/spin-the-wheel/wheel.png" type="image/png">
					<img src="https://cdn5.vscdns.com/images/chat-room/spin-the-wheel/wheel.png" alt="Spin Wheel Icon" loading="lazy">
				</picture>
			</label>
			<div class="chatroom-wheel-meter-overlay wheel-container purple visible ten-options hide">
    <label for="spinWheelPanel" class="wheel-btn hide" title="Show Spin the Wheel">
        <picture>
            <img src="https://cdn5.vscdns.com/images/chatroom/spintowin-wheel-icon-white-40.png" alt="Spin Wheel Icon" loading="lazy">
        </picture>
    </label>
    <div class="wheel-inner relative">
        <label for="panelsOff" class="wheel-close-btn absolute" title="Minimize wheel">
            <i class="icon-x-plain"></i>
        </label>
        <label for="userControlsOff" class="wheel-close-btn absolute" title="Minimize wheel">
            <i class="icon-x-plain"></i>
        </label>
        <svg id="spinWheelSVG" enable-background="new 0 0 356.7 356.7" version="1.1" viewBox="0 0 356.7 356.7" xml:space="preserve" xmlns="https://www.w3.org/2000/svg">
            <circle class="wheel-border-gradient" cx="178.9" cy="178.3" r="177.5"/>

            <g class="slices">
            <g class="wheel-three-slices">
                <g class="spinning-element spin-wheel-transition">
                <linearGradient id="aa" x1="-30.91" x2="249.39" y1="132.63" y2="145.81" gradientTransform="matrix(-.0018691 1 -1 -.0018691 356.98 .3381)" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#A34996" offset="0"/>
                    <stop stop-color="#6E2A65" offset="1"/>
                </linearGradient>
                <path d="m178.1 178.4 157.5 0.3s5.5-84.6-77.4-136.4c-81.6-48.2-158.7-0.6-158.7-0.6l78.6 136.7z" fill="url(#aa)"/>
                <linearGradient id="bl" x1="178.39" x2="178.39" y1="178.59" y2="178.59" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#2D2D34" offset="0"/>
                    <stop stop-color="#9999B8" offset=".2"/>
                    <stop stop-color="#2F303E" offset=".4"/>
                    <stop stop-color="#6D6D7F" offset=".6"/>
                    <stop stop-color="#2A2A34" offset=".8"/>
                    <stop stop-color="#555463" offset="1"/>
                </linearGradient>
                <path d="m178.4 178.6" fill="#1F1F24" stroke="url(#bl)" stroke-width="2"/>
                <linearGradient id="az" x1="-50.099" x2="434.02" y1="246.65" y2="269.41" gradientTransform="matrix(-.0018691 1 -1 -.0018691 356.98 .3381)" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#5B2661" offset="0"/>
                    <stop stop-color="#723174" offset="1"/>
                </linearGradient>
                <path d="m178.1 178.4-78.6-136.7s-78.6 41.3-78.8 136.4c-0.2 93.4 78.5 136.4 78.5 136.4l78.9-136.1z" fill="url(#az)"/>
                <linearGradient id="ch" x1="117.25" x2="409.84" y1="132.92" y2="146.68" gradientTransform="matrix(-.0018691 1 -1 -.0018691 356.98 .3381)" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#341447" offset="0"/>
                    <stop stop-color="#592B6B" offset="1"/>
                </linearGradient>
                <path d="m178.1 178.4-79 136.1s73.9 47.8 158.2 0c85.4-52.5 78-135.8 78-135.8l-157.2-0.3z" fill="url(#ch)"/>
                </g>
                <g class="slice-highlight">
                <linearGradient id="ao" x1="-37.944" x2="302.58" y1="178.57" y2="178.57" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#00FFD8" offset="0"/>
                    <stop stop-color="#00f" offset="1"/>
                </linearGradient>
                <path d="m178.4 178.5-78.7-136.4s-75.9 37.7-79.1 135.4c-0.8 94.7 79 137.5 79 137.5l78.8-136.5z" fill="url(#ao)"/>
                <g class="highlight-slice-border">
                    <path class="white-fill" d="m95.4 58.8 69.1 119.7-69 119.6c-7.1-5.1-17.3-13.4-27.3-24.9-10.5-12.1-18.9-25.4-24.8-39.5-7.4-17.5-11-36.3-10.9-56 0.7-20.5 4.9-39.7 12.5-57.2 6.1-14 14.4-27 24.6-38.6 9.5-10.8 19.1-18.4 25.8-23.1m4.3-16.7s-75.9 37.7-79.1 135.4c-0.8 94.7 79 137.5 79 137.5l78.8-136.5-78.7-136.4z"/>
                </g>
                </g>
            </g>
            <g class="wheel-four-slices">
                <g class="spinning-element spinning-transition">
                <linearGradient id="d" x1="290.61" x2="172.7" y1="69.887" y2="174.86" gradientTransform="matrix(.7071 -.7071 .7071 .7071 -73.881 178.37)" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#5B2661" offset="0"/>
                    <stop stop-color="#723174" offset="1"/>
                </linearGradient>
                <path d="m289.1 67.8v0c-61.2-61.2-160.3-61.2-221.4-0.1l110.8 110.8 110.6-110.7z" fill="url(#d)"/>

                <linearGradient id="c" x1="68.779" x2="176.91" y1="67.514" y2="180.23" gradientTransform="matrix(.7071 -.7071 .7071 .7071 -73.881 178.37)" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#A34996" offset="0"/>
                    <stop stop-color="#6E2A65" offset="1"/>
                </linearGradient>
                <path d="m67.7 67.7c-61.1 61.1-61.1 160.2 0 221.4l0.1 0.1 110.7-110.7-110.8-110.8z" fill="url(#c)"/>

                <linearGradient id="b" x1="70.872" x2="166.72" y1="291.69" y2="176.83" gradientTransform="matrix(.7071 -.7071 .7071 .7071 -73.881 178.37)" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#5B2661" offset="0"/>
                    <stop stop-color="#723174" offset="1"/>
                </linearGradient>
                <path d="m67.8 289.1c61.1 61.1 160.2 61 221.3-0.1l-110.7-110.6-110.6 110.7z" fill="url(#b)"/>

                <linearGradient id="a" x1="288.53" x2="185.03" y1="288.59" y2="185.09" gradientTransform="matrix(.7071 -.7071 .7071 .7071 -73.881 178.37)" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#A34996" offset="0"/>
                    <stop stop-color="#6E2A65" offset="1"/>
                </linearGradient>
                <path d="m178.4 178.4 110.6 110.7c61.1-61.1 61.1-160.2 0.1-221.3l-110.7 110.6z" fill="url(#a)"/>
                </g>
                <g class="slice-highlight">
                <linearGradient id="e" x1="3.4855" x2="246.62" y1="-6.6065" y2="262.09" gradientTransform="matrix(.7071 -.7071 .7071 .7071 -73.881 178.37)" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#00FFD8" offset="0"/>
                    <stop stop-color="#00f" offset="1"/>
                </linearGradient>
                <path d="m67.7 67.7c-61.1 61.1-61.1 160.2 0 221.4l0.1 0.1 110.7-110.7-110.8-110.8z" fill="url(#e)"/>
                </g>
                <g class="highlight-slice-border">
                <path class="white-fill" d="m68 85 93.4 93.4-93.4 93.4c-22.2-26.1-34.3-58.8-34.3-93.4 0.1-34.6 12.2-67.3 34.3-93.4m-0.3-17.3c-61.1 61.1-61.1 160.2 0 221.4l0.1 0.1 110.7-110.7-110.8-110.8z"/>
                </g>
            </g>

            <g class="wheel-five-slices">
                <g class="spinning-element spinning-transition">
                <linearGradient id="x" x1="122" x2="177.64" y1="24.504" y2="168.54" gradientTransform="matrix(.3107 .9505 -.9505 .3107 291.94 -45.749)" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#A34996" offset="0"/>
                    <stop stop-color="#6E2A65" offset="1"/>
                </linearGradient>
                <path d="m333.6 174.3-156.4 4.2 44.4-149.9c0.1 0 102.6 23.5 112 145.7z" fill="url(#x)"/>

                <linearGradient id="u" x1="25.25" x2="179.8" y1="227.23" y2="182.96" gradientTransform="matrix(.024965 .9997 -.9997 .024965 351.29 -4.2638)" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#5B2661" offset="0"/>
                    <stop stop-color="#723174" offset="1"/>
                </linearGradient>
                <path d="m48.1 89.4 129.1 89.1 44.4-149.9c0.1 0-103.5-35-173.5 60.8z" fill="url(#u)"/>

                <linearGradient id="v" x1="178.48" x2="176.5" y1="337.48" y2="178.99" gradientTransform="matrix(.024965 .9997 -.9997 .024965 351.29 -4.2638)" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#341447" offset="0"/>
                    <stop stop-color="#592B6B" offset="1"/>
                </linearGradient>
                <path d="m177.2 178.5-129.1-89.1s-65.4 88.4 5 184l124.1-94.9z" fill="url(#v)"/>

                <linearGradient id="n" x1="333.2" x2="181.73" y1="227.97" y2="182.49" gradientTransform="matrix(.024965 .9997 -.9997 .024965 351.29 -4.2638)" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#A34996" offset="0"/>
                    <stop stop-color="#6E2A65" offset="1"/>
                </linearGradient>
                <path d="m177.2 178.5-124.3 95.1s63.5 90.1 176.7 52.3l-52.4-147.4z" fill="url(#n)"/>

                <linearGradient id="bs" x1="274.15" x2="171.78" y1="50.833" y2="170.2" gradientTransform="matrix(.024965 .9997 -.9997 .024965 351.29 -4.2638)" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#5B2661" offset="0"/>
                    <stop stop-color="#723174" offset="1"/>
                </linearGradient>
                <path d="m333.6 174.3-156.4 4.2 52.4 147.4s104.6-31.4 104-151.6z" fill="url(#bs)"/>
                </g>
                <g class="slice-highlight">
                <linearGradient id="au" x1="-31.212" x2="249.74" y1="175.08" y2="198.17" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#00FFD8" offset="0"/>
                    <stop stop-color="#00f" offset="1"/>
                </linearGradient>
                <path d="m52.7 273.7 124.8-95-128.7-88.8s-65.4 87.5 3.9 183.8z" fill="url(#au)"/>
                <g class="highlight-slice-border">
                    <path class="white-fill" d="m52.3 106.9 104.7 72.3-101.5 77.3c-10.7-17.2-17.6-35.1-20.8-53.5-3-17.6-2.5-35.7 1.5-53.7 4.1-18.5 11.1-33.3 16.1-42.4m-3.5-17s-65.4 87.5 3.9 183.8l124.8-95-128.7-88.8z"/>
                </g>
                </g>
            </g>
            <g class="wheel-six-slices">
                <g class="spinning-element spinning-transition">
                <linearGradient id="m" x1="93.506" x2="182.81" y1="320.49" y2="187.98" gradientTransform="matrix(.5 .866 -.866 .5 243.77 -65.276)" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#341447" offset="0"/>
                    <stop stop-color="#592B6B" offset="1"/>
                </linearGradient>
                <path d="m178 178-135.5 78.2s-47.6-74 0-156.5l135.5 78.3z" fill="url(#m)"/>

                <linearGradient id="ar" x1="178.39" x2="178.39" y1="335.38" y2="190.38" gradientTransform="matrix(.866 .5 -.5 .866 113.08 -65.373)" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#5B2661" offset="0"/>
                    <stop stop-color="#723174" offset="1"/>
                </linearGradient>
                <path d="m178.3 178.5-135.5 78.2s38.2 76.7 135.5 78.2v-156.4z" fill="url(#ar)"/>

                <linearGradient id="cf" x1="342.37" x2="179.82" y1="177.44" y2="184.03" gradientTransform="matrix(.5 .866 -.866 .5 243.77 -65.276)" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#A34996" offset="0"/>
                    <stop stop-color="#6E2A65" offset="1"/>
                </linearGradient>
                <path d="m178.3 178.5 135.5 78.2s-38.1 76.4-135.5 78.2v-156.4z" fill="url(#cf)"/>

                <linearGradient id="bk" x1="326.83" x2="183.25" y1="91.999" y2="179.02" gradientTransform="matrix(.866 .5 -.5 .866 113.08 -65.373)" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#341447" offset="0"/>
                    <stop stop-color="#592B6B" offset="1"/>
                </linearGradient>
                <path d="m178.3 178.5 135.5-78.2s48.9 71.7 0 156.5l-135.5-78.3z" fill="url(#bk)"/>

                <linearGradient id="ag" x1="99.406" x2="180.06" y1="43.464" y2="171.45" gradientTransform="matrix(.5 .866 -.866 .5 243.77 -65.276)" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#5B2661" offset="0"/>
                    <stop stop-color="#723174" offset="1"/>
                </linearGradient>
                <path d="m178.3 178.5v-156.5s86.6-4.3 135.5 78.2l-135.5 78.3z" fill="url(#ag)"/>

                <linearGradient id="bo" x1="-54.248" x2="234" y1="33.376" y2="226.99" gradientTransform="matrix(.866 .5 -.5 .866 113.08 -65.373)" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#A34996" offset="0"/>
                    <stop stop-color="#6E2A65" offset="1"/>
                </linearGradient>
                <path d="m178.3 22v156.5l-135.5-78.2s37.8-76.8 135.5-78.3z" fill="url(#bo)"/>
                </g>
                <g class="slice-highlight">
                <linearGradient id="bf" x1="-54.252" x2="234" y1="33.373" y2="226.99" gradientTransform="matrix(.866 -.5 .5 .866 -65.426 113.13)" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#00FFD8" offset="0"/>
                    <stop stop-color="#00f" offset="1"/>
                </linearGradient>
                <path d="m42.9 100.3 135.5 78.3-135.5 78.2s-47.6-71.1 0-156.5z" fill="url(#bf)"/>
                <g class="highlight-slice-border">
                    <path class="white-fill" d="m47.8 117 106.6 61.6-106.9 61.7c-3.6-7.5-8.1-18.9-11-33.1-3.1-15.1-3.7-30.5-1.8-45.6s6.3-30 13.1-44.6m-4.9-16.7c-47.6 85.4 0 156.5 0 156.5l135.5-78.2-135.5-78.3z"/>
                </g>
                </g>
            </g>
            <g class="wheel-seven-slices">
                <g class="spinning-element spinning-transition">
                <linearGradient id="bq" x1="107.88" x2="182.23" y1="33.258" y2="178.43" gradientTransform="matrix(-.0019063 1 -1 -.0019063 357.13 .7262)" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#341447" offset="0"/>
                    <stop stop-color="#592B6B" offset="1"/>
                </linearGradient>
                <path d="m178.2 178.8 157.5 0.3s4.7-72.2-59-123.2l-98.5 122.9z" fill="url(#bq)"/>

                <linearGradient id="ai" x1="174.02" x2="24.546" y1="185.27" y2="142.62" gradientTransform="matrix(-.0019063 1 -1 -.0019063 357.13 .7262)" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#5B2661" offset="0"/>
                    <stop stop-color="#723174" offset="1"/>
                </linearGradient>
                <path d="m178.2 178.8-34.9-153.7s70.8-20 133.4 30.8l-98.5 122.9z" fill="url(#ai)"/>

                <linearGradient id="bj" x1="54.703" x2="176.4" y1="277.57" y2="179.35" gradientTransform="matrix(-.0019063 1 -1 -.0019063 357.13 .7262)" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#A34996" offset="0"/>
                    <stop stop-color="#6E2A65" offset="1"/>
                </linearGradient>
                <path d="m178.2 178.8-142-68.4s30-69.1 107.1-85.3l34.9 153.7z" fill="url(#bj)"/>

                <linearGradient id="cb" x1="178.72" x2="177.54" y1="337.09" y2="180.96" gradientTransform="matrix(-.0019063 1 -1 -.0019063 357.13 .7262)" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#5B2661" offset="0"/>
                    <stop stop-color="#723174" offset="1"/>
                </linearGradient>
                <path d="m178.2 178.8-142 68.3s-35.2-61.9 0-136.7l142 68.4z" fill="url(#cb)"/>

                <linearGradient id="bt" x1="216.72" x2="160.2" y1="336.89" y2="189.06" gradientTransform="matrix(.6258 .78 -.78 .6258 206.07 -72.093)" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#341447" offset="0"/>
                    <stop stop-color="#592B6B" offset="1"/>
                </linearGradient>
                <path d="m178.2 178.8-35.3 153.6s-68-9.4-106.7-85.2l142-68.4z" fill="url(#bt)"/>

                <linearGradient id="ae" x1="333.95" x2="183.3" y1="142.79" y2="180.75" gradientTransform="matrix(-.0019063 1 -1 -.0019063 357.13 .7262)" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#A34996" offset="0"/>
                    <stop stop-color="#6E2A65" offset="1"/>
                </linearGradient>
                <path d="m178.2 178.8 97.8 123.4s-54 48.2-133.2 30.1l35.4-153.5z" fill="url(#ae)"/>

                <linearGradient id="ce" x1="178.92" x2="245.44" y1="175.53" y2="39.75" gradientTransform="matrix(-.0019063 1 -1 -.0019063 357.13 .7262)" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#5B2661" offset="0"/>
                    <stop stop-color="#723174" offset="1"/>
                </linearGradient>
                <path d="m178.2 178.8 157.5 0.3s3.4 73.8-59.7 123.2l-97.8-123.5z" fill="url(#ce)"/>
                </g>
                <g class="slice-highlight">
                <linearGradient id="at" x1="-96.44" x2="283.91" y1="172.24" y2="190.5" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#00FFD8" offset="0"/>
                    <stop stop-color="#00f" offset="1"/>
                </linearGradient>
                <path d="m178.4 178.6-142 68.5s-35.4-64.5 0.1-136.9l141.9 68.4z" fill="url(#at)"/>
                <g class="highlight-slice-border">
                    <path class="white-fill" d="m42.4 126.4 108.3 52.2-108.3 52.3c-2.5-6.7-5.6-16.4-7.6-28.1-4.5-26.5-1.9-52.2 7.6-76.4m-5.9-16.2c-35.5 72.3-0.1 136.9-0.1 136.9l142-68.5-141.9-68.4z"/>
                </g>
                </g>
            </g>
            <g class="wheel-eight-slices">
                <g class="spinning-element spinning-transition">
                <linearGradient id="h" x1="37.084" x2="426.76" y1="-49.883" y2="378.24" gradientTransform="matrix(.3827 -.9239 .9239 .3827 -54.613 274.86)" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#A34996" offset="0"/>
                    <stop stop-color="#6E2A65" offset="1"/>
                </linearGradient>
                <path d="m33.1 118.1c-16.7 40.2-15.4 83.3 0.1 120.5l145.5-60.3-145.6-60.2z" fill="url(#h)"/>

                <linearGradient id="aj" x1="58.756" x2="448.43" y1="-69.609" y2="358.52" gradientTransform="matrix(.3827 -.9239 .9239 .3827 -54.613 274.86)" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#5B2661" offset="0"/>
                    <stop stop-color="#723174" offset="1"/>
                </linearGradient>
                <path d="m118.4 33c-37.3 15.4-68.6 45-85.3 85.2l145.5 60.3-60.2-145.5z" fill="url(#aj)"/>

                <linearGradient id="av" x1="58.817" x2="448.49" y1="-69.664" y2="358.46" gradientTransform="matrix(.3827 -.9239 .9239 .3827 -54.613 274.86)" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#A34996" offset="0"/>
                    <stop stop-color="#6E2A65" offset="1"/>
                </linearGradient>
                <path d="m238.8 33.2c-0.1 0-0.2-0.1-0.3-0.1-40-16.6-83-15.4-120.1-0.1l60.2 145.4 60.2-145.2z" fill="url(#av)"/>

                <linearGradient id="g" x1="43.6" x2="433.27" y1="-55.813" y2="372.31" gradientTransform="matrix(.3827 -.9239 .9239 .3827 -54.613 274.86)" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#341447" offset="0"/>
                    <stop stop-color="#592B6B" offset="1"/>
                </linearGradient>
                <path d="m323.7 118.3c-15.3-37.2-44.9-68.5-84.9-85.2l-60.2 145.2 145.1-60z" fill="url(#g)"/>

                <linearGradient id="bz" x1="-57.396" x2="332.28" y1="36.11" y2="464.24" gradientTransform="matrix(.3827 -.9239 .9239 .3827 -54.613 274.86)" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#A34996" offset="0"/>
                    <stop stop-color="#6E2A65" offset="1"/>
                </linearGradient>
                <path d="m238.8 323.5c37.1-15.4 68.3-45 84.9-85l-145-60.1 60.1 145.1z" fill="url(#bz)"/>

                <linearGradient id="ap" x1="-42.394" x2="347.28" y1="22.456" y2="450.58" gradientTransform="matrix(.3827 -.9239 .9239 .3827 -54.613 274.86)" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#5B2661" offset="0"/>
                    <stop stop-color="#723174" offset="1"/>
                </linearGradient>
                <path d="m33.2 238.7c15.4 37.1 45 68.3 85 84.9 0.1 0 0.2 0.1 0.3 0.1l60.2-145.3-145.5 60.3z" fill="url(#ap)"/>

                <linearGradient id="k" x1="-35.725" x2="353.95" y1="16.386" y2="444.51" gradientTransform="matrix(.3827 -.9239 .9239 .3827 -54.613 274.86)" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#5B2661" offset="0"/>
                    <stop stop-color="#723174" offset="1"/>
                </linearGradient>
                <path d="m178.7 178.4 145 60.1c16.6-40 15.4-83 0.1-120.1l-145.1 60z" fill="url(#k)"/>

                <linearGradient id="j" x1="-57.464" x2="332.21" y1="36.173" y2="464.3" gradientTransform="matrix(.3827 -.9239 .9239 .3827 -54.613 274.86)" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#341447" offset="0"/>
                    <stop stop-color="#592B6B" offset="1"/>
                </linearGradient>
                <path d="m118.5 323.7c40.1 16.5 83.1 15.2 120.3-0.2l-60.1-145.1-60.2 145.3z" fill="url(#j)"/>
                </g>
                <g class="slice-highlight">
                <linearGradient id="bw" x1="-42.394" x2="347.28" y1="22.456" y2="450.58" gradientTransform="matrix(.9239 -.3827 .3827 .9239 -54.625 81.822)" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#00FFD8" offset="0"/>
                    <stop stop-color="#00f" offset="1"/>
                </linearGradient>
                <path d="m33.1 118.3c-15.3 37.1-16.5 80.1 0.1 120.2 0 0.1 0.1 0.2 0.1 0.3l145.3-60.2-145.5-60.3z" fill="url(#bw)"/>
                <g class="highlight-slice-border">
                    <path class="white-fill" d="m40 134.2 107.2 44.4-107 44.3c-9.4-28.9-9.5-59.7-0.2-88.7m-6.9-15.9c-15.3 37.1-16.5 80.1 0.1 120.2 0 0.1 0.1 0.2 0.1 0.3l145.3-60.2-145.5-60.3z"/>
                </g>
                </g>
            </g>
            <g class="wheel-nine-slices">
                <g class="spinning-element spinning-transition">
                <linearGradient id="ca" x1="76.944" x2="178.38" y1="99.49" y2="99.49" gradientTransform="matrix(.6413 .7673 -.7673 .6413 200.88 -72.668)" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#A34996" offset="0"/>
                    <stop stop-color="#6E2A65" offset="1"/>
                </linearGradient>
                <path d="m178.2 178.8 121.4-101.5s-29.2-41.7-93.4-54.1l-28 155.6z" fill="url(#ca)"/>

                <linearGradient id="cg" x1="22.927" x2="178.38" y1="118" y2="118" gradientTransform="matrix(.6413 .7673 -.7673 .6413 200.88 -72.668)" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#5B2661" offset="0"/>
                    <stop stop-color="#723174" offset="1"/>
                </linearGradient>
                <path d="m178.2 178.8-78.4-137.1s45.4-29.4 106.4-18.5l-28 155.6z" fill="url(#cg)"/>

                <linearGradient id="bm" x1="21.478" x2="178.38" y1="204.06" y2="204.06" gradientTransform="matrix(.6413 .7673 -.7673 .6413 200.88 -72.668)" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#341447" offset="0"/>
                    <stop stop-color="#592B6B" offset="1"/>
                </linearGradient>
                <path d="m178.2 178.8-148-54.5s12.8-45.3 69.6-82.6l78.4 137.1z" fill="url(#bm)"/>

                <linearGradient id="bd" x1="41.697" x2="178.38" y1="252.66" y2="252.66" gradientTransform="matrix(.6413 .7673 -.7673 .6413 200.88 -72.668)" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#A34996" offset="0"/>
                    <stop stop-color="#6E2A65" offset="1"/>
                </linearGradient>
                <path d="m178.2 178.8-148.2 53.5s-21.3-49.3 0.2-107.9l148 54.4z" fill="url(#bd)"/>

                <linearGradient id="w" x1="124.36" x2="232.41" y1="257.51" y2="257.51" gradientTransform="matrix(.6413 .7673 -.7673 .6413 200.88 -72.668)" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#5B2661" offset="0"/>
                    <stop stop-color="#723174" offset="1"/>
                </linearGradient>
                <path d="m178.2 178.8-78.9 136.4s-48.8-24.3-69.3-82.9l148.2-53.5z" fill="url(#w)"/>

                <linearGradient id="am" x1="178.38" x2="315.12" y1="252.65" y2="252.65" gradientTransform="matrix(.6413 .7673 -.7673 .6413 200.88 -72.668)" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#341447" offset="0"/>
                    <stop stop-color="#592B6B" offset="1"/>
                </linearGradient>
                <path d="m178.2 178.8 27.4 155.3s-53.2 11.9-106.3-18.9l78.9-136.4z" fill="url(#am)"/>

                <linearGradient id="bg" x1="178.38" x2="336.52" y1="204.07" y2="204.07" gradientTransform="matrix(.6413 .7673 -.7673 .6413 200.88 -72.668)" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#A34996" offset="0"/>
                    <stop stop-color="#6E2A65" offset="1"/>
                </linearGradient>
                <path d="m178.2 178.8 121 101.5s-32.4 44.2-93.6 53.9l-27.4-155.4z" fill="url(#bg)"/>

                <linearGradient id="y" x1="178.38" x2="333.75" y1="118.01" y2="118.01" gradientTransform="matrix(.6413 .7673 -.7673 .6413 200.88 -72.668)" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#5B2661" offset="0"/>
                    <stop stop-color="#723174" offset="1"/>
                </linearGradient>
                <path d="m178.2 178.8 158.1 0.1s2.9 56.1-37.2 101.4l-120.9-101.5z" fill="url(#y)"/>

                <linearGradient id="aw" x1="178.36" x2="279.83" y1="99.534" y2="99.534" gradientTransform="matrix(.6413 .7673 -.7673 .6413 200.88 -72.668)" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#341447" offset="0"/>
                    <stop stop-color="#592B6B" offset="1"/>
                </linearGradient>
                <path d="m336.3 178.8c0.3-61.5-36.8-101.5-36.8-101.5l-121.3 101.5h158.1z" fill="url(#aw)"/>
                </g>
                <g class="slice-highlight">
                <linearGradient id="o" x1="-37.672" x2="207.21" y1="177.7" y2="179.28" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#00FFD8" offset="0"/>
                    <stop stop-color="#00f" offset="1"/>
                </linearGradient>
                <path d="m178.1 178.5-148.3 53.7s-19.4-42.9 0.1-108l148.2 54.3z" fill="url(#o)"/>
                <g class="highlight-slice-border">
                    <path class="white-fill" d="m38 139.9 105 38.5-105.7 38.3c-1.1-4.4-2.3-10-3.1-16.7-1.6-13.7-2.1-34.6 3.8-60.1m-8.2-15.8c-19.5 65.2-0.1 108-0.1 108l148.3-53.6-148.2-54.4z"/>
                </g>
                </g>
            </g>
            <g class="wheel-ten-slices">
                <g class="spinning-element spinning-transition">
                <linearGradient id="ad" x1="226.88" x2="173.67" y1="326.71" y2="186.36" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#5B2661" offset="0"/>
                    <stop stop-color="#723174" offset="1"/>
                </linearGradient>
                <path d="m178.4 178.6 92.5 127.3s-38 30.5-92.5 30.1v-157.4z" fill="url(#ad)"/>

                <linearGradient id="aq" x1="129.02" x2="182.23" y1="27.538" y2="181.45" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#5B2661" offset="0"/>
                    <stop stop-color="#723174" offset="1"/>
                </linearGradient>
                <path d="m178.4 178.6-0.1-157.4s-48.4-2.3-92.6 30.2l92.7 127.2z" fill="url(#aq)"/>

                <linearGradient id="bx" x1="20.988" x2="178.39" y1="178.87" y2="178.87" gradientTransform="matrix(.8083 .5888 -.5888 .8083 139.33 -70.821)" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#A34996" offset="0"/>
                    <stop stop-color="#6E2A65" offset="1"/>
                </linearGradient>
                <path d="m178.4 178.6-149.7-48.6s12.4-46.7 57.1-78.7l92.6 127.3z" fill="url(#bx)"/>

                <linearGradient id="ak" x1="23.671" x2="169.76" y1="178.81" y2="174.11" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#5B2661" offset="0"/>
                    <stop stop-color="#723174" offset="1"/>
                </linearGradient>
                <path d="m178.4 178.6-149.7 48.7s-17.5-44.7-0.1-97.3l149.8 48.6z" fill="url(#ak)"/>

                <linearGradient id="r" x1="49.094" x2="165.44" y1="273.01" y2="182.75" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#341447" offset="0"/>
                    <stop stop-color="#592B6B" offset="1"/>
                </linearGradient>
                <path d="m178.4 178.6-92.5 127.3s-39.7-25.5-57.2-78.6l149.7-48.7z" fill="url(#r)"/>

                <linearGradient id="i" x1="129.61" x2="173.96" y1="328.61" y2="196.09" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#A34996" offset="0"/>
                    <stop stop-color="#6E2A65" offset="1"/>
                </linearGradient>
                <path d="m178.4 178.6 0.1 157.4s-47.8 2.3-92.5-30l92.4-127.4z" fill="url(#i)"/>

                <linearGradient id="an" x1="309.05" x2="185.4" y1="273.46" y2="183.2" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#341447" offset="0"/>
                    <stop stop-color="#592B6B" offset="1"/>
                </linearGradient>
                <path d="m178.4 178.6 149.7 48.6s-12 46.2-57.2 78.7l-92.5-127.3z" fill="url(#an)"/>

                <linearGradient id="bu" x1="340.59" x2="178.85" y1="178.36" y2="179.92" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#A34996" offset="0"/>
                    <stop stop-color="#6E2A65" offset=".6758"/>
                </linearGradient>
                <path d="m178.4 178.6 149.7-48.7s17.7 45.5 0 97.3l-149.7-48.6z" fill="url(#bu)"/>

                <linearGradient id="bp" x1="312.15" x2="177.55" y1="82.14" y2="170.84" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#5B2661" offset="0"/>
                    <stop stop-color="#723174" offset="1"/>
                </linearGradient>
                <path d="m178.4 178.6 92.5-127.4s41 26.6 57.1 78.7l-149.6 48.7z" fill="url(#bp)"/>

                <linearGradient id="p" x1="228.13" x2="175.95" y1="25.784" y2="179.18" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#341447" offset="0"/>
                    <stop stop-color="#592B6B" offset="1"/>
                </linearGradient>
                <path d="m178.4 178.6-0.1-157.4s47.2-2.7 92.6 30.1l-92.5 127.3z" fill="url(#p)"/>
                </g>
                <g class="slice-highlight">
                <linearGradient id="s" x1="-24.027" x2="227.94" y1="179.14" y2="177.96" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#00FFD8" offset="0"/>
                    <stop stop-color="#00f" offset="1"/>
                </linearGradient>
                <path d="m178.4 178.6-149.6 48.9s-17.5-45.1-0.2-97.2l149.8 48.3z" fill="url(#s)"/>
                <g class="highlight-slice-border">
                    <path class="white-fill" d="m35.3 143 110.7 35.7-110.6 36.1c-1.2-4.6-2.5-10.8-3.3-18.2-1.6-13.1-2.1-32.4 3.2-53.6m-6.7-12.7c-17.2 52.1 0.2 97.2 0.2 97.2l149.6-48.9-149.8-48.3z"/>
                </g>
                </g>
            </g>
            <g class="wheel-eleven-slices">
                <g class="spinning-element spinning-transition">
                <linearGradient id="bh" x1="111.62" x2="179.2" y1="32.537" y2="178.39" gradientTransform="matrix(.8416 .5401 -.5401 .8416 124.75 -67.856)" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#5B2661" offset="0"/>
                    <stop stop-color="#723174" offset="1"/>
                </linearGradient>
                <path d="m243.8 35.5-65.3 143.3-22.6-156.1s43.4-8.3 87.9 12.8z" fill="url(#bh)"/>

                <linearGradient id="cc" x1="38.94" x2="174.12" y1="88.419" y2="180.91" gradientTransform="matrix(.8416 .5401 -.5401 .8416 124.75 -67.856)" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#341447" offset="0"/>
                    <stop stop-color="#592B6B" offset="1"/>
                </linearGradient>
                <path d="m178.4 178.8-103.3-119.1s30.8-29.6 80.8-36.9l22.5 156z" fill="url(#cc)"/>

                <linearGradient id="ac" x1="10.586" x2="177.49" y1="178.47" y2="179.07" gradientTransform="matrix(.8416 .5401 -.5401 .8416 124.75 -67.856)" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#A34996" offset="0"/>
                    <stop stop-color="#6E2A65" offset="1"/>
                </linearGradient>
                <path d="m75.1 59.7c-38.7 34.7-47.9 74.8-47.9 74.8l151.2 44.3-103.3-119.1z" fill="url(#ac)"/>

                <linearGradient id="ay" x1="41.571" x2="177.14" y1="266.64" y2="177.31" gradientTransform="matrix(.8416 .5401 -.5401 .8416 124.75 -67.856)" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#5B2661" offset="0"/>
                    <stop stop-color="#723174" offset="1"/>
                </linearGradient>
                <path d="m178.4 178.8-151 44.5s-14.3-40.5-0.2-88.7l151.2 44.2z" fill="url(#ay)"/>

                <linearGradient id="l" x1="112.86" x2="176.5" y1="322.18" y2="179.49" gradientTransform="matrix(.8416 .5401 -.5401 .8416 124.75 -67.856)" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#341447" offset="0"/>
                    <stop stop-color="#592B6B" offset="1"/>
                </linearGradient>
                <path d="m178.4 178.8-103 118.9s-33.7-26-48.1-74.5l151.1-44.4z" fill="url(#l)"/>

                <linearGradient id="by" x1="200.82" x2="177.1" y1="334.01" y2="183.42" gradientTransform="matrix(.8416 .5401 -.5401 .8416 124.75 -67.856)" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#A34996" offset="0"/>
                    <stop stop-color="#6E2A65" offset="1"/>
                </linearGradient>
                <path d="m178.4 178.8-22.3 155.6s-43.3-4-80.7-36.7l103-118.9z" fill="url(#by)"/>

                <linearGradient id="cd" x1="281.53" x2="183.5" y1="297.86" y2="178.49" gradientTransform="matrix(.8416 .5401 -.5401 .8416 124.75 -67.856)" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#5B2661" offset="0"/>
                    <stop stop-color="#723174" offset="1"/>
                </linearGradient>
                <path d="m178.4 178.8 65.4 142.9s-37.8 20-87.7 12.7l22.3-155.6z" fill="url(#cd)"/>

                <linearGradient id="ab" x1="330.77" x2="182.15" y1="223.23" y2="180.94" gradientTransform="matrix(.8416 .5401 -.5401 .8416 124.75 -67.856)" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#341447" offset="0"/>
                    <stop stop-color="#592B6B" offset="1"/>
                </linearGradient>
                <path d="m178.4 178.8 132.3 84.9s-20.9 37.6-67 58l-65.3-142.9z" fill="url(#ab)"/>

                <linearGradient id="t" x1="332.33" x2="178.58" y1="133.9" y2="170.27" gradientTransform="matrix(.8416 .5401 -.5401 .8416 124.75 -67.856)" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#A34996" offset="0"/>
                    <stop stop-color="#6E2A65" offset="1"/>
                </linearGradient>
                <path d="m178.4 178.8 157.4-0.1s2.4 42.1-25 85l-132.4-84.9z" fill="url(#t)"/>

                <linearGradient id="ax" x1="283.88" x2="179.53" y1="57.049" y2="176.81" gradientTransform="matrix(.8416 .5401 -.5401 .8416 124.75 -67.856)" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#5B2661" offset="0"/>
                    <stop stop-color="#723174" offset="1"/>
                </linearGradient>
                <path d="m178.4 178.9 132.5-85.2s25.9 36.8 24.9 85.1l-157.4 0.1z" fill="url(#ax)"/>

                <linearGradient id="br" x1="201.14" x2="178.22" y1="20.716" y2="175.26" gradientTransform="matrix(.8416 .5401 -.5401 .8416 124.75 -67.856)" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#341447" offset="0"/>
                    <stop stop-color="#592B6B" offset="1"/>
                </linearGradient>
                <path d="m178.4 178.8 65.3-143.3s40.8 16.4 67.1 58.1l-132.4 85.2z" fill="url(#br)"/>
                </g>
                <g class="slice-highlight">
                <path d="m178.4 178.6" fill="#1F1F24" stroke="url(#SVGID_00000010277656641303889450000010627329317802716335_)" stroke-width="2"/>
                <linearGradient id="af" x1="-27.77" x2="225.25" y1="178.53" y2="178.53" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#00FFD8" offset="0"/>
                    <stop stop-color="#00f" offset="1"/>
                </linearGradient>
                <path d="m27.1 134.1c-13.8 50.2 0.1 88.8 0.1 88.8l151.2-44.4-151.3-44.4z" fill="url(#af)"/>
                <g class="highlight-slice-border">
                    <path class="white-fill" d="m33.6 145.4 112.8 33.2-113 33.2c-2.6-12.2-6.1-36.8 0.2-66.4m-6.5-11.3c-13.8 50.2 0.1 88.8 0.1 88.8l151.2-44.4-151.3-44.4z"/>
                </g>
                </g>
            </g>
            <g class="wheel-twelve-slices">
                <g class="spinning-element spinning-transition">
                <linearGradient id="ba" x1="178.35" x2="180.44" y1="15.268" y2="177.01" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#A34996" offset="0"/>
                    <stop stop-color="#6E2A65" offset="1"/>
                </linearGradient>
                <path d="m178.3 178.5 40.8-152.1s-37.9-11.9-81.3 0l40.5 152.1z" fill="url(#ba)"/>

                <linearGradient id="z" x1="98.546" x2="178.37" y1="39.848" y2="180.72" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#5B2661" offset="0"/>
                    <stop stop-color="#723174" offset="1"/>
                </linearGradient>
                <path d="m178.3 178.5-40.5-152s-41.3 9.9-70.7 40.7l111.2 111.3z" fill="url(#z)"/>

                <linearGradient id="bi" x1="34.892" x2="174.2" y1="94.384" y2="188.82" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#341447" offset="0"/>
                    <stop stop-color="#592B6B" offset="1"/>
                </linearGradient>
                <path d="m178.3 178.5-151.8-40.7s8.3-38 40.7-70.5l111.1 111.2z" fill="url(#bi)"/>

                <linearGradient id="q" x1="15.723" x2="179.55" y1="178.9" y2="172.12" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#A34996" offset="0"/>
                    <stop stop-color="#6E2A65" offset="1"/>
                </linearGradient>
                <path d="m178.3 178.5-151.7 40.7s-12.1-34.8-0.1-81.4l151.8 40.7z" fill="url(#q)"/>

                <linearGradient id="be" x1="35.289" x2="164.68" y1="261.68" y2="180.28" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#5B2661" offset="0"/>
                    <stop stop-color="#723174" offset="1"/>
                </linearGradient>
                <path d="m178.3 178.5-111.1 111.1s-29.4-27.1-40.7-70.4l151.8-40.7z" fill="url(#be)"/>

                <linearGradient id="al" x1="97.998" x2="170.52" y1="318.31" y2="180.04" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#341447" offset="0"/>
                    <stop stop-color="#592B6B" offset="1"/>
                </linearGradient>
                <path d="m178.3 178.5-40.8 151.7s-40-9.2-70.3-40.7l111.1-111z" fill="url(#al)"/>

                <linearGradient id="bb" x1="178.9" x2="171.07" y1="344.46" y2="182.2" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#A34996" offset="0"/>
                    <stop stop-color="#6E2A65" offset="1"/>
                </linearGradient>
                <path d="m178.3 178.5 40.5 151.8s-37.5 12.2-81.3-0.1l40.8-151.7z" fill="url(#bb)"/>

                <linearGradient id="bc" x1="259.16" x2="175.16" y1="318.1" y2="182.97" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#5B2661" offset="0"/>
                    <stop stop-color="#723174" offset="1"/>
                </linearGradient>
                <path d="m178.3 178.5 111.1 111.3s-27 29.4-70.5 40.5l-40.6-151.8z" fill="url(#bc)"/>

                <linearGradient id="bv" x1="320.37" x2="183.15" y1="261.46" y2="171.73" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#341447" offset="0"/>
                    <stop stop-color="#592B6B" offset="1"/>
                </linearGradient>
                <path d="m178.3 178.5 151.9 40.8s-8.4 38.4-40.8 70.4l-111.1-111.2z" fill="url(#bv)"/>

                <linearGradient id="ci" x1="344.29" x2="186.86" y1="178.87" y2="176.26" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#A34996" offset="0"/>
                    <stop stop-color="#6E2A65" offset="1"/>
                </linearGradient>
                <path d="m178.3 178.5 152-40.6s12.3 37.7-0.1 81.5l-151.9-40.9z" fill="url(#ci)"/>

                <linearGradient id="bn" x1="316.69" x2="182.6" y1="99.181" y2="168.05" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#5B2661" offset="0"/>
                    <stop stop-color="#723174" offset="1"/>
                </linearGradient>
                <path d="m178.3 178.5 111.4-111.2s29.3 26.7 40.6 70.6l-152 40.6z" fill="url(#bn)"/>

                <linearGradient id="as" x1="258.05" x2="174.05" y1="40.976" y2="178.72" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#341447" offset="0"/>
                    <stop stop-color="#592B6B" offset="1"/>
                </linearGradient>
                <path d="m178.3 178.5 40.8-152.1s39.2 9.2 70.6 40.8l-111.4 111.3z" fill="url(#as)"/>
                </g>
                <g class="slice-highlight">
                <linearGradient id="ah" x1="-32.165" x2="247.11" y1="175.83" y2="188.96" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#00FFD8" offset="0"/>
                    <stop stop-color="#00f" offset="1"/>
                </linearGradient>
                <path d="m178.4 178.6-151.9 40.7s-11.8-37.1-0.1-81.4l152 40.7z" fill="url(#ah)"/>
                <g class="highlight-slice-border">
                    <path class="white-fill" d="m32.3 147.7 115.2 30.9-115.2 30.9c-2.3-11.5-5.5-34.8 0-61.8m-5.9-9.8c-11.8 44.4 0.1 81.4 0.1 81.4l151.9-40.7-152-40.7z"/>
                </g>
                </g>
            </g>
            </g>

            <g class="middle-dial">
            <linearGradient id="f" x1="142.2" x2="221.51" y1="138.71" y2="225.84" gradientTransform="matrix(.7071 -.7071 .7071 .7071 -73.881 178.37)" gradientUnits="userSpaceOnUse">
                <stop stop-color="#314E52" offset="0"/>
                <stop stop-color="#02ECED" offset="1"/>
            </linearGradient>
            <circle cx="178.4" cy="178.4" r="17" fill="url(#f)"/>
            </g>

            <g class="spinning-element spinning-transition">
            <circle class="teal-fill" cx="60.4" cy="60.8" r="4"/>
            <circle class="teal-fill" cx="60.4" cy="296.8" r="4"/>
            <circle class="teal-fill" cx="296.4" cy="295.8" r="4"/>
            <circle class="teal-fill" cx="296.4" cy="60.8" r="4"/>
            <circle class="magenta-fill" cx="11.4" cy="178.8" r="4"/>
            <circle class="magenta-fill" cx="178.4" cy="344.8" r="4"/>
            <circle class="magenta-fill" cx="345.4" cy="178.8" r="4"/>
            <circle class="magenta-fill" cx="178.4" cy="11.8" r="4"/>
            <circle class="magenta-fill" cx="322.4" cy="94.8" r="4"/>
            <circle class="magenta-fill" cx="261.4" cy="322.8" r="4"/>
            <circle class="magenta-fill" cx="34.4" cy="261.8" r="4"/>
            <circle class="magenta-fill" cx="95.4" cy="33.8" r="4"/>
            <circle class="magenta-fill" cx="95.4" cy="322.8" r="4"/>
            <circle class="magenta-fill" cx="322.4" cy="261.8" r="4"/>
            <circle class="magenta-fill" cx="261.4" cy="33.8" r="4"/>
            <circle class="magenta-fill" cx="34.4" cy="94.8" r="4"/>
            <circle class="teal-fill" cx="135.4" cy="339.8" r="4"/>
            <circle class="teal-fill" cx="17.4" cy="135.8" r="4"/>
            <circle class="teal-fill" cx="221.4" cy="17.8" r="4"/>
            <circle class="teal-fill" cx="339.4" cy="221.8" r="4"/>
            <circle class="teal-fill" cx="221.4" cy="339.8" r="4"/>
            <circle class="teal-fill" cx="339.4" cy="135.8" r="4"/>
            <circle class="teal-fill" cx="135.4" cy="17.8" r="4"/>
            <circle class="teal-fill" cx="17.4" cy="221.8" r="4"/>
            </g>
            <g class="spinning-element spinning-transition">
            <g class="wheel-three-slices">
                <text class="slice-text" transform="matrix(1 .00283 -.00283 1 38.271 182.22)">RESULT</text>
                <text class="slice-text" transform="matrix(-.4946 -.8692 .8692 -.4946 251.02 297.73)">RESULT</text>
                <text class="slice-text" transform="matrix(-.5041 .8637 -.8637 -.5041 245.1 55.265)">RESULT</text>
            </g>
            <g class="wheel-four-slices">
                <text class="slice-text" transform="translate(42.59 182.4)">RESULT</text>
                <text class="slice-text" transform="matrix(0 -1 1 0 183.11 324.67)">RESULT</text>
                <text class="slice-text" transform="matrix(-1 0 0 -1 325.07 175.36)">RESULT2</text>
                <text class="slice-text" transform="matrix(0 1 -1 0 176.06 33.078)">RESULT3</text>
            </g>
            <g class="wheel-five-slices">
                <text class="slice-text" transform="matrix(1 .00283 -.00283 1 38.271 182.22)">RESULT</text>
                <text class="slice-text" transform="matrix(.3122 -.95 .95 .3122 137.79 311.94)">RESULT</text>
                <text class="slice-text" transform="matrix(-.8056 -.5925 .5925 -.8056 292.01 257.96)">RESULT</text>
                <text class="slice-text" transform="matrix(-.8105 .5858 -.5858 -.8105 287.99 93.862)">RESULT</text>
                <text class="slice-text" transform="matrix(.308 .9514 -.9514 .308 130.63 47.25)">RESULT</text>
            </g>
            <g class="wheel-six-slices">
                <text class="slice-text" transform="translate(39.186 182.4)">RESULT</text>
                <text class="slice-text" transform="matrix(.5 -.866 .866 .5 112.04 300.93)">RESULT</text>
                <text class="slice-text" transform="matrix(-.5 -.866 .866 -.5 251.06 297.28)">RESULT</text>
                <text class="slice-text" transform="matrix(-1 0 0 -1 317.27 174.73)">RESULT</text>
                <text class="slice-text" transform="matrix(-.5 .866 -.866 -.5 244.42 56.208)">RESULT</text>
                <text class="slice-text" transform="matrix(.5 .866 -.866 .5 105.39 59.861)">RESULT</text>
            </g>
            <g class="wheel-seven-slices">
                <text class="slice-text" transform="translate(37.801 182.4)">RESULT</text>
                <text class="slice-text" transform="matrix(.6183 -.786 .786 .6183 94.385 291.25)">RESULT</text>
                <text class="slice-text" transform="matrix(-.2254 -.9743 .9743 -.2254 213.49 314.66)">RESULT</text>
                <text class="slice-text" transform="matrix(-.9034 -.4289 .4289 -.9034 306.55 235.66)">RESULT</text>
                <text class="slice-text" transform="matrix(-.8992 .4376 -.4376 -.8992 302.88 114.02)">RESULT</text>
                <text class="slice-text" transform="matrix(-.2203 .9754 -.9754 -.2203 205.64 40.99)">RESULT</text>
                <text class="slice-text" transform="matrix(.6258 .78 -.78 .6258 87.455 71.541)">RESULT</text>
            </g>
            <g class="wheel-eight-slices">
                <text class="slice-text" transform="translate(37.801 182.4)">RESULT</text>
                <text class="slice-text" transform="matrix(.7071 -.7071 .7071 .7071 81.918 280.62)">RESULT</text>
                <text class="slice-text" transform="matrix(0 -1 1 0 182.47 318.92)">RESULT</text>
                <text class="slice-text" transform="matrix(-.7071 -.7071 .7071 -.7071 280.69 274.8)">RESULT</text>
                <text class="slice-text" transform="matrix(-1 0 0 -1 318.99 174.25)">RESULT</text>
                <text class="slice-text" transform="matrix(-.7071 .7071 -.7071 -.7071 274.87 76.028)">RESULT</text>
                <text class="slice-text" transform="matrix(0 1 -1 0 174.32 37.732)">RESULT</text>
                <text class="slice-text" transform="matrix(.7071 .7071 -.7071 .7071 76.097 81.848)">RESULT</text>
            </g>
            <g class="wheel-nine-slices">
                <text class="slice-text" transform="matrix(1 .00283 -.00283 1 38.271 182.22)">RESULT</text>
                <text class="slice-text" transform="matrix(.7701 -.6379 .6379 .7701 73.391 271.26)">RESULT</text>
                <text class="slice-text" transform="matrix(.1774 -.9841 .9841 .1774 157.97 317.23)">RESULT</text>
                <text class="slice-text" transform="matrix(-.4975 -.8675 .8675 -.4975 252.18 297.9)">RESULT</text>
                <text class="slice-text" transform="matrix(-.9383 -.3457 .3457 -.9383 311.86 222.91)">RESULT</text>
                <text class="slice-text" transform="matrix(-.9409 .3387 -.3387 -.9409 309.2 126.89)">RESULT</text>
                <text class="slice-text" transform="matrix(-.5026 .8646 -.8646 -.5026 245.48 55.056)">RESULT</text>
                <text class="slice-text" transform="matrix(.1671 .9859 -.9859 .1671 151.05 41.004)">RESULT</text>
                <text class="slice-text" transform="matrix(.7632 .6462 -.6462 .7632 68.634 91.416)">RESULT</text>
            </g>
            <g class="wheel-ten-slices">
                <text class="slice-text" transform="matrix(1 .00283 -.00283 1 38.271 182.22)">RESULT</text>
                <text class="slice-text" transform="matrix(.8097 -.5869 .5869 .8097 67.336 264.08)">RESULT</text>
                <text class="slice-text" transform="matrix(.311 -.9504 .9504 .311 138.72 313.08)">RESULT</text>
                <text class="slice-text" transform="matrix(-.3065 -.9519 .9519 -.3065 225.17 310.66)">RESULT</text>
                <text class="slice-text" transform="matrix(-.8078 -.5895 .5895 -.8078 294.01 257.78)">RESULT</text>
                <text class="slice-text" transform="matrix(-1 -.00088 .00088 -1 318.53 174.6)">RESULT</text>
                <text class="slice-text" transform="matrix(-.8106 .5856 -.5856 -.8106 289.62 93.162)">RESULT</text>
                <text class="slice-text" transform="matrix(-.312 .9501 -.9501 -.312 218.35 44.024)">RESULT</text>
                <text class="slice-text" transform="matrix(.3061 .952 -.952 .3061 131.66 46.317)">RESULT</text>
                <text class="slice-text" transform="matrix(.8066 .5911 -.5911 .8066 62.94 98.904)">RESULT</text>
            </g>
            <g class="wheel-eleven-slices">
                <text class="slice-text" transform="matrix(1 .00283 -.00283 1 38.271 182.22)">RESULT</text>
                <text class="slice-text" transform="matrix(.843 -.5379 .5379 .843 62.517 257.35)">RESULT</text>
                <text class="slice-text" transform="matrix(.4158 -.9095 .9095 .4158 123.92 307.51)">RESULT</text>
                <text class="slice-text" transform="matrix(-.1402 -.9901 .9901 -.1402 202.03 316.51)">RESULT</text>
                <text class="slice-text" transform="matrix(-.6528 -.7575 .7575 -.6528 272.98 281.79)">RESULT</text>
                <text class="slice-text" transform="matrix(-.9588 -.284 .284 -.9588 313.79 214.24)">RESULT</text>
                <text class="slice-text" transform="matrix(-.9599 .2803 -.2803 -.9599 311.55 135.31)">RESULT</text>
                <text class="slice-text" transform="matrix(-.6578 .7532 -.7532 -.6578 267.34 70.283)">RESULT</text>
                <text class="slice-text" transform="matrix(-.1437 .9896 -.9896 -.1437 194.36 39.445)">RESULT</text>
                <text class="slice-text" transform="matrix(.4127 .9109 -.9109 .4127 116.82 52.721)">RESULT</text>
                <text class="slice-text" transform="matrix(.8401 .5425 -.5425 .8401 58.543 106.13)">RESULT</text>
            </g>
            <g class="wheel-twelve-slices">
                <text class="slice-text" transform="matrix(1 .00283 -.00283 1 38.271 182.22)">RESULT</text>
                <text class="slice-text" transform="matrix(.8676 -.4972 .4972 .8676 58.888 251.75)">RESULT</text>
                <text class="slice-text" transform="matrix(.5023 -.8647 .8647 .5023 111.59 301.74)">RESULT</text>
                <text class="slice-text" transform="matrix(.00069 -1 1 .00069 182.48 318.62)">RESULT</text>
                <text class="slice-text" transform="matrix(-.4983 -.867 .867 -.4983 251.89 297.9)">RESULT</text>
                <text class="slice-text" transform="matrix(-.8647 -.5023 .5023 -.8647 301.67 245.22)">RESULT</text>
                <text class="slice-text" transform="matrix(-1 -.00359 .00359 -1 318.59 174.73)">RESULT</text>
                <text class="slice-text" transform="matrix(-.8668 .4987 -.4987 -.8668 297.8 104.92)">RESULT</text>
                <text class="slice-text" transform="matrix(-.5006 .8657 -.8657 -.5006 244.91 55.047)">RESULT</text>
                <text class="slice-text" transform="matrix(-.00093 1 -1 -.00093 174.32 38.33)">RESULT</text>
                <text class="slice-text" transform="matrix(.4981 .8671 -.8671 .4981 104.99 58.962)">RESULT</text>
                <text class="slice-text" transform="matrix(.8643 .503 -.503 .8643 55.283 111.53)">RESULT</text>
            </g>
            </g>
        </svg>

        <div class="arrow absolute">

            <!-- Generator: Adobe Illustrator 26.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
            <svg version="1.1" id="spinWheelSVGArrow" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink"
            x="0px" y="0px" viewBox="0 0 35.2 39.7" style="enable-background:new 0 0 35.2 39.7;" xml:space="preserve">
            <style type="text/css">
                .arrow {
                fill: url(#arrow);
                }
            </style>
            <g>
                <linearGradient id="arrow" gradientUnits="userSpaceOnUse" x1="34.1034" y1="-11.9429" x2="9.9906"
                y2="23.2989">
                <stop offset="0.4" style="stop-color:#C66863" />
                <stop offset="1" style="stop-color:#FFD257" />
                </linearGradient>
                <path class="arrow"
                d="M5,1C3.4,0.4,1.7,1.1,1.1,2.7C1,2.8,1,2.9,1,3v34c0.4,1.3,1.7,2.1,3,2l30-17c0.6-1.3,0.6-2.7,0-4L5,1z" />
            </g>
            </svg>
        </div>
    </div>
</div>
		</div>
	
	<div class="aspect-ratio-inner">

		<div id="clubPerformers" class="multi-show-menu concealable">
	<div id="clubMenuResize" class="club-menu-resize" title="Resize Menu">
		<i class="icon-left"></i>
		<i class="icon-right"></i>
	</div>

    <div class="multi-model-list">             </div> 
        <div class="club-headshot tooltip tip-left hide" id="clonableMultiModelElement">
        <img src="" alt="club headshot" />
        <span class="tip headshot-info">
            <img src="" alt="model headshot" />
            <div class="multi-model-name"></div>
            <div class="multi-model-tip btn btn-xs success">Send Me a Tip</div>
            <a class="multi-model-bio btn btn-xs primary" href="/models/bios/vstest-lowell/about.php" target="_blank" rel="noopener noreferrer">View My Bio</a>
        </span>
    </div>
</div>

		<div id="loadingVideo" class="loading-overlay">
			<div class="text-center">
				<i class="loading-v2 lg"></i>
				<i class="icon-webcam"></i>
				<div class="video-loading-text">Connecting to Video</div>
			</div>
		</div>

		

                                            <div class="AB120">
                    <a rel="nofollow noopener noreferrer" href="javascript:;" id="free120Splash">
                        <picture class="full-width flirt-sms-header">
                            <source srcset="https://cdn5.vscdns.com/images/chat/html5/room-promo/1.webp" alt="120 Free Credits" loading="lazy" type="image/webp">
                            <img src="https://cdn5.vscdns.com/images/chat/html5/room-promo/1.png" alt="120 Free Credits" loading="lazy">
                        </picture>     
                    </a>
                </div>
            
           

       
		<label
			for="panelModalOpen"
			class="wdm-graphic panel-option concealable"
			id="wdmOption"
			data-display-title="Welcome Day Model"
			data-title="wdm"
		>
			<span class="visually-hidden">Welcome day model</span>
		</label>


		<div class="previous-model">
			<a href="javascript:void(0);" class="previous-model-btn" id="previous_model" title="Previous Model: Click or use your back arrow key"><i class="icon-left"></i></a>
		</div>
		<div class="next-model">
			<a href="/rooms/" class="next-model-btn" id="next_model" title="Next Model: Click or use your forward arrow key"><i class="icon-right"></i></a>
		</div>

		<div class="web-pa-blur-image-wrap">
			<div class="web-pa-blur-image"></div>
		</div>

		<div id="hlsVideoContainer" class="model-video-player"></div>
		
		<div id="playButton" class="btn-play"></div>

		<div class="model-curtain swipeable" id="model_curtain">
	<div class="model-curtain-container flex-center text-center">
		<div class="curtain-messages-inner">
						<video id="modelCurtainMedia" width="100%" height="auto" poster="" playsinline webkit-playsinline="webkit-playsinline" controls=true class="hide curtains-video-clip"></video>
			<video id="modelVideoPlayerOffline" width="100%" height="auto" poster="" playsinline webkit-playsinline="webkit-playsinline" controls=true class="hide curtains-video-clip"></video>
			<video id="modelCurtainBreak" width="100%" height="auto" poster="" playsinline webkit-playsinline="webkit-playsinline" controls=true class="hide curtains-video-clip"></video>
						<div class="curtain-messages break">
				<div class="model-curtain-image mini-image"></div>
				<span class="model-screen-name">Model Name</span>
				<span class="curtain-message-second"><span class="curtain-performer-reference">is</span> currently</span>
				<span class="curtain-message-third">Taking a Break</span>

				<div class="curtain-button-container">
					<span>Check out some of our other incredible models</span>
					<a href='javascript:void(0)' onclick="RouterController.redirectToHomepage()" class="btn primary">View More Models</a>
				</div>
			</div>

						<div class="curtain-messages limbo">
				<div class="model-curtain-image mini-image"></div>
				<span class="model-screen-name">Model Name</span>
				<span class="curtain-message-second"><span class="curtain-performer-reference">is</span> currently</span>
				<span class="curtain-message-third">Taking a Break</span>
				<div class="curtain-button-container">
					<span class="mb-0">Will be back shortly</span>
				</div>
			</div>

						<div class="curtain-messages exclusive">
				<div class="model-curtain-image mini-image"></div>
				<span class="model-screen-name">Model Name</span>
				<span class="curtain-message-second"><span class="curtain-performer-reference">is</span> currently in a</span>
				<span class="curtain-message-third">Private Show</span>

				<div class="curtain-button-container">
					<span>This is an exclusive private show. Please select another model</span>
					<a href='javascript:void(0)' onclick="RouterController.redirectToHomepage()" class="btn primary">View More Models</a>
				</div>
			</div>

						<div class="curtain-messages private">
				<div class="model-curtain-image mini-image"></div>
				<span class="model-screen-name">Model Name</span>
				<span class="curtain-message-second"><span class="curtain-performer-reference">is</span> currently in a</span>
				<span class="curtain-message-third">Private Show</span>

				<div class="curtain-button-container">
											<a href='javascript:void(0)' id="curtainLinkVoyeur" class="btn primary">Join as a Voyeur</a>
									</div>
			</div>

						<div class="curtain-messages multi">
				<div class="model-curtain-image mini-image"></div>
				<span class="model-screen-name">Model Name</span>
				<span class="curtain-message-second"><span class="curtain-performer-reference">is</span> currently in a</span>
				<span class="curtain-message-third">Multi-User Show</span>

				<div class="curtain-button-container">
											<span>To get full access to this multi-user</span>
						<a href='javascript:void(0)' id="curtainLinkMulti" class="btn primary">Start Watching</a>
									</div>
			</div>

						<div class="curtain-messages feature">
				<div class="model-curtain-image mini-image"></div>
				<span class="model-screen-name">Model Name</span>
				<span class="curtain-message-second"><span class="curtain-performer-reference">is</span> currently in a</span>
				<span class="curtain-message-third">Feature Show</span>

				<div class="curtain-button-container ">
												<span>To become a VIP and watch this feature show for free</span>
							<a href='javascript:void(0)' id="curtainLinkGetVIP" class="btn primary">Become a VIP</a>
									</div>
			</div>

						<div class="curtain-messages group">
				<div class="model-curtain-image mini-image"></div>
				<span class="model-screen-name">Model Name</span>
				<span class="curtain-message-second"><span class="curtain-performer-reference">is</span> currently in a</span>
				<span class="curtain-message-third">Group Show</span>

				<div class="curtain-button-container">
											<label for="pledgePanelOn" class="btn btn-sm primary"><span>Make a pledge below to join this show!</span></label>
									</div>
			</div>

						<div class="curtain-messages party">
				<div class="model-curtain-image mini-image"></div>
				<span class="model-screen-name">Model Name</span>
				<span class="curtain-message-second"><span class="curtain-performer-reference">is</span> currently in a</span>
				<span class="curtain-message-third">Party Show</span>

				<div class="curtain-button-container">
											<span>Get 2 minutes free and join the fun now</span>
						<a href='javascript:void(0)' class="btn primary" id="curtainLinkParty">Start Watching</a>
									</div>
			</div>

						<div class="curtain-messages offline">
				<div class="model-curtain-image mini-image"></div>
				<span class="model-screen-name">Model Name</span>
				<span class="curtain-message-second"><span class="curtain-performer-reference">is</span> currently</span>
				<span class="curtain-message-third">Offline</span>

				<div class="curtain-button-container">
					<span>You can still chat live with hundreds of other models.</span>
					<a href='javascript:void(0)' onclick="RouterController.redirectToHomepage()" class="btn primary">View More Models</a>
				</div>
			</div>

						<div class="curtain-messages idle-guest">
				<div class="model-curtain-image mini-image"></div>
				<p class="are-you-still-watching-text">Are you still watching <span class="model-name"></span> ?</p>

				<div class="curtain-button-container">
					<button class="btn primary resume-video-for-idle-guest">YES</button>
					<button class="btn exit-room-for-idle-guest" onclick="RouterController.redirectToHomepage()">NO</button>
				</div>
			</div>

			<div class="curtain-messages connection-error">
				<div class="model-curtain-image mini-image"></div>
				<p class="connection-error-message">We could not establish a connection to the chatroom.</p>

				<div class="curtain-button-container">                    
					<a href='javascript:void(0)' onclick="location.reload()" class="btn mr-md primary">Try Again</a>
					<a href='javascript:void(0)' onclick="RouterController.redirectToHomepage()" class="btn success">View More Models</a>
				</div>
			</div>

						<div class="curtain-messages offline-new-tab">
				<div class="model-curtain-image mini-image"></div>
				<span class="model-screen-name">Model Name</span>
				<div class="curtain-button-container">
					<span class="custom-message"></span>
					<span>To prevent interruptions, please close this tab or window.</span>
					<a href='javascript:void(0)' onclick="RouterController.redirectToHomepage()" class="btn primary">View More Models</a>
				</div>
			</div>

						
		</div>
	</div>
</div>		<div class="vid-controls-container hide-on-minimized-chatroom">
			<div id="reveal" class="vid-icons hide-controls-icon hide-controls">
				<i class="icon-eye"></i>
				<div class="sub-menu-container">
					<div class="sub-menu-inner">
						<h5 class="text-black">Click To Hide Controls</h5>
					</div>
				</div>
			</div>

			

        <div id="vidTypeSwitch" class="vid-icons vid-players" title="Video Player">
            <img src="https://cdn5.vscdns.com/images/icons/standard-icon-black.svg" alt="hls standard quality" class="icon-player-hls" loading="lazy" >
                        
            <div class="icon-player-llhls">
                <div class="tooltip tip-top ll-hls-buffer-notification">
                    <span class="tip">Near real-time latency between you and the model. If the stream doesn’t run smoothly, switch to SD</span>
                    <img class="relative" src="https://cdn5.vscdns.com/images/icons/low-icon-black.svg" alt="ll-hls low quality" loading="lazy">
                </div>    
            </div>
            <div class="sub-menu-container">
                <div class="players-container">
                    <div class="switch-hls inner-icons tooltip tip-top" data-player="hls">
                        <img class="relative icon-player-hls" src="https://cdn5.vscdns.com/images/icons/standard-icon-black.svg" loading="lazy" alt="hls"><span class="tip">Switch to HLS player</span>
                    </div>
                    <div class="switch-llhls inner-icons tooltip tip-top" data-player="llhls">
                        <img class="relative icon-player-llhls" src="https://cdn5.vscdns.com/images/icons/low-icon-black.svg"></i><span class="tip">Switch to LL-HLS player</span>
                    </div>
                                        <div class="inner-icons offline-hide tooltip tip-top hide" id="refreshOption">
                        <i class="icon-refresh"></i> <span class="tip">Refresh Page</span>
                    </div>
                </div>
            </div>
        </div>






<div class="vid-icons hls-quality hide" title="HLS Player Video Quality">
    <div class="hls-quality-icon">
        <div class="hls-quality-top">
            <span>Quality</span>
        </div>
        <div class="hls-quality-bottom">
            <span class="hls-quality-val"></span>
        </div>
    </div>
    <div class="sub-menu-container hls-quality-sub-menu-container">
        <div class="hls-quality-sub-menu">
        </div>
    </div>
</div>

<div class="vid-icons llhls-quality hide" title="LL-HLS Player Video Quality">
    <div class="llhls-quality-icon">
        <div class="llhls-quality-top">
            <span>Quality</span>
        </div>
        <div class="llhls-quality-bottom">
            <span class="llhls-quality-val"></span>
        </div>
    </div>
    <div class="sub-menu-container llhls-quality-sub-menu-container">
        <div class="llhls-quality-sub-menu">
        </div>
    </div>
</div>
			<div id="chatLayoutBtns" class="vid-icons layout-icons">
				<span class="screen-small">
					<i class="icon-monitor"></i>
					<i class="size-label size-chosen">S</i>
				</span>
				<span class="screen-medium">
					<i class="icon-monitor"></i>
					<i class="size-label size-chosen">M</i>
				</span>
				<span class="screen-large">
					<i class="icon-monitor"></i>
					<i class="size-label size-chosen">L</i>
				</span>
				<span class="screen-xl">
					<i class="icon-monitor"></i>
					<i class="size-label size-chosen">XL</i>
				</span>
				<span class="screen-full-native">
					<i class="icon-monitor"></i>
					<i class="size-label size-chosen">F</i>
				</span>
				<i class="icon-maximize"></i>

				<div class="letter-box-icon">
					<i class="icon-pillarbox"></i>
				</div>

				<div class="sub-menu-container">
					<span class="layout-menu">
						<a class="small-layout screen-small inner-icons tooltip tip-top" role="button">
							<i class="icon-monitor"></i>
							<i class="size-label">S</i>
							<span class="tip">Small Layout</span>
						</a>
						<a class="medium-layout screen-medium inner-icons tooltip tip-top" role="button">
							<i class="icon-monitor"></i>
							<i class="size-label">M</i>
							<span class="tip medium-layout-message">Medium Screen Layout</span>
							<span class="tip small-screen-message">Medium size unavailable at this screen size</span>
						</a>
						<a class="large-layout inner-icons tooltip tip-top" role="button">
							<span class="tip">Large Layout</span>
							<i class="size-label">L</i>
							<i class="icon-monitor"></i>
						</a>
						<a class="xl-layout screen-xl inner-icons tooltip tip-top" role="button">
							<i class="icon-monitor"></i>
							<i class="size-label">XL</i>
							<span class="tip">Extra Large Layout (Higher resolution screens)</span>
						</a>
						<a  class="native-full-layout screen-full-native inner-icons tooltip tip-top" role="button">
							<i class="icon-monitor"></i>
							<i class="size-label">F</i>
							<span class="tip">Native Full Screen</span>
						</a>
													<style>
								.temporarily-unavailable-layout {
									width: 36px;
									height: 36px;
									text-decoration: none;
									border-radius: 50%;
									color: #000;
									margin-right: 8px;
									background-color: rgba(255, 255, 255, 0.4);
									transition: all .3s ease-in-out;
									cursor: pointer;
									text-align: center;
								}

								.temporarily-unavailable-layout a {
									background-color: unset;
									margin: 0;
								}
							</style>
							<div class="temporarily-unavailable-layout tooltip tip-top">
								<span class="tip">
									Temporarily Unavailable
								</span>
								<a class="full-layout inner-icons" role="button" style="pointer-events: none;">
									<i class="icon-maximize"></i>
								</a>
							</div>
						
						<a class="letter-box-layout inner-icons tooltip tip-top" role="button"><span class="tip">Letter Box Screen Layout</span><i class="icon-pillarbox"></i></a>
					</span>
				</div>
			</div>

			<div class="vid-icons audio-icon">
				<span class="voyeur-tool-tip-message tip hide">No sound for Voyeur Shows</span>
				<i id="audioIcon" class="icon-audio"></i>
				<div id="audioSubMenuContainer" class="sub-menu-container">
					<div class="audio-controls-container">
						
						<div class="volume-bar">
							<div id='volume_bar'>
								<label for="volumeSliderRange" class="visually-hidden">Volume level</label>
								<input type="range" value="0" id="volumeSliderRange">
							</div>
						</div>

						<div class="enable-audio-button" id="extraUnmuteBtn">
							<span>Enable Audio</span>
						</div>

					</div>

				</div>
			</div>
		</div>

		<div class="hide">

			<div id="videoVolume" class="btn btn-mute clearfix ">
				<i class="icon-audio-off"></i> Enable Audio			</div>
		</div>

		<div class="water-mark-container">
			<div class="f4f-watermark" id="watermark"></div>
		</div>

		
	</div>
</div>


	<div class="group-v2 group-chat-controls hide-on-minimized-chatroom concealable">
		<div class="group-meter" title="100 credits pledged so far.">
			<i class="icon-ticket-star"></i>
			<div class="group-meter-fill" style="height:30%;"></div>
		</div>
		<div class="group-description-container">
			<h4>What I will do in my group chat show:</h4>
			<div class="group-desc"></div>
		</div>

		<div class="group-count-section">
			<div class="tooltip tip-top">
				<div title="Credits needed to start show">Credits Received</div>
                <div class="group-bubble text-vip" title="Credits Received">
                    <span class="pledge-credits-received"></span> of <span class="pledge-credits-goal"></span>
                </div>
				<span class="tip">
					Total Credits needed					<span class="group-show-starts-at"></span>
				</span>
			</div>

			<div>
				<div title="Length of show in minutes">Length</div>
				<div class="group-bubble group-show-length" title="Length of show in minutes"></div>
			</div>

			<span class="group-bubble glow group-show-duration" style="display:none">1:32</span>
		</div>

	</div>
	
	<div class="banned-users-message skew absolute hide">

    <div class="banned-users-message-close absolute">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
            <g id="Close-BTN" transform="translate(-365.33 -24.33)">
                <circle id="bg" cx="12" cy="12" r="12" transform="translate(365.33 24.33)" fill="#16181f"/>
                <g id="Group_189" data-name="Group 189" transform="translate(373.371 32.462)">
                <line id="Line_3" data-name="Line 3" x1="7.744" y2="7.744" fill="none" stroke="#9bafc2" stroke-linecap="round" stroke-width="2"/>
                <line id="Line_4" data-name="Line 4" x2="7.744" y2="7.744" fill="none" stroke="#9bafc2" stroke-linecap="round" stroke-width="2"/>
                </g>
            </g>
        </svg>
    </div>

        <div class="banned-users-message-wrap success-message hide">
        <div class="banned-users-message-icon">
            <svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56">
                <g id="Success-Icon" transform="translate(257.459 -2503.541)">
                    <path id="Path_4" data-name="Path 4" d="M-227.039,2513.071l8.753,8.753,18.15-18.15" transform="translate(-16.972 21.408)" fill="none" stroke="#17dd89" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
                    <circle id="Ellipse_1" data-name="Ellipse 1" cx="27" cy="27" r="27" transform="translate(-256.459 2504.541)" fill="none" stroke="#17dd89" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
                </g>
            </svg>
        </div>
        <div class="banned-users-message-content">
            <h5>Success Message</h5>
            <p class="banned-notify-message">Lorem ipsum dolor sit amet, sadipscing elitr.</p>
        </div>
    </div>

        <div class="banned-users-message-wrap error-message hide">
        <div class="banned-users-message-icon">
            <svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56">
                <g id="Error-Icon" transform="translate(285 -2642)">
                    <circle id="Ellipse_1" data-name="Ellipse 1" cx="27" cy="27" r="27" transform="translate(-284 2643)" fill="none" stroke="#ff6c6c" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
                    <path id="Path_6" data-name="Path 6" d="M-245.42,2657.392l-18,18" transform="translate(-2.58 3.608)" fill="none" stroke="#ff6c6c" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
                    <path id="Path_7" data-name="Path 7" d="M-263.42,2657.392l18,18" transform="translate(-2.58 3.608)" fill="none" stroke="#ff6c6c" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
                </g>
            </svg>
        </div>
        <div class="banned-users-message-content">
            <h5>Error Message</h5>
            <p class="banned-notify-message">Lorem ipsum dolor sit amet, sadipscing elitr.</p>
        </div>
    </div>

        <div class="banned-users-message-wrap warning-message hide">
        <div class="banned-users-message-icon">
            <svg xmlns="http://www.w3.org/2000/svg" width="56.037" height="48.083" viewBox="0 0 56.037 48.083">
                <g id="Warning-Icon" transform="translate(-390.482 -631.917)">
                    <path id="Polygon_2" data-name="Polygon 2" d="M26.78,2.9a2,2,0,0,1,3.439,0L55.206,44.979A2,2,0,0,1,53.487,48H3.513a2,2,0,0,1-1.72-3.021Z" transform="translate(390 631)" fill="none" stroke="#fdba6c" stroke-width="2"/>
                    <path id="Path_9" data-name="Path 9" d="M-262.006,2658.806l11.287,11.287" transform="translate(2483.842 -1046.87) rotate(45)" fill="none" stroke="#fdba6c" stroke-linecap="round" stroke-width="3"/>
                    <circle id="Ellipse_2" data-name="Ellipse 2" cx="2.5" cy="2.5" r="2.5" transform="translate(416 668)" fill="#fdba6c"/>
                </g>
            </svg>
        </div>
        <div class="banned-users-message-content">
            <h5>Warning Message</h5>
            <p class="banned-notify-message">Lorem ipsum dolor sit amet, sadipscing elitr.</p>
        </div>
    </div>

        <div class="banned-users-message-wrap one-button-message hide">
        <div class="banned-users-message-content">
            <p class="banned-notify-message">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore.</p>
        </div>
        <div class="banned-users-buttons-wrap">
            <a href="#" class="skew banned-users-message-button"><span>Lorem ipsum</span></a>
        </div>
    </div>

        <div class="banned-users-message-wrap two-buttons-message hide">
        <div class="banned-users-message-content">
            <p class="banned-notify-message">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore.</p>
        </div>
        <div class="banned-users-buttons-wrap">
            <a href="#" class="skew banned-users-message-button"><span>Lorem ipsum</span></a>
            <a href="#" class="skew banned-users-message-button dismiss"><span>Eriomod tempor</span></a>
        </div>
    </div>

</div>
<style>
	.members-only-room .open #modelMenuNav,
	.members-only-room .open #chatPanels,
	.members-only-room .open .model-curtain {
		display: none;
	}

	.members-only-room .private #modelMenuNav,
	.members-only-room .private  #chatPanels,
	.members-only-room .private .model-curtain {
		display: flex;
	}

	.INTERNAL .members-only-room.break .open .model-curtain {
		display: flex;
	}

	.INTERNAL .members-only-room.break .open #membersOnlyContainer {
		display: none;
	}
	

	@media screen and (max-width: 1024px) {
		.mo-right-sidebar {
			flex: 0 0 50%;
		}

		.mo-status {
			font-size: 16px;
		}

		.mo-status span {
			font-size: 18px;
		}
	}
</style>


<div id="membersOnlyContainer" class="hide">

	<div class="mo-video-area">
		<div class="mini-image"></div>
		<div class="mo-status"><div class="model-screen-name"></div> is currently in a <span><i class="icon-lock"></i> members only show <i class="icon-lock"></i></span> <div class="mo-arrow-pointing"><i class="icon-right"></i></div></div>
		<div class="previous-next-models">
			<div class="previous-model-btn"><i class="icon-left"></i> <span>Previous Model</span></div>
			<div class="next-model-btn"><span>Next Model</span> <i class="icon-right"></i></div>
		</div>
	</div>

	<div class="mo-right-sidebar custom-scroll scrollbar-ghost">
		<div class="room-close"><i class="icon-x"></i></div>
		<div class="mo-icon"><i class="icon-fan-club"></i></div>

		<div class="video-clip">
			<video id="modelVideoPlayerFcMem" width="100%" height="auto" poster="" playsinline webkit-playsinline="webkit-playsinline" controls=true class="hide mo-video"></video>
		</div>

		<div id="membersOnlyGuestView" class="hide">
			<p class="mt-xs text-white text-bigger text-center">Only members that are subscribed to <span class="model-screen-name bold"></span>'s fan club are allowed in the show.</p>
			<p class="mt-xs text-white text-bigger text-center">Joining the fan club will also get you access to these special features:</p>
			<div class="mo-benefits-list">
				<div class="mo-single-benefit">
					<div class="benefits-text">
						<span class="benefits-top">5% Discount</span>
						<span class="benefits-bottom">on all shows with Me</span>
					</div>
				</div>
				<div class="mo-single-benefit">
					<div class="benefits-text">
						<span class="benefits-top">5% Discount</span>
						<span class="benefits-bottom">on all of my vod's</span>
					</div>
				</div>
				<div class="mo-single-benefit">
					<div class="benefits-text">
						<span class="benefits-top">access to exclusive</span>
						<span class="benefits-bottom">fan club member content</span>
					</div>
				</div>
				<div class="mo-single-benefit">
					<div class="benefits-text">
						<span class="benefits-top">show up in a special color</span>
						<span class="benefits-bottom">I picked when you're in my chat room!</span>
					</div>
				</div>
				<div class="mo-single-benefit">
					<div class="benefits-text">
						<span class="benefits-top">get special treatment</span>
						<span class="benefits-bottom">from me for being such a great fan!</span>
					</div>
				</div>
			</div>
			<div class="mo-price text-center text-uppercase my-sm">Only <span class="credit-cost credit-cost-guest"></span> credits to unlock for 30 days!</div>
            <a class="mo-btn" id="membersOnlyRegBtn" role="button">REGISTER NOW!</a>
			
                        <div class="members-only-login text-center">
				<p class="mb-0 text-white">Have an account?</p>
				<label class="login-link" for="loginModal"><a class="text-primary bold" role="button">Login Now</a></label>
			</div>
                        
		</div>

		<div id="membersOnlyBasicView" class="hide">
			<p class="mt-xs text-white text-bigger text-center">Only members that are subscribed to <span class="model-screen-name bold"></span>'s fan club are allowed in the show.</p>
			<p class="mt-xs text-white text-bigger text-center">Joining the fan club will also get you access to these special features:</p>
			<div class="mo-benefits-list">
				<div class="mo-single-benefit">
					<div class="benefits-text">
						<span class="benefits-top">5% Discount</span>
						<span class="benefits-bottom">on all shows with Me</span>
					</div>
				</div>
				<div class="mo-single-benefit">
					<div class="benefits-text">
						<span class="benefits-top">5% Discount</span>
						<span class="benefits-bottom">on all of my vod's</span>
					</div>
				</div>
				<div class="mo-single-benefit">
					<div class="benefits-text">
						<span class="benefits-top">access to exclusive</span>
						<span class="benefits-bottom">fan club member content</span>
					</div>
				</div>
				<div class="mo-single-benefit">
					<div class="benefits-text">
						<span class="benefits-top">show up in a special color</span>
						<span class="benefits-bottom">I picked when you're in my chat room!</span>
					</div>
				</div>
				<div class="mo-single-benefit">
					<div class="benefits-text">
						<span class="benefits-top">get special treatment</span>
						<span class="benefits-bottom">from me for being such a great fan!</span>
					</div>
				</div>
			</div>
			<div class="mo-price text-center text-uppercase my-sm">Only <span class="credit-cost credit-cost-basic"></span> credits to unlock for 30 days!</div>

			
			<a class="mo-btn" id="membersOnlyBillingBtn" href="https://flirt4free.com/click-track.php?product=live&amp;dhd_page=FullPay&amp;model_id=0&amp;pa_id=0&amp;pg=0&amp;sitekey=flirt4free">GET MORE CREDITS</a>
			
                        <div class="members-only-login text-center">
				<p class="mb-0 text-white">Have an account?</p>
				<label class="login-link" for="loginModal"><a class="text-primary bold" role="button">Login Now</a></label>
			</div>
                       
		</div>


		<div id="membersOnlyPaidViewNoMember" class="hide">

			<div id="memOnlyStandard" class="hide">
				<p class="mt-xs text-white text-bigger text-center">Only members that are subscribed to <span class="model-screen-name bold"></span>'s fan club are allowed in the show.</p>
				<p class="mt-xs text-white text-bigger text-center">Joining the fan club will also get you access to these special features:</p>
				<div class="mo-benefits-list">
					<div class="mo-single-benefit">
						<div class="benefits-text">
							<span class="benefits-top">5% Discount</span>
							<span class="benefits-bottom">on all shows with Me</span>
						</div>
					</div>
					<div class="mo-single-benefit">
						<div class="benefits-text">
							<span class="benefits-top">5% Discount</span>
							<span class="benefits-bottom">on all of my vod's</span>
						</div>
					</div>
					<div class="mo-single-benefit">
						<div class="benefits-text">
							<span class="benefits-top">access to exclusive</span>
							<span class="benefits-bottom">fan club member content</span>
						</div>
					</div>
					<div class="mo-single-benefit">
						<div class="benefits-text">
							<span class="benefits-top">show up in a special color</span>
							<span class="benefits-bottom">I picked when you're in my chat room!</span>
						</div>
					</div>
					<div class="mo-single-benefit">
						<div class="benefits-text">
							<span class="benefits-top">get special treatment</span>
							<span class="benefits-bottom">from me for being such a great fan!</span>
						</div>
					</div>
				</div>
				<div class="hide mo-price text-center text-uppercase my-sm mem-price-free"><span class="credit-cost">FREE</span> for 24 hours of streaming!</div>
				<div class="hide mo-price text-center text-uppercase my-sm mem-price">Only <span class="credit-cost mem-rate-span"></span> CREDITS for 24 hours of streaming!</div>
				<p class="mt-md mb-xs bold text-center text-uppercase text-white">Choose your screen name:</p>
				<form>
					<div class="form-elements">
						<div class="select-element">
							<label for="screennameSelMembers" class="visually-hidden">screenname select</label>
							<select id="screennameSelMembers">

							</select>
							<div class="select-arrow"></div>
						</div>
					</div>
				</form>
				                <div class="members-only-login text-center">
					<p class="mb-0 text-white">Have an account?</p>
					<label class="login-link" for="loginModal"><a class="text-primary bold" role="button">Login Now</a></label>
				</div>
                                
			</div>
			<a class="mt-xs mo-btn" id="btnBuyMembershipMemOnly" role="button">Unlock Live Stream<br>buy Fanclub Membership!</a>
		</div>


		<div id="membersOnlyPaidViewYesMember" class="hide">
			<h3 class="my-md text-uppercase text-center text-white bold">Welcome Fan Club Member!</h3>
			<p class="my-sm text-uppercase text-center text-white bold">Choose your screen name:</p>
			<form>
				<div class="form-elements">
					<div class="select-element">
						<label for="eligibleScreennameSelMembers" class="visually-hidden">eligible screenname select</label>
						<select id="eligibleScreennameSelMembers">

						</select>
						<div class="select-arrow"></div>
					</div>
				</div>
			</form>
			<a class="mo-btn" id="btnMemberJoinShow" role="button">Log Into Show Now!</a>
			<div class="spacer-sm"></div>
			<div class="line"></div>
			<div class="spacer-sm"></div>
			<div class="mo-benefits-list">
				<p class="text-uppercase text-white bold text-center text-bigger my-sm">As a member of this Fan Club you get access to the following features:</p>
				<div class="mo-single-benefit">
					<div class="benefits-text">
						<span class="benefits-top">5% Discount</span>
						<span class="benefits-bottom">on all shows with Me</span>
					</div>
				</div>
				<div class="mo-single-benefit">
					<div class="benefits-text">
						<span class="benefits-top">5% Discount</span>
						<span class="benefits-bottom">on all of my vod's</span>
					</div>
				</div>
				<div class="mo-single-benefit">
					<div class="benefits-text">
						<span class="benefits-top">access to exclusive</span>
						<span class="benefits-bottom">fan club member content</span>
					</div>
				</div>
				<div class="mo-single-benefit">
					<div class="benefits-text">
						<span class="benefits-top">show up in a special color</span>
						<span class="benefits-bottom">I picked when you're in my chat room!</span>
					</div>
				</div>
				<div class="mo-single-benefit">
					<div class="benefits-text">
						<span class="benefits-top">get special treatment</span>
						<span class="benefits-bottom">from me for being such a great fan!</span>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

					<div class="chat-bottom-row hide-on-minimized-chatroom concealable" data-aspect-vertical-offset="true" data-aspect-ignore-vertical-offset-on-lb="true">

	<div class="no-button-section"></div>

	<div id="videoBtns" class="bottom-controls chat-vid-buttons">

		<div class="party-lite-btns" title="Keep the party going by tipping on the right">
			<i class="icon-party"></i>
			<h2>PARTY CHAT</h2>
			<span class="room-cpm" title="Credits per minute"></span>
		</div>

		<div class="start-show-container">

			<input type="radio" class="hide" name="userControls" id="startShowPanelOn">
			<label id="startShow" for="startShowPanelOn" class="btn primary flex-grow-1">
				Start Show				<span class="room-cpm" title="Credits per minute"></span>
				<div class="deals-start-show-panel" title="Deals Available">
					<svg class="svg-deal relative" xmlns="http://www.w3.org/2000/svg" width="32.475" height="32.367" viewBox="0 0 32.475 32.367">
						<g id="Deal-Icon-Black" transform="translate(-484.524 -154.316)">
							<path id="Path_1" data-name="Path 1" d="M16.53.108l1.51,1.275a1.324,1.324,0,0,0,1.333.222L21.215.89a.454.454,0,0,1,.554.19l1.014,1.7a1.324,1.324,0,0,0,1.188.643l1.975-.078a.454.454,0,0,1,.462.36l.409,1.933a1.324,1.324,0,0,0,.915.994l1.893.567a.454.454,0,0,1,.321.49l-.241,1.961a1.324,1.324,0,0,0,.543,1.238l1.606,1.151A.454.454,0,0,1,32,12.6l-.865,1.777a1.324,1.324,0,0,0,.111,1.347l1.146,1.61a.454.454,0,0,1-.049.584l-1.395,1.4a1.324,1.324,0,0,0-.332,1.31l.561,1.895a.454.454,0,0,1-.235.537l-1.774.871a1.324,1.324,0,0,0-.739,1.131l-.085,1.974a.454.454,0,0,1-.4.431l-1.961.248a1.324,1.324,0,0,0-1.066.83l-.721,1.84a.454.454,0,0,1-.515.279l-1.935-.4a1.324,1.324,0,0,0-1.278.439l-1.28,1.506a.454.454,0,0,1-.578.1l-1.7-1.009a1.324,1.324,0,0,0-1.351,0l-1.7,1.009a.454.454,0,0,1-.578-.1L12,30.7a1.324,1.324,0,0,0-1.278-.439l-1.935.4a.454.454,0,0,1-.515-.279l-.721-1.84a1.324,1.324,0,0,0-1.066-.83l-1.961-.248a.454.454,0,0,1-.4-.431l-.085-1.974a1.324,1.324,0,0,0-.739-1.131l-1.774-.871a.454.454,0,0,1-.235-.537l.561-1.895a1.324,1.324,0,0,0-.332-1.31l-1.395-1.4a.454.454,0,0,1-.048-.584l1.146-1.61a1.324,1.324,0,0,0,.112-1.347L.476,12.6a.454.454,0,0,1,.144-.568l1.606-1.151a1.324,1.324,0,0,0,.543-1.238L2.528,7.685a.454.454,0,0,1,.321-.49l1.893-.567a1.324,1.324,0,0,0,.915-.994L6.065,3.7a.454.454,0,0,1,.462-.36L8.5,3.419a1.324,1.324,0,0,0,1.189-.643L10.7,1.08a.454.454,0,0,1,.554-.19L13.1,1.6a1.324,1.324,0,0,0,1.333-.222L15.944.108a.454.454,0,0,1,.586,0" transform="translate(484.524 154.316)" fill="#15171e"/>
							<text id="DEAL" transform="translate(501 174)" fill="#fff" font-size="9" font-family="OpenSans-Extrabold, Open Sans" font-weight="800"><tspan x="-11.659" y="0">DEAL</tspan></text>
						</g>
					</svg>
				</div>
			</label>


			<label class="close-menu" for="userControlsOff"><span class="visually-hidden">Close</span></label>
			<div id="startShowPanel" class="modal-on-btn use-credits show-select-show-container">

				<div class="header">
					<label for="userControlsOff" class="close-modal"><span class="visually-hidden">Close</span><i class="icon-x"></i></label>Choose Your Show:
				</div>
				<div class="start-show-body">

					<div id="processing_transaction">
						<div class="loadingIcon"></div>
						<div class="processingText">
							Please wait while we process your one-time access fee.
						</div>
						<div class="clear"></div>
					</div>

					<div id="select_show_container">

												<div id="playAndPay">
							<div class="d-flex justify-content-center p-md clearfix">
								<div id="payRadioCredits" class="pay-radio checked" data-radio="payCredits">
									<span></span>
								</div>
								<div class="payCredits pay-text">
									<span id="payCreditsLabel">Pay with Credits</span>
								</div>

								<div class="split"></div>

								<div id="payRadioLater" class="pay-radio pay-later" data-radio="payLater">
									<span></span>
								</div>
								<div id="playPayTextArea" class="pay-later pay-text">
									<span id="payLaterLabel">Play &amp; Pay</span>
								</div>

								<div class="split"></div>

								<span class="learn-more">
									<label for="learnModalOpen">Learn more</label>
								</span>
							</div>
							<div class="text-success hide charged-before-text">
								<b>Play &amp; Pay</b><br>
								*Pay Your account will be charged a one-time access fee of $4.50 to start this show. This will be applied as a discount on your show bill.
							</div>

							<div class="text-success hide charged-after-text">
								<b>Play &amp; Pay</b><br>
								*Your credit card will be charged after your show is over.
							</div>

						</div>

												<div class="single-show-type pick-show-type wdm-pvt">

							<div class="show-radio">
								<div class="show-radio-inner clearfix">
									<span></span>
								</div>
							</div>

							<div class="show-name-icon">
								<div class="show-type-icon">
									<i class="icon-free"></i>
								</div>
								<div class="show-type-name">
									Free 5 Minute Show									<i class="icon-i tooltip"><span class="tip">Minutes in show after 5 free minutes will be at <span class="credits">50</span> credits/min</span></i>
								</div>
							</div>
							<div class="show-price"><span class="credits">50</span> Credits/Minute after 5 minutes</div>
						</div>

												<div class="single-show-type pick-show-type voyeur">
							<div class="show-radio">
								<div class="show-radio-inner clearfix">
									<span></span>
								</div>
							</div>
							<div class="show-name-icon">
								<div class="show-type-icon">
									<i class="icon-security-camera"></i>
								</div>
								<div class="show-type-name">
									Voyeur Show									<i class="icon-i tooltip"><span class="tip">Peek on the current show</span></i>
								</div>
							</div>
							<div class="show-price"><span class="credits">10</span>Credits/Minute</div>
						</div>

												<div class="single-show-type pick-show-type reg-pvt">
							<div class="show-radio clearfix">
								<div class="show-radio-inner clearfix">
									<span></span>
								</div>
							</div>
							<div class="show-name-icon">
								<div class="show-type-icon">
									<i class="icon-profile"></i>
								</div>
								<div class="show-type-name">
									Private Show									<i class="icon-i tooltip"><span class="tip">One-on-one video chat with the performer</span></i>
								</div>
							</div>
							<div class="show-rates show-price">
								<span class="credit-wrapper"><span class="credits">10</span>Credits/Minute</span>
								<span class="dollar-wrapper">$<span class="dollars">xx.xx</span>/Minute</span>
							</div>
						</div>

												<div class="single-show-type pick-show-type multi">
							<div class="show-radio">
								<div class="show-radio-inner clearfix">
									<span></span>
								</div>
							</div>
							<div class="show-name-icon">
								<div class="show-type-icon">
									<i class="icon-community"></i>
								</div>
								<div class="show-type-name">
									Multi User Show									<i class="icon-i tooltip"><span class="tip">Allows for multiple customers to chat in private.</span></i>
								</div>
							</div>
							<div class="show-rates show-price">

								<span class="credit-wrapper"><span class="credits">10</span>Credits/Minute</span>
								<span class="dollar-wrapper">$<span class="dollars">xx.xx</span>/Minute</span>

							</div>
						</div>

												<div id="dealCodeOption" class="single-show-type dealcode hide">
							<div class="show-name-icon">
								<div class="show-type-icon">
									<svg class="svg-deal-icon-white" xmlns="http://www.w3.org/2000/svg" width="32.475" height="32.367" viewBox="0 0 32.475 32.367">
										<g id="Deal-Icon-White" transform="translate(-484.524 -154.316)">
											<path id="Path_1" data-name="Path 1" d="M16.53.108l1.51,1.275a1.324,1.324,0,0,0,1.333.222L21.215.89a.454.454,0,0,1,.554.19l1.014,1.7a1.324,1.324,0,0,0,1.188.643l1.975-.078a.454.454,0,0,1,.462.36l.409,1.933a1.324,1.324,0,0,0,.915.994l1.893.567a.454.454,0,0,1,.321.49l-.241,1.961a1.324,1.324,0,0,0,.543,1.238l1.606,1.151A.454.454,0,0,1,32,12.6l-.865,1.777a1.324,1.324,0,0,0,.111,1.347l1.146,1.61a.454.454,0,0,1-.049.584l-1.395,1.4a1.324,1.324,0,0,0-.332,1.31l.561,1.895a.454.454,0,0,1-.235.537l-1.774.871a1.324,1.324,0,0,0-.739,1.131l-.085,1.974a.454.454,0,0,1-.4.431l-1.961.248a1.324,1.324,0,0,0-1.066.83l-.721,1.84a.454.454,0,0,1-.515.279l-1.935-.4a1.324,1.324,0,0,0-1.278.439l-1.28,1.506a.454.454,0,0,1-.578.1l-1.7-1.009a1.324,1.324,0,0,0-1.351,0l-1.7,1.009a.454.454,0,0,1-.578-.1L12,30.7a1.324,1.324,0,0,0-1.278-.439l-1.935.4a.454.454,0,0,1-.515-.279l-.721-1.84a1.324,1.324,0,0,0-1.066-.83l-1.961-.248a.454.454,0,0,1-.4-.431l-.085-1.974a1.324,1.324,0,0,0-.739-1.131l-1.774-.871a.454.454,0,0,1-.235-.537l.561-1.895a1.324,1.324,0,0,0-.332-1.31l-1.395-1.4a.454.454,0,0,1-.048-.584l1.146-1.61a1.324,1.324,0,0,0,.112-1.347L.476,12.6a.454.454,0,0,1,.144-.568l1.606-1.151a1.324,1.324,0,0,0,.543-1.238L2.528,7.685a.454.454,0,0,1,.321-.49l1.893-.567a1.324,1.324,0,0,0,.915-.994L6.065,3.7a.454.454,0,0,1,.462-.36L8.5,3.419a1.324,1.324,0,0,0,1.189-.643L10.7,1.08a.454.454,0,0,1,.554-.19L13.1,1.6a1.324,1.324,0,0,0,1.333-.222L15.944.108a.454.454,0,0,1,.586,0" transform="translate(484.524 154.316)" fill="#fff"/>
											<text id="DEAL" transform="translate(501 174)" fill="#15171e" font-size="9" font-family="OpenSans-Extrabold, Open Sans" font-weight="800"><tspan x="-11.659" y="0">DEAL</tspan></text>
										</g>
									</svg>
									<svg class="svg-deal-icon-black" xmlns="http://www.w3.org/2000/svg" width="32.475" height="32.367" viewBox="0 0 32.475 32.367">
										<g id="Deal-Icon-Black" transform="translate(-484.524 -154.316)">
											<path id="Path_1" data-name="Path 1" d="M16.53.108l1.51,1.275a1.324,1.324,0,0,0,1.333.222L21.215.89a.454.454,0,0,1,.554.19l1.014,1.7a1.324,1.324,0,0,0,1.188.643l1.975-.078a.454.454,0,0,1,.462.36l.409,1.933a1.324,1.324,0,0,0,.915.994l1.893.567a.454.454,0,0,1,.321.49l-.241,1.961a1.324,1.324,0,0,0,.543,1.238l1.606,1.151A.454.454,0,0,1,32,12.6l-.865,1.777a1.324,1.324,0,0,0,.111,1.347l1.146,1.61a.454.454,0,0,1-.049.584l-1.395,1.4a1.324,1.324,0,0,0-.332,1.31l.561,1.895a.454.454,0,0,1-.235.537l-1.774.871a1.324,1.324,0,0,0-.739,1.131l-.085,1.974a.454.454,0,0,1-.4.431l-1.961.248a1.324,1.324,0,0,0-1.066.83l-.721,1.84a.454.454,0,0,1-.515.279l-1.935-.4a1.324,1.324,0,0,0-1.278.439l-1.28,1.506a.454.454,0,0,1-.578.1l-1.7-1.009a1.324,1.324,0,0,0-1.351,0l-1.7,1.009a.454.454,0,0,1-.578-.1L12,30.7a1.324,1.324,0,0,0-1.278-.439l-1.935.4a.454.454,0,0,1-.515-.279l-.721-1.84a1.324,1.324,0,0,0-1.066-.83l-1.961-.248a.454.454,0,0,1-.4-.431l-.085-1.974a1.324,1.324,0,0,0-.739-1.131l-1.774-.871a.454.454,0,0,1-.235-.537l.561-1.895a1.324,1.324,0,0,0-.332-1.31l-1.395-1.4a.454.454,0,0,1-.048-.584l1.146-1.61a1.324,1.324,0,0,0,.112-1.347L.476,12.6a.454.454,0,0,1,.144-.568l1.606-1.151a1.324,1.324,0,0,0,.543-1.238L2.528,7.685a.454.454,0,0,1,.321-.49l1.893-.567a1.324,1.324,0,0,0,.915-.994L6.065,3.7a.454.454,0,0,1,.462-.36L8.5,3.419a1.324,1.324,0,0,0,1.189-.643L10.7,1.08a.454.454,0,0,1,.554-.19L13.1,1.6a1.324,1.324,0,0,0,1.333-.222L15.944.108a.454.454,0,0,1,.586,0" transform="translate(484.524 154.316)" fill="#15171e"/>
											<text id="DEAL" transform="translate(501 174)" fill="#fff" font-size="9" font-family="OpenSans-Extrabold, Open Sans" font-weight="800"><tspan x="-11.659" y="0">DEAL</tspan></text>
										</g>
									</svg>
								</div>
								<div class="show-type-name">
									Use a Deal Code									<i class="icon-info tooltip"><span class="tip">Allows you to use a deal code that has been set by the model.</span></i>
								</div>
							</div>
							<div class="deal-code-select">
								<div class="form-elements">
									<div class="select-element">
										<select id="select_drop">
											<option disabled selected value="">-- Select Deal --</option>
										</select>
										<div class="select-arrow"></div>
									</div>
								</div>
							</div>
						</div>

						<label class="btn primary enter-show-now" id="enterShowNow" for="userControlsOff">ENTER SHOW</label>

					</div>
				</div>
			</div>

						<div class="modal-container in-chat-modal">
				<input type="radio" name="userControls" class="hide modal-control" id="learnModalOpen">
				<label class="modal-shadow" for="userControlsOff"><span class="visually-hidden">Close</span></label>
				<div class="modal-wrap">
					<div class="modal">
						<div class="modal-header">
							Learn More About Paying							<label class="close-modal" for="userControlsOff"><span class="visually-hidden">Close</span><i class="icon-x"></i></label>
						</div>
						<div class="modal-body play-pay-pop-text">

							<div class="text-success hide charged-before-text">
								* Your account will be charged a one-time access fee of $4.50 to start this show. This will be applied as a discount on your show bill.
							</div>

							<div class="text-success hide charged-after-text">
								* Your credit card will be charged after your show is over.
							</div>

							<div id="notActiveExplanation">
								Play & Pay allows you to enjoy a live show without the need to purchase credits in advance. At the end of the show our system will process a charge to your payment account based on the length and price of the show. Your account is currently not configured for Play Pay; please contact "Customer Support" to inquire about having Play & Pay activated for your account.
							</div>

							<div id="explanation">
								<b>What is Play & Pay?</b>
								<ul>
									<li>Enjoy your live show and pay for it after the show is complete.</li>
									<li>You are pre qualified to spend a certain amount each day on live shows.</li>
									<li>View transactions under My Account > Billing > Transaction History.</li>
								</ul>
							</div>

							<div id="dailyLimitReached">
								Your daily limit of $<span class="daily-limit-amount"></span> has been reached and you are unable to use Play & Pay purchasing until the next day. You are approved up to $<span class="system-limit-amount"></span> per day and can increase your personal daily spending limit by visiting the "Play & Pay Settings Page" from the My Account section. You may also continue to enjoy shows by purchasing blocks of credits <a href="javascript:void(0);" onClick="ui.showApplicableBilling('','daily_limit_reached');">here</a>.

							</div>

							<div id="systemLimitReached">
								Your daily limit of $<span class="system-limit-amount"></span> has been reached and you are unable to use Play & Pay purchasing until the next day. All daily balances are reset at midnight Eastern Time. Please contact <a href="/support.php">Customer Support</a> if you wish to increase your spending limit. You may also continue to enjoy shows by purchasing blocks of credits <a href="javascript:void(0);" onClick="ui.showApplicableBilling('','system_limit_reached');">here</a>.
							</div>

						</div>
					</div>
				</div>
			</div>
			
			<label class="close-menu" for="userControlsOff"><span class="visually-hidden">Close</span></label>

		</div>

		<div class="pledge-show-container">

			<div class="group-chat-controls group-private hide-on-minimized-chatroom">
								<span>Group Show Time Left:</span>
				<span class="group-bubble group-show-start-timer">1:32</span>
			</div>

			<input type="radio" class="hide" name="userControls" id="pledgePanelOn">
			<label id="pledgeBtn" for="pledgePanelOn" class="btn primary">
				Pledge to Join
				<div class="group-timer" title="Count down timer to reach credits required for group show.">
					<span class="starts-in group-starts-in-text">Starts in</span>
					<span class="group-bubble group-show-duration" title="Starts in - Time left to reach credits for show."></span>
				</div>
			</label>

			<label class="close-menu" for="userControlsOff"><span class="visually-hidden">Close</span></label>
			<div id="pledgePanel" class="modal-on-btn">

				<div class="header group-header">
					<label for="userControlsOff" class="close-modal"><span class="visually-hidden">Close</span><i class="icon-x"></i></label>
					<h3>Pledge to Join</h3>
				</div>
				<div class="pledge-body">

					<div class="pledge-scroll">
						<div class="spacer-xs"></div>
						
						<div class="group-show-admin-msg">
							<span class="model-screen-name"></span> is preparing for a <span class="group-show-length"></span>-minute Group Show. Save your spot now with a <span class="min-group-pledge-amt"></span>cr pledge! You will only be charged if the <span class="group-show-starts-at"></span>cr goal is met and the show begins.
						</div>
						
						<h6 class="text-primary m-0 bold">What I will do in my group chat show:</h6>

						<div class="group-desc">
													</div>
						<div class="line"></div>

						<div class="text-center">
							<h6 class="show-inline-block m-0"><span class="text-primary">Show starts at:</span> <span class="group-show-starts-at bold"></span> credits</h6>
							<h6 class="show-inline-block m-0"><span class="text-primary ml-md">Show Length:</span> <span class="group-show-length bold"></span> minutes</h6>
						</div>
						<div class="line"></div>

						<div class="flex-grid">
							<div class="col-2 col-1-lg"></div>
							<div class="col-3 col-5-lg">
								<div class="form-elements text-center m-0">
									<div class="d-flex align-items-center">
										<label for="pledgeInput" class="visually-hidden">pledge input</label>
										<input id="pledgeInput" type="number" min="0" max="2500">
										<span class="ml-xs">Credits</span>
									</div>
								</div>
							</div>
							<div class="col-5 col-5-lg">
								<button id="pledgeNowBtn" class="btn primary reg-btn full-width">Pledge Now</button>
							</div>
							<div class="col-2 col-1-lg">
							</div>
						</div>

						<div class="spacer-sm"></div>
					</div>

				</div>

			</div>

		</div>

		<label for="hide_modal_lcm_mo" class="visually-hidden">Live Cam Mansion modal</label>
<input type="radio" name="modal-lcm-mo" class="hide" id="hide_modal_lcm_mo" checked>

<div class="modal-container in-chat-modal lcm-rooms-select lcm-btn hide" id="multiCam">
	<input type="radio" name="modal-lcm-mo" class="hide modal-control" id="modal-lcm-mo">
	<label class="btn primary flex-grow-1 mo-lcm-rooms mr-xs"  for="modal-lcm-mo">Rooms</label>
	<label class="modal-shadow" for="hide_modal_lcm_mo"><span class="visually-hidden">Close</span></label>
	<div class="modal-wrap">
		<div class="modal">
			<div class="modal-header">
				<span class="modal-title d-flex align-items-center"><i class="icon-webcam mr-sm"></i> Choose Different Camera</span>
				<label class="close-modal" for="hide_modal_lcm_mo"><span class="visually-hidden">Close</span><i class="icon-x"></i></label>
			</div>
			<div class="modal-body">
				<form>
					<div class="form-elements">
												<div class="select-element">
							<label for="multiCamSel" class="visually-hidden">multi-cam select</label>
							<select id="multiCamSel">

								<option value="0">Preview LCM Cams</option>

								<optgroup label="LCM">
									<option value="1">Kitchen</option>
									<option value="2"><i></i>Lounge #1</option>
									<option value="3"><i></i>Lounge #2</option>
									<option value="4"><i></i>Lounge #3</option>
									<option value="5"><i></i>Flirt Desk</option>
									<option value="6"><i></i>Stairs</option>
									<option value="7"><i></i>Room #1</option>
									<option value="8"><i></i>Room #2</option>
									<option value="9"><i></i>Room #3</option>
									<option value="10"><i></i>Room #4</option>
									<option value="11"><i></i>Room #5</option>
									<option value="12"><i></i>Room #6</option>
									<option value="13"><i></i>Bathroom #1</option>
									<option value="14"><i></i>Bathroom #2</option>
									<option value="15"><i></i>Gym Area #1</option>
									<option value="16"><i></i>Gym Area #2</option>
								</optgroup>

								<optgroup label="LSM">
									<option value="17">Sinners - BDSM 1</option>
									<option value="18"><i></i>Sinners - BDSM 2</option>
									<option value="19"><i></i>Sinners - BDSM 3</option>
									<option value="20"><i></i>Sinners - Lobby 1</option>
									<option value="21"><i></i>Sinners - Jacuzzi 1</option>
									<option value="22"><i></i>Sinners - Jacuzzi 2</option>
									<option value="23"><i></i>Sinners - Jacuzzi 3</option>
									<option value="24"><i></i>Sinners - Lounge 1</option>
									<option value="25"><i></i>Sinners - Lounge 2</option>
									<option value="26"><i></i>Sinners - Lounge 3</option>
									<option value="27"><i></i>Sinners - Black</option>
									<option value="28"><i></i>Sinners - Red 1</option>
									<option value="29"><i></i>Sinners - Red 2</option>
									<option value="30"><i></i>Sinners - Bathroom</option>
								</optgroup>

							</select>
							<div class="select-arrow"></div>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>

		<div class="btn credit-amount-private" title="Credits left - Updated every 45 seconds">
			<i class="icon-coins"></i> <span class="myCreditAmount">0</span>
		</div>
		<label class="btn success" data-display-title="Billing" data-title="billing" for="billingModalOpen" id="addCreditsPrivateBtn">Add Credits</label>

		<div class="btn btn-timer">
			<i class="icon-clock"></i>
			<span class="btn-timer-time text-left" style="padding-left:6px;">
				<span><b id="pvtClockMin"></b>min </span>
				<span><b id="pvtClockSec"></b>sec</span>
			</span>
		</div>

					<label class="close-menu" for="userControlsOff"><span class="visually-hidden">Close</span></label>

							<input type="radio" name="userControls" class="hide modal-control tip-modal-control" id="tipModalOpen">
				<label class="btn tip-color hide" id="tipModalLabel" for="tipModalOpen">Tip Me</label>
			
		

		<label for="panelModalOpen" title="Make an Offer" class="panel-option offer-btn btn-chat-offer offer-flag" data-display-title="Make an Offer" data-title="offer">
			<i class="icon-make-offer"></i> Make an Offer		</label>

		<style>
    .btn-wrapper {
        margin: 0 0 0 15px;
        position: relative;
        width: auto;
        display: flex;
        align-items: center;
        background-color: transparent;
    }

    .btn-wrapper .btn-side {
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        width: 40px;
        margin: 0 3px;
        height: 40px;
        color: #b1bec4;
        background-color: transparent;
        transition: none;
        opacity: 1;
        box-sizing: border-box;
        text-decoration: none;
    }

    .btn-wrapper .btn-side i {
        opacity: 1;
        transition: none;
    }

    .btn-wrapper .btn-side:hover,
    .btn-wrapper .btn-side.active {
        background-color: transparent;
        color: #fff;
        transition: none;
    }

    .btn-wrapper .nav-sep {
        height: 26px;
        width: 1px;
        background-color: #353639;
        margin: 0 10px;
    }

    /* Horizontal scroll fixes */
    .private-chat-prompts.chat-prompts.chat-prompts-open,
    .chat-prompts.chat-prompts-open {
        right: 0px;
    }

    .modal-wrap .tipping-lite-container.modal {
        width: calc(100%);
    }

    .chat-control-btns {
        margin: 0px;
    }

    .chat-panels {
        border-right: 1px solid transparent;
        box-sizing: border-box;
    }

    .btn-wrapper .btn-side.btn-foty {
        background-color: transparent;
        border: 3px solid rgb(0, 169, 231, 30%);
        border-radius: 50%;
        color: #b1bec4;
        opacity: 1;
    }

    .btn-wrapper .btn-side.btn-foty i {
        color: #b1bec4;
        opacity: 1;
    }

    .btn-wrapper .btn-side.btn-foty:hover {
        background-color: transparent;
        border: 3px solid rgb(0, 169, 231, 60%);
        color: #fff;
        opacity: 1;
    }

    .btn-wrapper .btn-side.btn-foty:hover i {
        color: #fff;
        opacity: 1;
    }

    .btn-wrapper .btn-side.btn-foty svg.gender-panel-icon .gender-panel-icon-path {
        fill: #b1bec4;
    }

    .whitelabel.light .btn-wrapper .btn-side.btn-foty svg.gender-panel-icon .gender-panel-icon-path {
        fill: #222222;
    }

    .xnxx-cams .btn-wrapper .btn-side.btn-foty svg.gender-panel-icon .gender-panel-icon-path {
        fill: #fff;
        opacity: 0.8;
    }

    .xvideos-cams .btn-wrapper .btn-side.btn-foty svg.gender-panel-icon .gender-panel-icon-path {
        fill: #222222;
        opacity: 0.8;
    }

    .btn-wrapper .btn-side.btn-foty:hover svg.gender-panel-icon .gender-panel-icon-path {
        fill: #fff;
    }

    .whitelabel.light .btn-wrapper .btn-side.btn-foty:hover svg.gender-panel-icon .gender-panel-icon-path {
        fill: #222222;
    }

    .xnxx-cams .btn-wrapper .btn-side.btn-foty:hover svg.gender-panel-icon .gender-panel-icon-path {
        fill: #fff;
        opacity: 1;
    }

    .xvideos-cams .btn-wrapper .btn-side.btn-foty:hover svg.gender-panel-icon .gender-panel-icon-path {
        fill: #222222;
        opacity: 1;
    }

    .btn-wrapper .tooltip .tip,
    .btn-wrapper .tooltip:hover .tip {
        font-size: 11px;
        padding: 3px 6px;
        transition: none;
    }

    .btn-wrapper .btn-side.message-count {
        background-color: transparent;
    }

    .party.open #videoBtns .party-lite-btns {
        max-width: 400px;
    }

    .party.open #videoBtns .start-show-container {
        display: none;
    }

    .device-name.blue~.device-wrap .icon-wrap {
        background-color: transparent;
    }

    .device-name.blue~.device-wrap .icon-wrap .icon-feel-connect {
        color: rgba(11, 151, 230, .8);
    }

    .device-name.blue~.device-wrap .icon-wrap .icon-feel-connect:hover {
        color: rgba(11, 151, 230, 1);
    }

    .triple-dot-vert {
        width: 6px;
        height: 6px;
        background-color: #b1bec4;
        display: inline-block;
        border-radius: 6px;
        opacity: .8;
    }

    .triple-dot-vert:before {
        content: "";
        position: absolute;
        top: 8px;
        width: 6px;
        height: 6px;
        background-color: #b1bec4;
        display: inline-block;
        border-radius: 6px;
    }

    .triple-dot-vert:after {
        content: "";
        position: absolute;
        bottom: 8px;
        width: 6px;
        height: 6px;
        background-color: #b1bec4;
        display: inline-block;
        border-radius: 6px;
    }

    .nav-overflow-btn:hover .triple-dot-vert,
    .nav-overflow-btn:hover .triple-dot-vert:before,
    .nav-overflow-btn:hover .triple-dot-vert:after {
        background-color: #fff;
    }

    /* Nav show/hide */
    .nav-overflow {
        display: none;
        overflow: visible;
    }

    .nav-overflow-btn:hover .nav-overflow {
        display: flex;
        flex-direction: column;
        position: absolute;
        height: auto;
        z-index: 21;
        right: 0;
        bottom: 38px;
        background-color: rgb(18 19 23);
        box-shadow: 3px -4px 8px rgba(0, 0, 0, .4);
    }

    .btn-wrapper .nav-overflow-btn.btn-side i {
        font-size: 24px !important;
    }

    .flag-item.btn-side .flag-amount {
        color: #fff;
    }

    .favs-online {
        bottom: auto;
        top: 0px;
        left: -3px;
    }

    /* Holiday SCSS */
    .flirty-awards .btn-promo,
    .flirty-awards .btn-promo:active,
    .flirty-awards .btn-promo:hover,
    .whitelabel.light .chatroom-container:not(.full-screen) .flirty-awards .btn-promo .btn-wrapper .btn-side,
    .whitelabel.light .chatroom-container:not(.full-screen) .flirty-awards .btn-promo .btn-wrapper .btn-side:active .whitelabel.light .chatroom-container:not(.full-screen) .flirty-awards .btn-promo .btn-wrapper .btn-side:hover {
        background-color: none;
        border-radius: 40px;
        border: 3px solid rgb(172, 149, 79, 50%);
    }

    .btn-wrapper .btn-side.feature-show-panel-btn {
        display: none;
    }

    #roomInterface.feature .btn-wrapper .btn-side.feature-show-panel-btn {
        display: flex;
    }

    /*New LOVSENCE Icon*/
    .btn-wrapper .btn-side .lovesence-icon-path {
        fill: #b1bec4;
        stroke: #b1bec4;
        transition: all .2s ease-in-out;
    }

    .btn-wrapper .btn-side:hover .lovesence-icon-path {
        fill: #fff;
        stroke: #fff;
    }

    .device-name.blue~.device-wrap .icon-wrap .lovesence-icon-path {
        fill: rgba(11, 151, 230, .8);
        stroke: rgba(11, 151, 230, .8);
    }

    .device-name.blue~.device-wrap .icon-wrap svg:hover .lovesence-icon-path {
        fill: rgba(11, 151, 230, 1);
        stroke: rgba(11, 151, 230, 1);
    }

    .whitelabel.light .btn-wrapper .btn-side .lovesence-icon-path {
        fill: #222222;
        stroke: #222222;
    }

    .whitelabel.light .btn-wrapper .btn-side:hover .lovesence-icon-path {
        fill: #222222;
        stroke: #222222;
    }

    .xnxx-cams .btn-wrapper .btn-side .lovesence-icon-path {
        fill: #fff;
        stroke: #fff;
        opacity: 0.8;
    }

    .xnxx-cams .btn-wrapper .btn-side:hover .lovesence-icon-path {
        fill: #fff;
        stroke: #fff;
        opacity: 1;
    }

    .xvideos-cams .btn-wrapper .btn-side .lovesence-icon-path {
        fill: #222222;
        stroke: #222222;
        opacity: 0.8;
    }

    .xvideos-cams .btn-wrapper .btn-side:hover .lovesence-icon-path {
        fill: #222222;
        stroke: #222222;
        opacity: 1;
    }
</style>


<nav class="btn-wrapper chat-nav model-menu-nav model-information concealable" id="modelMenuNav">
    <div class="nav-sep"></div>
        <input type="hidden" value="" id="timeFromServer" />
    <label class="visually-hidden" for="modelMenu">Model menu</label>
    <input type="radio" name="userControls" id="modelMenu" class="hide" autocomplete="off">

    <label for="panelsOff" id="chatLabel" class="btn-side flag-item tooltip tip-bottom" data-display-title="Chat" data-title="chat" data-desktop-panel-label="1">
        <span class="tip">Open chat conversation</span>
        <i class="icon-chat"></i>
        <span class="flag-amount" id="chatNotificationBubble">0</span>
    </label>

                    <label for="panelModalOpen" class="panel-option btn-side tooltip tip-bottom" id="moreRoomsOption" data-panel="more-rooms" data-display-title="More Rooms" data-title="moreRooms" data-desktop-panel-label="1">
            <span class="tip">Browse other online performers</span>
            <i class="icon-grid-2"></i>
                    </label>

    

    <label class="btn-side tip-meter-btn tooltip tip-bottom" for="tipMeterModalOpen" style="display:none;">
        <span class="tip">Tip Meter</span>
        <span class="tip-meter-amount glow" style="height:0%;"></span>
        <i class="icon-tip-meter"></i>
        <div class="tip-meter-glow"></div>
    </label>

    <div class="btn-side favorites tooltip tip-bottom chat-favorite-btn" id="favoriteModelBtn">
        <span class="tip">Add or remove <b class="model-screen-name"></b> from favorites</span>
        <i class="icon-heart"></i>
        <i class="icon-checkmark"></i>
    </div>

    <div data-display-title="online-notification" data-title="onlineNotification" id="onlineNotificationBtn">
        <span class="visually-hidden">Online Notification</span>
        <div class="btn-side icon-wrap notifications tooltip tip-bottom">
            <span class="tip">Add or remove <b class="model-screen-name"></b> from notifications</span>
            <i class="icon-notification"></i>
            <i class="icon-checkmark"></i>
        </div>
    </div>

    
        <a href="javascript:void(0);" class="btn-side tooltip tip-bottom webcam-on" id="cam2CamPanelBtn">
            <span class="visually-hidden">cam 2 cam button</span>
            <span class="tip">Cam2Cam & Cam2Cam Audio Only</span>
            <i class="icon-webcam-off"></i>
            <i class="icon-webcam primary-glow"></i>
        </a>

                <label for="panelModalOpen" class="panel-option btn-side tooltip tip-bottom webcam-on hide" data-display-title="Cam2Cam" data-title="cam2Cam" id="cam2CamPanelBtn" data-desktop-panel-label="1">
            <span class="visually-hidden">cam 2 cam button</span>
            <span class="tip">Cam2Cam & Cam2Cam Audio Only</span>
            <i class="icon-webcam-off"></i>
            <i class="icon-webcam primary-glow"></i>
        </label>
    
    <label for="panelModalOpen" class="panel-option btn-side tooltip tip-bottom" data-panel="bio" data-display-title="bio" data-title="bio" data-desktop-panel-label="1">
        <span class="tip">View <b class="model-screen-name"></b>'s bio</span>
        <i id="femalePanelIcon" class="gender-panel-icon icon-female female-panel-icon hide"></i>
        <i id="malePanelIcon" class="gender-panel-icon icon-male male-panel-icon hide"></i>
    </label>

    




    <label for="panelModalOpen" class="panel-option btn-side tooltip tip-right" id="fanClubOption" data-display-title="Fan Club" data-title="fanClub" data-desktop-panel-label="1">
        <span class="tip">Join <b class="model-screen-name"></b>'s fan club</span>
        <i class="icon-fan-finger"></i>
    </label>
    
	
	
        <span class="device-name device-none" style="display: none"></span>
        <label for="panelModalOpen" class="panel-option device-wrap tooltip tip-bottom" data-panel="interactive" data-display-title="Interactive" data-title="interactive" data-desktop-panel-label="1">
        <div class="icon-wrap btn-side">
            <span class="tip"><b class="model-screen-name"></b> is <span class="device-name" style="color: inherit; margin-left: 0"></span></span>
            <svg id="New-Lovense-Icon" xmlns="http://www.w3.org/2000/svg" width="32.563" height="20.998" viewBox="0 0 32.563 20.998">
                <path id="Path_3473" class="lovesence-icon-path" data-name="Path 3473" d="M3.139.643A3.667,3.667,0,0,0,.374.065a.459.459,0,0,0,.171.9A2.755,2.755,0,0,1,2.622,1.4,2.756,2.756,0,0,1,3.787,3.176a.459.459,0,0,0,.451.374.466.466,0,0,0,.086-.008A.459.459,0,0,0,4.689,3,3.666,3.666,0,0,0,3.139.643" transform="translate(24.432 8.018) rotate(8)" stroke-width="0.4"/>
                <path id="Path_3474" class="lovesence-icon-path" data-name="Path 3474" d="M8.42,5.6A6.839,6.839,0,0,0,5.532,1.2,6.839,6.839,0,0,0,.374.123a.459.459,0,0,0,.171.9,5.927,5.927,0,0,1,4.47.93,5.927,5.927,0,0,1,2.5,3.819.459.459,0,1,0,.9-.171" transform="translate(24.008 4.796) rotate(9)" stroke-width="0.4"/>
                <path id="Path_3475" class="lovesence-icon-path no-stroke" data-name="Path 3475" d="M3.759,16.985C-2.74,11.319-.388,3.459,7.56,1.1,11.362-.027,18.971-.31,22.879.357c2.516.43,2.111,2.077.119,2.87-2.961,1.178-7.93-.963-11.308-1.035C7.524,2.1,1.983,4.352,1.72,9.149c-.247,4.5,3.9,7.206,8.022,5.941a22.622,22.622,0,0,0,4.818-2.448c3.389-2.124,4.53-4.093,8.753-1.721,3.535,1.985,3.976,4.478.765,7.176C18.636,22.671,8.925,21.49,3.759,16.985" transform="translate(0 -0.001)" stroke-width="0"/>
            </svg>
        </div>
    </label>
    
    
        <label class="btn-side tooltip btn-model-notes tip-bottom" for="panelModalOpen" data-display-title="Model Notes">
            <a href="javascript:popRegistration('notes_btn_chatroom',reg_overlay_template_set);" class="no-decoration">
                <span class="tip">Notes are for premium users, signup and add a credit card today.</span>
                <i id="modelNotesIcon" class="model-notes-icon icon-edit"></i>
            </a>
        </label>

    
    
        <label for="recommendedModels" id="recommendedModelsLabel" class="btn-side recommended-models-btn tooltip tip-top hide" data-display-title="Recommended Models" data-title="recommendedModels" data-desktop-panel-label="1">
        <span class="tip">Recommended models below</span>
        <i class="icon-community"></i>
    </label>   

    
        <div class="nav-overflow-btn btn-side">

        <div class="triple-dot-vert  tooltip tip-bottom" title="Click here to see more options"></div>

        <div class="nav-overflow">

            <div class="btn-side offline-hide tooltip tip-right" data-display-title="Billing" data-title="billing"  id="billingOption" data-desktop-panel-label="1">
                <span class="tip">Add credits to my account</span>
                <i class="icon-credits"></i>
            </div>

            <label for="panelModalOpen" class="panel-option btn-side tooltip tip-right hide" id="videoPackageOption" data-display-title="VOD Packages" data-title="videosPackage" data-desktop-panel-label="1">
                <span class="tip"><b class="model-screen-name"></b> has video packages</span>
                <i class="icon-collection"></i>
            </label>

            
            <label for="panelModalOpen" class="panel-option btn-side tooltip tip-right hide" id="phoneOption" data-display-title="Flirt Phone" data-title="flirtPhone" data-desktop-panel-label="1">
                <span class="tip">Call me now!</span>
                <i class="icon-flirtphone"></i>
            </label>

            <label for="panelModalOpen" class="panel-option offline-hide btn-side tooltip tip-right" id="dealsOption" data-display-title="Check Out My Deals" data-title="deals" data-desktop-panel-label="1">
                <span class="visually-hidden">deals option</span>
                <i class="icon-deal"></i>
            </label>

            <label for="panelModalOpen" class="panel-option offline-hide btn-side tooltip tip-right" id="vipOption" data-display-title="Upgrade to VIP" data-title="upgradeToVip">
                <span class="tip">Upgrade to VIP status</span>
                <i class="icon-crown"></i>
            </label>

            
            <label for="panelModalOpen" class="panel-option btn-side tooltip tip-right" id="videosOption" data-display-title="Videos" data-title="videos" data-desktop-panel-label="1">
                <span class="tip"><b class="model-screen-name"></b>'s videos</span>
                <i class="icon-video"></i>
            </label>

                    </div>
    </div>



    </section>
	</div>

	
</div>				</div>
				<div class="resizing-sidebar" data-aspect-horizontal-offset="true">
					<div class="handel">
						<div class="triangle-wrap">
							<span class=triangle-left></span>
							<span class=triangle-right></span>
						</div>
					</div>
				</div>

				<div id="chatPanels" class="chat-panels hide-on-minimized-chatroom concealable" data-aspect-horizontal-offset="365" data-aspect-ignore-horizonal-offset-on-lb="true">
					<style>
	.foty-model-not-qualified .single-tipping-option.foty-option {
		display: none !important;
	}

	.chatroom-right-tipping-container {
		container-name: chatroomRightTippingContainer;
		container-type: inline-size
	}

	@container chatroomRightTippingContainer (max-width: 395px) {
		.foty-section-header .free-foty-vote {
			font-size: 13px;
			box-sizing: border-box;
			padding: 2px 5px;
		}

		.tipping-header-tip-anon {
			font-size: 11px;
		}
	}
</style>

<style>
	.message-container.lovense-active-message .message-circle .icon-feel-connect {
		background-image: url("https://cdn5.vscdns.com/images/lovense/lovense-icon-msg.svg");
		background-repeat: no-repeat;
		background-size: 100% auto;
		width: 32px;
		height: 21px;
	} 
	.message-container.lovense-active-message .message-circle .icon-feel-connect::before {
		font-family: none !important;
		content: none;
	} 
</style>

<input class="toggle-box" id="showhidechat" type="checkbox">
<label for="showhidechat">
	<i class="icon-down"></i>
	<i class="icon-up"></i>
	<span class="visually-hidden">Show/hide chat</span>
</label>

<div class="chatroom-right-container">

		<div class="modal-container in-chat-modal change-screenname-modal-container">
		<input type="radio" name="userControls" class="hide modal-control" id="changeName">
		<label class="modal-shadow" for="userControlsOff"><span class="visually-hidden">Close</span></label>
		<div class="modal-wrap">
			<div class="modal">
				<div class="modal-header">
					<span class="panel-title">Change Screen Name</span>
					<label class="close-modal" for="userControlsOff"><span class="visually-hidden">Close</span><i class="icon-x-plain close-btn"></i></label>
				</div>

				<div class="modal-body panel-modal">

					<div class="screenname-loading-container m-md hide">
						<i class="loading-v2 lg"></i>
						<p>Changing your screen name...</p>
					</div>

					<div id="screen_name_select" class="screenNameWrap col-8 mx-auto mt-sm text-center">
						<form action="#" id="screenNameFormSelect" method="post">

							<div class="form-elements">
								<label for="select_drop" class="bold text-uppercase text-bigger mb-xs">Select Screen Name</label>
								<div class="select-element">
									<label for="screen_name_dropdown" class="visually-hidden">screen name select</label>
									<select name="LOGIN[screen_name]" id="screen_name_dropdown">
																			</select>
									<div class="select-arrow"></div>
								</div>
							</div>

							
							<div class="form-elements">
								<input type="submit" class="btn primary" value="UPDATE" />
							</div>

						</form>
					</div>
				</div>
			</div>
		</div>
	</div>

	<input class="tipping-lite-minimizer hide" type="checkbox" name="tipping-lite-minimizer" id="tippingLiteMinimizer" value="minimize">

	<input class="tipping-lite-tip-actions-tab-check tipping-lite-tab-input hide" type="radio" name="tipping-lite-tab-input" id="tippingLiteTipActionsTabCheck"/>	
	<input class="tipping-lite-tipping-tab-check tipping-lite-tab-input hide" type="radio" name="tipping-lite-tab-input" id="tippingLiteTippingTabCheck"/>
	
			

		<input class="tipping-lite-gift-tab-check tipping-lite-tab-input hide" type="radio" name="tipping-lite-tab-input" id="tippingLiteGiftTabCheck"/>
	<input class="model-topic-expand-input hide" type="checkbox" name="model-topic-expand-button" id="modelTopicExpand"/>

	<div class="chatroom-right-pws-container">
		<label for="mainChatToggle" class="chatroom-right-public-chat-toggle chat-tab-toggle" data-tab="public">
			<div class="public-chat-toggle-container">
				<i class="icon-chat"></i>
				<span class="public-chat-toggle-text">Public Chat</span>
				<div class="public-chat-message-count hide"></div>
			</div>
		</label>
		<label for="whisperChatToggle" class="chatroom-right-whisper-chat-toggle chat-tab-toggle" data-tab="whisper">
			<div class="whisper-chat-toggle-container">
				<div class="whisper-chat-icon">
					<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#CFDAE4;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}</style></defs><path class="cls-1" d="m31.37894,47.03192c2.49193-2.41725,3.86417-5.62761,3.86417-9.04027,0-3.40142-1.36469-6.5983-3.8425-9.00174"/><path class="cls-1" d="m28.7025,43.29527c1.48158-1.41445,2.2975-3.29513,2.2975-5.29527,0-1.99371-.81159-3.86637-2.28514-5.27344"/><path class="cls-1" d="m25.35382,40.6494c.82476-.7,1.27912-1.6389,1.27896-2.64362,0-1.00183-.45211-1.93688-1.27302-2.63367"/><path class="cls-1" d="m38.43175,30.6274c-.33074-2.41368.35285-4.74408,1.87549-6.39392,1.43854-1.55886,3.47968-2.34672,5.74507-2.22033,2.72693.1528,5.22621,1.96095,6.36721,4.60668,1.19952,2.78166.50483,6.15545-1.75864,8.58398-.09732.09576-2.38023,2.38176-2.14377,5.44866.17262,2.23978-1.49421,3.53503-3.22277,3.82505-1.75351.29442-3.78336-.40466-4.36487-2.62977"/><path class="cls-1" d="m44.24987,40c.25196,0,.49789-.07609.72276-.23067.69223-.47554.98158-1.52089.68796-2.48585-.11621-.3819-.10202-.85042.038-1.25305.12293-.3535.33879-.55402.61219-.80783.06715-.06221.13544-.1257.20381-.1927.34558-.33899.58312-.78438.72627-1.36201.28202-1.13788-.23601-2.2689-1.25979-2.7505-1.18302-.55626-1.6806.31953-2.04374.95873-.30125.53057-.50529.856-.89116.82872-.24738-.01643-.44592-.13129-.60693-.35095-.50285-.68611-.50437-2.207-.34711-3.01898.17214-.88902.67743-1.63017,1.42277-2.0872.80944-.49612,1.82451-.61401,2.71537-.31586.72726.24375,1.32266.68308,1.76973,1.3057"/><path class="cls-1" d="m16.85,10.88c1.4,2.18,2.46,4.77,3.05,7.79l.04.22c.23,1.11.57,2.78-.71,5.15-.18.34-.27.71-.26,1.07,0,.22.08.43.2.59l3.84,4.83c.02.02.04.05.05.08.29.58.28,1.25-.02,1.88-.29.61-.84,1.08-1.4,1.2-.26.05-.58.11-.92.19-.52.11-1.11.23-1.6.3.03.22.16.95.22,1.16l.61.74c.23.29.29.68.16,1.02-.19.51-.68.91-1.08,1.16.35.34.7.76.75,1.22.02.28-.09.56-.32.74l-.77.62c-.25.21-.34.56-.21.87.23.58.33,1.62-.18,2.65-.31.62-.95,1.44-2.26,1.81-1.52.42-3.91.19-5.93-.15"/><circle class="cls-1" cx="32" cy="32" r="26"/></svg>
				</div>
				<span class="whisper-chat-toggle-text">Whispers</span>
				<div class="whisper-chat-message-count hide">0</div>
			</div>
		</label>
		<div class="chatroom-right-settings-section">
			<input type="radio" id="userControlsOn" name="userControls" class="hide">
			<label for="userControlsOn" class="user-contols-on">
				<span class="visually-hidden">user controls on</span>
				<i class="icon-gear settings-icon"></i>
			</label>
			<label class="close-menu" for="userControlsOff"><span class="visually-hidden">Close</span></label>
			<div class="user-control-switches">
				<div class="settings-inner-header">
					<div class="settings-user">
						<div class="user-username"><a onclick="javascript:popRegistration('topnav_free_signup_tab',reg_overlay_template_set);" href="javascript:;" class="guest-name">Guest</a></div>
						<div class="user-credits" title="Credit amount"><i class="icon-coins"></i><span>0</span></div>
					</div>
					<label for="userControlsOff" class="close-modal"><span class="visually-hidden">Close</span><i class="icon-x-plain close-btn"></i></label>
				</div>
				<div class="settings-inner">

					
					<div class="text-slider-container">
						<div class="text-slider-header">Text Size:</div>
						<div class="text-slider-inner">
							<div class="text-slider-small">A</div>
							<div class="range-slider">
								<label class="visually-hidden" for="textSizeSlider">Text size slider</label>
								<input type="range" min="0" max="4" class="text-slider" id="textSizeSlider" />
								<div class="range-points">
									<span></span>
									<span></span>
									<span></span>
									<span></span>
									<span></span>
								</div>
							</div>
							<div class="text-slider-big">A</div>
						</div>
					</div>

					<div class="settings-options">
						<div class="text-options">

							<div class="single-option">
								<label class="option-toggle toggle-whisper-messages-tab">
									<span class="visually-hidden">Whispers In Tab</span>
									<input type="checkbox" id="whisper-messages-tab">
									<span class="circle-checkbox round"></span>
								</label>
								<div class="option-name">Whispers In Tab</div>
							</div>

							<div class="single-option">
								<label class="option-toggle">
									<span class="visually-hidden">option toggle</span>
									<input type="checkbox" id="messages-aligned-left">
									<span class="circle-checkbox round"></span>
								</label>
								<div class="option-name">Text Left</div>
							</div>

							<div class="single-option">
								<label class="option-toggle">
									<span class="visually-hidden">option toggle</span>
									<input type="checkbox" id="text-bubbles">
									<span class="circle-checkbox round"></span>
								</label>
								<div class="option-name">Chat Bubbles</div>
							</div>

							<div class="single-option">
								<label class="option-toggle toggle-whisper-messages">
									<span class="visually-hidden">option toggle</span>
									<input type="checkbox" id="whisper-messages">
									<span class="circle-checkbox round"></span>
								</label>
								<div class="option-name">Type in Whispers Only</div>
							</div>

						</div>

						<div class="style-options">

							<div class="single-option">
								<label class="option-toggle toggle-flirt-rewards">
									<span class="visually-hidden">option toggle</span>
									<input type="checkbox" checked id="flirt-rewards">
									<span class="circle-checkbox round"></span>
								</label>
								<div class="option-name">Flirt Rewards</div>
							</div>

							<div class="single-option">
								<label class="option-toggle toggle-anonymous">
									<span class="visually-hidden">option toggle</span>
									<input type="checkbox" id="toggle-anonymous-chat-settings">
									<span class="circle-checkbox round"></span>
								</label>
								<div class="option-name">Tip Anonymously</div>
							</div>

							<div class="single-option">
								<label class="option-toggle favorites-notifications">
									<span class="visually-hidden">option toggle</span>
									<input type="checkbox" id="toggleSubscribeMsg">
									<span class="circle-checkbox round"></span>
								</label>
								<div class="option-name">Hide Favorite/Notify</div>
							</div>

							<div class="single-option">
								<label class="option-toggle toggle-grey-users">
									<span class="visually-hidden">option toggle</span>
									<input type="checkbox" id="grey-users">
									<span class="circle-checkbox round"></span>
								</label>
								<div class="option-name">Hide Guest</div>
							</div>

							
						</div>

					</div>
                                            <div class="flex-center col-12 text-center">
                            <a class="flex-center error-report-header-btn drop-menu-section-single-link no-decoration text-white">
                                <i class="icon-alert mr-xs"></i>
                                <span><label for="customerErrorReportModal">Report a Problem</label></span>
                            </a>
                        </div>
                    				</div>
			</div>
		</div>
	</div>

	<label class="chatroom-right-topic-container" for="modelTopicExpand">
		<div class="model-topic-container">
			<div class="topic-icon">
				<i class="icon-megaphone"></i> <span>Topic:</span>
			</div>
			<div class="tag-line">""</div>
		</div>
		<div class="model-topic-more-arrow">
			<i class="icon-down"></i>
			<i class="icon-up"></i>
		</div>
	</label>
		<div class="css-only-panel">
				<div class="inner-panel-container spin-wheel-panel">
			<div id="spinWheelPanel" class="spin-wheel-panel-container panel-container scrollbar-ghost scrollbar-custom">
    <div class="panel-header">
        Spin the Wheel
        <label for="panelsOff" class="d-flex align-items-center close-modal" style="right: 7px;"><span class="visually-hidden">Close</span><i class="icon-x d-flex"></i></label>
    </div>
    <div class="wheel-panel-body">
        <div class="col-12 d-flex flex-column align-items-center spin-button-are mb-sm">
            <p class="text-center">Spin the wheel to get the model to do something.</p>
            <strong class="mt-0 mb-sm">Spins cost <span class="current-spin-price"></span> credits</strong>
            <label for="spinWheelPanel" class="spin-wheel-btn spin-wheel-panel-btn text-white btn primary">Spin the Wheel</label>
        </div>
        <div class="wheel-actions d-flex justify-content-center text-white">
            <div class="cloneable-wheel-result wheel-results col-6 text-center"></div>
        </div>
        <div class="d-flex justify-content-center single-option mt-md mb-sm">
            <label class="option-toggle toggle-spin-wheel-anonymous" for="spinWheelAnonymousTipping">
                <span class="visually-hidden">option toggle</span>
                <span class="circle-checkbox round"></span>
            </label>
            <div class="option-name">Spin Anonymously</div>
        </div>
    </div>
</div>		</div>
				
					</div>
	<div class="chatroom-right-chat-messages-container">
		<div class="main-chat-container chat-messages-design-version-002">
			<div class="chat-messages-container">
				<div id="chat-main" class="chat-section">
					<style>
						.message-container.alert.tip .message-circle span {
							background-image: url("https://cdn5.vscdns.com/images/icons/tip-sprite.png");
						}

						.message-container.alert.tip .message-circle span {
							background-image: url("https://cdn5.vscdns.com/images/icons/tip-sprite.webp");
						}

						/* Safari CSS fixes */
						.message-container.alert.tip .message-circle span:not(:root:root) {
							background-image: url("https://cdn5.vscdns.com/images/icons/tip-sprite.png");
						}

						/* IE CSS fixes */
						@media all and (-ms-high-contrast: none),
						(-ms-high-contrast: active) {
							.message-container.alert.tip .message-circle span {
								background-image: url("https://cdn5.vscdns.com/images/icons/tip-sprite.png");
							}
						}

						@media all and (min-width: 2000px) {
							.guest-blocked-pinned .guest-chat-blocked-msg {
								bottom: 124px;
							}
						}
					</style>
					<div class="chat-messages scrollbar-custom">
						<div class="chat-display new-style-messages ">

						</div>
					</div>
				</div>
				<div id="tipAnimation" class="">

		<div class="falling-beach-balls start-falling-beach-balls set-1">
		<div>
			<span class="falling-beach-ball beach-ball ball1"></span>
			<span class="falling-beach-ball beach-ball ball2"></span>
			<span class="falling-beach-ball beach-ball ball3"></span>
			<span class="falling-beach-ball beach-ball ball4"></span>
			<span class="falling-beach-ball beach-ball ball5"></span>
			<span class="falling-beach-ball beach-ball ball6"></span>
		</div>
	</div>
	
	<div class="falling-beach-balls start-falling-beach-balls set-2">
		<div>
			<span class="falling-beach-ball beach-ball ball7"></span>
			<span class="falling-beach-ball beach-ball ball8"></span>
			<span class="falling-beach-ball beach-ball ball9"></span>
			<span class="falling-beach-ball beach-ball ball10"></span>
			<span class="falling-beach-ball beach-ball ball11"></span>
			<span class="falling-beach-ball beach-ball ball12"></span>
		</div>
	</div>
	
	<div class="falling-beach-balls start-falling-beach-balls set-3">
		<div>
			<span class="falling-beach-ball beach-ball ball13"></span>
			<span class="falling-beach-ball beach-ball ball14"></span>
			<span class="falling-beach-ball beach-ball ball15"></span>
			<span class="falling-beach-ball beach-ball ball16"></span>
			<span class="falling-beach-ball beach-ball ball17"></span>
			<span class="falling-beach-ball beach-ball ball18"></span>
		</div>
	</div>


		<div class="falling-items">
		<div>
			<span class="falling-item1"></span>
			<span class="falling-item2"></span>
			<span class="falling-item2"></span>
			<span class="falling-item1"></span>
			<span class="falling-item1"></span>
			<span class="falling-item2"></span>

			<span class="falling-item1"></span>
			<span class="falling-item2"></span>
			<span class="falling-item2"></span>
			<span class="falling-item1"></span>
			<span class="falling-item1"></span>
			<span class="falling-item2"></span>

			<span class="falling-item2"></span>
			<span class="falling-item1"></span>
			<span class="falling-item1"></span>
			<span class="falling-item2"></span>
			<span class="falling-item1"></span>
			<span class="falling-item2"></span>

			<span class="falling-item2"></span>
			<span class="falling-item1"></span>
			<span class="falling-item1"></span>
			<span class="falling-item2"></span>
			<span class="falling-item1"></span>
			<span class="falling-item2"></span>

			<span class="falling-item2"></span>

		</div>

		<div class="foreground">
			<span class="falling-item2"></span>
			<span class="falling-item1"></span>
			<span class="falling-item1"></span>
			<span class="falling-item2"></span>
			<span class="falling-item1"></span>
			<span class="falling-item2"></span>

			<span class="falling-item2"></span>
			<span class="falling-item1"></span>
			<span class="falling-item1"></span>
			<span class="falling-item2"></span>
			<span class="falling-item1"></span>
			<span class="falling-item2"></span>

			<span class="falling-item2"></span>
			<span class="falling-item1"></span>
			<span class="falling-item1"></span>
			<span class="falling-item2"></span>
			<span class="falling-item1"></span>
			<span class="falling-item2"></span>

		</div>
	</div>

	<div class="falling-items set-2">
		<div>
			<span class="falling-item2"></span>
			<span class="falling-item1"></span>
			<span class="falling-item1"></span>
			<span class="falling-item2"></span>
			<span class="falling-item2"></span>
			<span class="falling-item1"></span>

			<span class="falling-item2"></span>
			<span class="falling-item1"></span>
			<span class="falling-item1"></span>
			<span class="falling-item2"></span>
			<span class="falling-item2"></span>
			<span class="falling-item1"></span>

			<span class="falling-item1"></span>
			<span class="falling-item2"></span>
			<span class="falling-item2"></span>
			<span class="falling-item1"></span>
			<span class="falling-item2"></span>
			<span class="falling-item1"></span>

			<span class="falling-item2"></span>
			<span class="falling-item1"></span>
			<span class="falling-item1"></span>
			<span class="falling-item2"></span>
			<span class="falling-item1"></span>
			<span class="falling-item2"></span>
		</div>
	</div>

	<div class="falling-items set-3">
		<div>
			<span class="falling-item1"></span>
			<span class="falling-item2"></span>
			<span class="falling-item2"></span>
			<span class="falling-item1"></span>
			<span class="falling-item1"></span>
			<span class="falling-item2"></span>

			<span class="falling-item1"></span>
			<span class="falling-item2"></span>
			<span class="falling-item2"></span>
			<span class="falling-item1"></span>
			<span class="falling-item1"></span>
			<span class="falling-item2"></span>

			<span class="falling-item2"></span>
			<span class="falling-item1"></span>
			<span class="falling-item1"></span>
			<span class="falling-item2"></span>
			<span class="falling-item1"></span>
			<span class="falling-item2"></span>

			<span class="falling-item1"></span>
			<span class="falling-item2"></span>
			<span class="falling-item2"></span>
			<span class="falling-item1"></span>
			<span class="falling-item2"></span>
			<span class="falling-item1"></span>
		</div>
	</div>

	<div class="falling-items set-4">
		<div>
			<span class="falling-item2"></span>
			<span class="falling-item1"></span>
			<span class="falling-item1"></span>
			<span class="falling-item2"></span>
			<span class="falling-item2"></span>
			<span class="falling-item1"></span>

			<span class="falling-item2"></span>
			<span class="falling-item1"></span>
			<span class="falling-item1"></span>
			<span class="falling-item2"></span>
			<span class="falling-item2"></span>
			<span class="falling-item1"></span>

			<span class="falling-item1"></span>
			<span class="falling-item2"></span>
			<span class="falling-item2"></span>
			<span class="falling-item1"></span>
			<span class="falling-item2"></span>
			<span class="falling-item1"></span>

			<span class="falling-item1"></span>
			<span class="falling-item2"></span>
			<span class="falling-item2"></span>
			<span class="falling-item1"></span>
			<span class="falling-item2"></span>
			<span class="falling-item1"></span>
		</div>
	</div>

	<div class="falling-items set-5 foreground">
		<div>
			<span class="falling-item2"></span>
			<span class="falling-item1"></span>
			<span class="falling-item1"></span>
			<span class="falling-item2"></span>
			<span class="falling-item2"></span>
			<span class="falling-item1"></span>

			<span class="falling-item2"></span>
			<span class="falling-item1"></span>
			<span class="falling-item1"></span>
			<span class="falling-item2"></span>
			<span class="falling-item2"></span>
			<span class="falling-item1"></span>

			<span class="falling-item1"></span>
			<span class="falling-item2"></span>
			<span class="falling-item2"></span>
			<span class="falling-item1"></span>
			<span class="falling-item1"></span>
			<span class="falling-item2"></span>

			<span class="falling-item1"></span>
			<span class="falling-item2"></span>
			<span class="falling-item2"></span>
			<span class="falling-item1"></span>
			<span class="falling-item2"></span>
			<span class="falling-item1"></span>
		</div>
	</div>

	<div class="falling-items set-6 foreground">
		<div>
			<span class="falling-item1"></span>
			<span class="falling-item2"></span>
			<span class="falling-item2"></span>
			<span class="falling-item1"></span>
			<span class="falling-item1"></span>
			<span class="falling-item2"></span>

			<span class="falling-item1"></span>
			<span class="falling-item2"></span>
			<span class="falling-item2"></span>
			<span class="falling-item1"></span>
			<span class="falling-item1"></span>
			<span class="falling-item2"></span>

			<span class="falling-item2"></span>
			<span class="falling-item1"></span>
			<span class="falling-item1"></span>
			<span class="falling-item2"></span>
			<span class="falling-item1"></span>
			<span class="falling-item2"></span>

			<span class="falling-item1"></span>
			<span class="falling-item2"></span>
			<span class="falling-item2"></span>
			<span class="falling-item1"></span>
			<span class="falling-item2"></span>
			<span class="falling-item1"></span>
		</div>
	</div>

	<div class="falling-items set-7">
		<div>
			<span class="falling-item2"></span>
			<span class="falling-item1"></span>
			<span class="falling-item1"></span>
			<span class="falling-item2"></span>
			<span class="falling-item2"></span>
			<span class="falling-item1"></span>

			<span class="falling-item2"></span>
			<span class="falling-item1"></span>
			<span class="falling-item1"></span>
			<span class="falling-item2"></span>
			<span class="falling-item2"></span>
			<span class="falling-item1"></span>

			<span class="falling-item1"></span>
			<span class="falling-item2"></span>
			<span class="falling-item2"></span>
			<span class="falling-item1"></span>
			<span class="falling-item2"></span>
			<span class="falling-item1"></span>

			<span class="falling-item2"></span>
			<span class="falling-item1"></span>
			<span class="falling-item1"></span>
			<span class="falling-item2"></span>
			<span class="falling-item1"></span>
			<span class="falling-item2"></span>
		</div>
	</div>
</div>
			</div>

			<div id="mainPanelModal" class="">
	<div class="modal-container in-chat-modal">
				<label class="modal-shadow" for="panelsOff"><span class="visually-hidden">Close</span></label>
		<div class="modal-wrap main-chat-panel">
			<div class="modal">
				<div class="modal-header">
					<span class="panel-title"></span>
					<label class="close-modal" for="panelsOff"><span class="visually-hidden">Close</span><i class="icon-x-plain close-btn"></i></label>
				</div>

				<div id="panelModal" class="modal-body scrollbar-custom">

					<div class="panel-modal padding-sm">

						<div class="panel-loading-container hide">
							<i class="loading-v2 lg"></i>
						</div>


						<div class="inner-panel-container boost-panel col-12 text-center">
	<div class="header-panel-top">
		<div class="header-panel-top-icon"><i class="icon-rocket"></i></div>
		<div class="header-panel-top-title">Power Boost</div>
	</div>
	<p>Boosting is free and a great way to give back to models. Our system sorts and ranks performers based on a number we call their Power Score.</p>
	<p>A model with a higher Power Score appears higher on the home page, the model list, etc. By Boosting a model, you can help raise their Power Score and it's completely free!</p>
	<h3 class="text-uppercase mb-0 bold">BOOST AMOUNT:</h3>
	<form method="post" id="power_boost_room_form">
		<input type="hidden" id="ITEM[model_id]" name="ITEM[model_id]" class='boost-info' value="" />
		<div class="power-boost-success alert success hide"></div>
		<div class="power-boost-error alert danger hide"></div>
		<div class="flex-grid form-elements">
			<div class="col-12">
				<div class="select-element">
					<label for="powerBoostSelect" class="visually-hidden">Power Boost select</label>
					<select name="ITEM[num_points]" class="formDrop" id="powerBoostSelect">
						<option value="250">+ 25 boost for 250 points</option>
						<option value="500">+ 50 boost for 500 points</option>
						<option value="1000">+ 100 boost for 1,000 points</option>
						<option value="2500">+ 250 boost for 2,500 points</option>
						<option value="5000">+ 500 boost for 5,000 points</option>
					</select>
					<div class="select-arrow"></div>
				</div>
					
						<label for="powerBoostScreenNameSelect">Choose name to send boost from: </label>
				  			<div class="select-element">
							<select name="ITEM[nickname]" class="formDrop" id="powerBoostScreenNameSelect">
						
							<option value="anonymousBoost">Send anonymous boost</option>

					</select>
					<div class="select-arrow"></div>
					</div>

					
			</div>
			<button class="boost-model-room btn btn-lg success mx-auto">BOOST ME!</button>
		</div>
	</form>
</div>


						<div class="inner-panel-container">
							<div class="bio-panel"></div>
						</div>


						<div class="inner-panel-container deals-panel">
							<div id="deals_scroll"></div>
						</div>


						<div class="inner-panel-container flirt-phone-panel"></div>

						<div class="inner-panel-container vip-panel">


	<div class="flex-grid">
		<div class="col-2 col-2-sm text-white">
			<div class="circle primary">
				<i class="icon-crown"></i>
			</div>
		</div>
		<div class="col-10 col-10-sm">
			<ul class="freeContent">
				<li><i class="icon-success icon-text-left text-success"></i>Instant Full Access</li>
				<li><i class="icon-success icon-text-left text-success"></i>Gold VIP Font</li>
				<li><i class="icon-success icon-text-left text-success"></i>Up to 10 Reserved Nicknames</li>
				<li><i class="icon-success icon-text-left text-success"></i>Email performers w/ attachments</li>
				<li><i class="icon-success icon-text-left text-success"></i>Largest Private Video Preview</li>
				<li><i class="icon-success icon-text-left text-success"></i>Turn Off Free Users in Chat</li>
				<li><i class="icon-success icon-text-left text-success"></i>Access to VIP Forums</li>
			</ul>
		</div>
	</div>


	<ul class="freeContent call-out success">
		<li><i class="icon-happyface icon-text-left"></i><span>FREE</span> Instant Full Access</li>
		<li><i class="icon-unlock icon-text-left"></i><span>FREE</span> Unlimited Access to Your Own Recorded Shows</li>
		<li><i class="icon-video icon-text-left"></i><span>FREE</span> 150 Daily Videos Available for 7 Days</li>
		<li><i class="icon-fan-club icon-text-left"></i><span>FREE</span> 1 hour Feature Shows and access to Archives</li>
		<li><i class="icon-archive icon-text-left"></i><span>FREE</span> Access to Adult Star Video Archive</li>
		<li><i class="icon-vault icon-text-left"></i><span>FREE</span> Access to Model Photo Galleries</li>
	</ul>

	<div id='vipPurchaseArea'>

				<div class="btn-instant-credits clonable-product-vip hide">
			<span class="selection-area"><i class="icon-success icon-md"></i></span>
			<span class="credit-amounts">
				<b></b><span></span>
				<div class="flag"></div>
			</span>
			<span class="credit-prices">
				<b></b><span></span>

			</span>
		</div>
		

		<div id="vipProductsContainer">

		</div>

		<div id="vipFeedback" class="alert hide">
		</div>

		<div id="cc_information_vip">

			<div class="spacer-sm"></div>

			<div class="offer-credit-card-info text-center">
				<strong><span class="card-cc-number"></span></strong>  |
				<a href="javascript:;" data-source="vip" class="change-cc-info btn btn-sm">change</a>
				<a href="javascript:;" data-source="vip" class="overlay-add-card btn btn-sm">Add New Card</a>
			</div>

			<div class="spacer-sm"></div>

			<a id="completePurchaseVip" class="btn btn-lg success billing-btn full-width">Process Transaction</a>

			<div class="spacer-md"></div>

		</div>

	</div>

	<div id="vip_feedback_area" class="hide">

					<div class='clonable'>
				<div class='feedbackText alert'>messageText</div>
				<div class="line"></div>
				<a href='javascript:void(0)' class='btn primary'>OK</a>
			</div>
		
	</div>



</div>

<style>



.interactive-panel .panel-header {
	cursor: pointer;
}

.interactive-panel .panel-close-checkbox ~ .panel-header .panel-close .icon-up  {
	display: inline-block;
	transition: all .1s ease-in-out;
	transform: rotate(0deg);

}

.interactive-panel .panel-close-checkbox:checked ~ .panel-header .panel-close .icon-up  {
	transform: rotate(-180deg);
}

.interactive-panel .panel-btn-area {
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
}

.interactive-panel .panel-close {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	height: 30px;
    width: 30px;
    justify-content: center;
    align-items: center;
	margin: 0;
	padding: 0;
    font-size: 12px;
    line-height: 30px;
    float: left;
    cursor: pointer;
}

.interactive-panel .panel-close:hover {
    background-color: rgba(255,255,255,0.3);
}

/*New LOVSENCE Icon*/
.lovense-panel-content.header-panel-top .header-panel-top-icon {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center  
}

.lovense-panel-content.header-panel-top .header-panel-top-icon .lovesence-icon-path {
    fill: #fff;
    stroke: #fff;
}
</style>



<div class="inner-panel-container interactive-panel">
    
    <div class="lovense-tip-panel-container hide">
        <input type="radio" class="hide" name="lovensePanelOptions" id="lovenseTipPanel" checked>
        <input type="radio" class="hide" name="lovensePanelOptions" id="lovenseControlPanel">
        <div class="flex-center flex-column">
            <img src="https://cdn5.vscdns.com/images/lovense/logo-pink.png" alt="Lovense">
            <h3>SETTINGS</h3>
        </div>
        <div class="flex-center lovense-panel-labels">
            <label for="lovenseTipPanel">Tip Panel</label>
            <label for="lovenseControlPanel">Control Panel</label>
        </div>
        <div class="lovense-tip-panel lovense-sub-panel">
            <div class="lovense-tip-panel-grid">
                <div class="lovense-tip-panel-header">Credits</div>
                <div class="lovense-tip-panel-header">Time</div>
                <div class="lovense-tip-panel-header">Vibration</div>
            </div>
            <div class="lovense-tip-panel-grid-row">
                <div class="lovense-tip-panel-credits">1-9</div>
                <div class="lovense-tip-panel-time">1s</div>
                <div class="lovense-tip-panel-vibration vibra-icon-1 vibra-icon"></div>
            </div>
        </div>
        <div class="lovense-control-panel lovense-sub-panel">
            <div class="lovense-api-content">
            </div>
            <p class="control-panel-message text-center"></p>
        </div>
    </div>
    
    <div class="header-panel-top lovense-panel-content hide">
        <div class="header-panel-top-icon">
            <svg id="New-Lovense-Icon" xmlns="http://www.w3.org/2000/svg" width="32.563" height="20.998" viewBox="0 0 32.563 20.998">
                <path id="Path_3473" class="lovesence-icon-path" data-name="Path 3473" d="M3.139.643A3.667,3.667,0,0,0,.374.065a.459.459,0,0,0,.171.9A2.755,2.755,0,0,1,2.622,1.4,2.756,2.756,0,0,1,3.787,3.176a.459.459,0,0,0,.451.374.466.466,0,0,0,.086-.008A.459.459,0,0,0,4.689,3,3.666,3.666,0,0,0,3.139.643" transform="translate(24.432 8.018) rotate(8)" stroke-width="0.4"/>
                <path id="Path_3474" class="lovesence-icon-path" data-name="Path 3474" d="M8.42,5.6A6.839,6.839,0,0,0,5.532,1.2,6.839,6.839,0,0,0,.374.123a.459.459,0,0,0,.171.9,5.927,5.927,0,0,1,4.47.93,5.927,5.927,0,0,1,2.5,3.819.459.459,0,1,0,.9-.171" transform="translate(24.008 4.796) rotate(9)" stroke-width="0.4"/>
                <path id="Path_3475" class="lovesence-icon-path no-stroke" data-name="Path 3475" d="M3.759,16.985C-2.74,11.319-.388,3.459,7.56,1.1,11.362-.027,18.971-.31,22.879.357c2.516.43,2.111,2.077.119,2.87-2.961,1.178-7.93-.963-11.308-1.035C7.524,2.1,1.983,4.352,1.72,9.149c-.247,4.5,3.9,7.206,8.022,5.941a22.622,22.622,0,0,0,4.818-2.448c3.389-2.124,4.53-4.093,8.753-1.721,3.535,1.985,3.976,4.478.765,7.176C18.636,22.671,8.925,21.49,3.759,16.985" transform="translate(0 -0.001)" stroke-width="0"/>
            </svg>
        </div>
        <div class="header-panel-top-title">Tip Controlled</div>
    </div>

    <div class="spacer-sm"></div>

    <div class="lovense-panel-content lovense-description-container hide">
         
            <p class="text-center">Add some fire and desire to your interactive show with Lovense!</p>
            <p class="text-center">Lovense toys let you take total control of her orgasm. Your special someone can feel your sensual strokes and intense vibrations when you tip! And remember: Size Matters! The bigger the tip, the longer these sweet sensations last. Tease her with a few smaller tips, then make a bold statement with a tip flood for some truly climactic results!</p>
            </div>    

    <div class="header-panel-top interactive-panel-content">
        <div class="header-panel-top-icon">
            <svg id="New-Lovense-Icon" xmlns="http://www.w3.org/2000/svg" width="32.563" height="20.998" viewBox="0 0 32.563 20.998">
                <path id="Path_3473" class="lovesence-icon-path" data-name="Path 3473" d="M3.139.643A3.667,3.667,0,0,0,.374.065a.459.459,0,0,0,.171.9A2.755,2.755,0,0,1,2.622,1.4,2.756,2.756,0,0,1,3.787,3.176a.459.459,0,0,0,.451.374.466.466,0,0,0,.086-.008A.459.459,0,0,0,4.689,3,3.666,3.666,0,0,0,3.139.643" transform="translate(24.432 8.018) rotate(8)" stroke-width="0.4"/>
                <path id="Path_3474" class="lovesence-icon-path" data-name="Path 3474" d="M8.42,5.6A6.839,6.839,0,0,0,5.532,1.2,6.839,6.839,0,0,0,.374.123a.459.459,0,0,0,.171.9,5.927,5.927,0,0,1,4.47.93,5.927,5.927,0,0,1,2.5,3.819.459.459,0,1,0,.9-.171" transform="translate(24.008 4.796) rotate(9)" stroke-width="0.4"/>
                <path id="Path_3475" class="lovesence-icon-path no-stroke" data-name="Path 3475" d="M3.759,16.985C-2.74,11.319-.388,3.459,7.56,1.1,11.362-.027,18.971-.31,22.879.357c2.516.43,2.111,2.077.119,2.87-2.961,1.178-7.93-.963-11.308-1.035C7.524,2.1,1.983,4.352,1.72,9.149c-.247,4.5,3.9,7.206,8.022,5.941a22.622,22.622,0,0,0,4.818-2.448c3.389-2.124,4.53-4.093,8.753-1.721,3.535,1.985,3.976,4.478.765,7.176C18.636,22.671,8.925,21.49,3.759,16.985" transform="translate(0 -0.001)" stroke-width="0"/>
            </svg>
        </div>
        <div class="header-panel-top-title">Interactive</div>
    </div>    

    <div class="interactive-panel-content">
        <div class="d-flex justify-content-center align-item-center">
            <button id="generateQRCodeButton" class="btn btn-lg primary"/>
                Generate QR Code            </button>
        </div>

        <div class="spacer-sm"></div>

        <div class="d-flex justify-content-center align-item-center">
            <img src="" alt="qr code" id="QRCodeImage" class="hide">
            <div id="qrCodeImageErrorMsg" class="danger p-sm rounded-corners hide">
                <p>We could not load your QR code at this time. Please try again later.</p>
            </div>
        </div>

        <div class="spacer-md"></div>

        <div class="d-flex justify-content-center align-item-center">
            <div class="info rounded-corners padding-md">
                <p>Once the Feel Connect app has confirmed your connection to the site, <a href="#" id="returnToChatButton" >CLICK HERE</a> to return to Chat Conversation with your model. You will see the blue, glowing Feel Connect button on the right shortly. You are now ready to enjoy interactivity!</p>
            </div>
        </div>

        <div class="spacer-md"></div>

        <div class="panel">
            <label class="visually-hidden" for="panel-close-1">Close panel</label>
            <input type="checkbox" class="panel-close-checkbox hide" id="panel-close-1">
            <div class="panel-header">
                STEP 1
                <div class="panel-btn-area clearfix">
                    <div class="panel-close">
                        <i class="icon-up"></i>
                        <span class="visually-hidden">Close panel</span>
                    </div>
                </div>
            </div>
            <div class="panel-body">
                <p class="text-center">Download the "Feel Connect" app from either Google Play or the App Store.</p>
            </div>
        </div>

        <div class="panel">
            <label class="visually-hidden" for="panel-close-2">Close panel</label>
            <input type="checkbox" class="panel-close-checkbox hide" id="panel-close-2" checked>
            <div class="panel-header">
                STEP 2
                <div class="panel-btn-area clearfix">
                    <div class="panel-close">
                        <i class="icon-up"></i>
                        <span class="visually-hidden">Close panel</span>
                    </div>
                </div>
            </div>
            <div class="panel-body">
                <p class="text-center">Turn on your interactive device and make sure Bluetooth is enabled on your phone and is in pairing mode.</p>
            </div>
        </div>

        <div class="panel">
            <label class="visually-hidden" for="panel-close-3">Close panel</label>
            <input type="checkbox" class="panel-close-checkbox hide" id="panel-close-3" checked>
            <div class="panel-header">
                STEP 3
                <div class="panel-btn-area clearfix">
                    <div class="panel-close">
                        <i class="icon-up"></i>
                        <span class="visually-hidden">Close panel</span>
                    </div>
                </div>
            </div>
            <div class="panel-body">
                    <p class="text-center">Wait until the app finds your toy, then tap add selected devices at the bottom.</p>
            </div>
        </div>

        <div class="panel">
            <label class="visually-hidden" for="panel-close-4">Close panel</label>
            <input type="checkbox" class="panel-close-checkbox hide" id="panel-close-4" checked>
            <div class="panel-header">
                STEP 4
                <div class="panel-btn-area clearfix">
                    <div class="panel-close">
                        <i class="icon-up"></i>
                        <span class="visually-hidden">Close panel</span>
                    </div>
                </div>
            </div>
            <div class="panel-body">
                <p class="text-center">Within the "Feel Connect" app, tap on the menu on the top left corner of the screen and select "Add a website".</p>
            </div>
        </div>

        <div class="panel">
            <label class="visually-hidden" for="panel-close-5">Close panel</label>
            <input type="checkbox" class="panel-close-checkbox hide" id="panel-close-5" checked>
            <div class="panel-header">
                STEP 5
                <div class="panel-btn-area clearfix">
                    <div class="panel-close">
                        <i class="icon-up"></i>
                        <span class="visually-hidden">Close panel</span>
                    </div>
                </div>
            </div>
            <div class="panel-body">
                <p class="text-center">Click on the Generate QR Code button and then scan the code. Your Feel Connect app will confirm your connection to the website.</p>
            </div>
        </div>

        <div class="panel">
            <label class="visually-hidden" for="panel-close-6">Close panel</label>
            <input type="checkbox" class="panel-close-checkbox hide" id="panel-close-6" checked>
            <div class="panel-header">
                STEP 6
                <div class="panel-btn-area clearfix">
                    <div class="panel-close">
                        <i class="icon-up"></i>
                        <span class="visually-hidden">Close panel</span>
                    </div>
                </div>
            </div>
            <div class="panel-body">
                <p class="text-center">Note: If you change devices, you will need to generate and scan a new QR code on this site.</p>
            </div>
        </div>

        <div class="panel">
            <label class="visually-hidden" for="panel-close-7">Close panel</label>
            <input type="checkbox" class="panel-close-checkbox hide" id="panel-close-7" checked>
            <div class="panel-header">
                STEP 7
                <div class="panel-btn-area clearfix">
                    <div class="panel-close">
                        <i class="icon-up"></i>
                        <span class="visually-hidden">Close panel</span>
                    </div>
                </div>
            </div>
            <div class="panel-body">
                <p class="text-center">Note: Models can only control your device in a show (not open chat).</p>
            </div>
        </div>
    </div>
</div>

						<div class="inner-panel-container vod-panel"></div>


						<div class="inner-panel-container vod-package-panel"></div>


						<div class="inner-panel-container foty-panel"></div>


						<div class="inner-panel-container photos-panel">view my photos</div>


						<div class="inner-panel-container promo-panel deleteme">
							
						</div>


						<div class="inner-panel-container wdm-panel">
    <div style="background: url('https://cdn5.vscdns.com/images/chat-room/welcome-day/welcome-day-panel-heading-flex.png') no-repeat center center; height: 70px;">
    </div>
    <p class="mb-0 text-center text-uppercase">VIPs Get<br><span class="text-bigger text-success bold">5 Minutes Free</span></p>
    <p class="mt-0 text-center text-uppercase">to help welcome this model!</p>
    <div class="line"></div>
    <div class="mb-md mt-md">
        <p class="bold mb-xs">Q: How does it Work?</p>
        <p class="mt-0"><span class="bold">A:</span> Be an active VIP Member and have <span class="">200 credits in your account</span> to qualify! Limit One Free Show per customer per model. Shows subject to availability. <a id="becomeVIPforWDMLink">Become a VIP Now!</a></p>
    </div>
    <div class="mb-md">
        <p class="bold mb-xs">Q: What does it cost?</p>
        <p class="mt-0"><span class="bold">A:</span> The <span class="">5 minute show is free!</span> Afterwards the billing cycle <span class="">resumes at 50cpm</span> or you may end your show before the 5 minutes at no cost! Any remaining free show minutes will be lost.</p>
    </div>
    <div class="mb-md">
        <p class="bold mb-xs">Q: How many Welcome Day shows do I get?</p>
        <p class="mt-0"><span class="bold">A:</span> VIP members qualify for a free show with <span class="">every special Welcome Day model we offer</span>. Just have an active membership, 200 credits, be online while the model is broadcasting on their Welcome Day then start your show!</p>
    </div>
    <div class="mb-md">
        <p class="bold mb-xs">Q: How can I find more Welcome Days?</p>
        <p class="mt-0"><span class="bold">A:</span> Models with Welcome Days will have the Welcome Day "Free Shows" green circle to help you spot them and upcoming Welcome Days will be displayed on the <a target="_blank" rel="noopener noreferrer" href="/calendar/girls">calendar here</a>.</p>
    </div>
    <div class="spacer-xs"></div>
        <button class="btn primary show wdm-show-btn hide" id="startYourWdmShow" style="margin: 10px auto;">START YOUR FREE SHOW NOW!</button>
    <button class="btn primary show wdm-show-btn hide" id="buyMoreCreditsWdm" style="margin: 10px auto;">BUY MORE CREDITS</button>
    <button class="btn primary show wdm-show-btn hide" id="becomeVipForWdm" style="margin: 10px auto;">BECOME A VIP MEMBER</button>
    <button class="btn primary show wdm-show-btn hide" id="registerAsVipForWdm" style="margin: 10px auto;">REGISTER AS A VIP</button>
</div>
<div class="inner-panel-container refresh-panel p-md">
        <div class="flex-column align-items-center" style="display: flex;">

            <div class="refresh-loading-container m-md text-center hide">
                <i class="loading-v2 lg"></i>
                <p>Refreshing the page...</p>
            </div>

            <div id="refreshContainer" class="flex-column align-items-center" style="display: flex;">
                <h3>
                    Are you sure you want to refresh the page?
                </h3>

                <div class="mt-md mb-md">
                    <button class="boost-model-room btn primary mr-xs ml-xs" id="refreshSessionBtn">YES</button>
                    <label for="userControlsOff" class="boost-model-room btn mr-xs ml-xs">NO</label>

                </div>
            </div>
        </div>
</div>

<div class="inner-panel-container version-panel p-md">
        <div class="flex-column align-items-center" style="display: flex;">


            <div class="version-loading-container m-md text-center hide">
                <i class="loading-v2 lg"></i>
                <p>Switching to old chatroom...</p>
            </div>

            <div id="versionContainer" class="flex-column align-items-center" style="display: flex;">
                <h3>
                    Are you sure you want to use the old version of our chatroom?
                </h3>

                <div class="mt-md mb-md">
                    <button class="boost-model-room btn primary mr-xs ml-xs" id="reverToOldVersion">YES</button>
                    <label for="userControlsOff" class="boost-model-room btn mr-xs ml-xs">NO</label>

                </div>
            </div>
        </div>
</div>
<div class="inner-panel-container fanclub-panel">
	<div class="header-panel-top">
		<div class="header-panel-top-icon"><i class="icon-fan-finger"></i></div>
		<div class="header-panel-top-title">Fan Club</div>
	</div>
	<div class="video-clip">
		<video id="modelVideoPlayerFc" width="100%" height="auto" poster="" playsinline webkit-playsinline="webkit-playsinline" controls=true class="hide"></video>
	</div>
	<div class="fanclub-save">Save <span>5%</span> on My Shows + More!</div>
	<form action="/my-account/secure/fan-clubs.php" method="post" name="join_fanclub" id="join_fanclub" class="form">
		<input type="hidden" name="a" value="fanclub_confirm_signup" />
				<input type="hidden" id="fanClubModelIdInput" name="model_id" value="" />
		<input type="hidden" name="ITEM[fan_ref]" value="FC_chat_room" />
		<input type="hidden" name="csrf" value="b3b1079e2de859faf27e8837274b5964" />
		<div class="line"></div>
		<div class="fanclub-cost">Cost:<br><span class="fanclub-rate-credits"></span> Credits for <span>30 days</span></div>
		<div class="fanclub-visit mt-md">Visit Fan Club:<br> <a class="visit-fan-club-link btn btn-sm primary" data-mp-code="0000" href="#" target="_blank" rel="noopener noreferrer">Click here to visit my Fan Club</a></div>
		<div class="line"></div>
		<div class="form-elements text-center">
			<label class="select_drop bold" for="userScreenNameOptionsSelect">Screen name to join:</label>
			<div class="select-element">
				<select name="ITEM[screen_name]" class="user-screen-name-options" id="userScreenNameOptionsSelect">
					<option>screen name</option>
				</select>
				<div class="select-arrow"></div>
			</div>
		</div>
		<div class="text-center mt-xs"><a href="javascript:void(0)" class="btn primary" title="Join Fanclub" onClick="document.getElementById('join_fanclub').submit();">Join My Fan Club</a></div>
	</form>
</div>
<div class="inner-panel-container flirt-sms-panel text-center">
	<div class="header-panel-top">
		<div class="header-panel-top-icon"><i class="icon-sms"></i></div>
		<div class="header-panel-top-title">Flirt SMS</div>
	</div>
	
	<p>Flirt SMS is a new feature for customers to communicate with models on their mobile phones via text.</p>
	<p>Use Flirt SMS for a fun, private and secure way to chat. </p>
	<a target="_blank" href="/sms/" class="common-link">Learn More About Flirt SMS</a>
	<p>or</p>
		<div id="smsDisplayForGuest" class="mt-sm mb-sm">
						<p>In order to use the Flirt SMS application to text with <span id="smsModeName"></span> please <a href="/my-account">login</a> to your account</p>
	</div>
	<div id="smsDisplayForNonGuest" class="mt-sm mb-sm">
				<div class="text-center"><a id="smsSignUpLink" href="#" class="btn primary" target="_blank" rel="noopener noreferrer">Click Here to Sign Up</a></div>
	</div>
</div>



<style>

@supports (display: grid) {
        .live-models {
            display: grid;
            grid-gap: 1px;
            position: relative;
            flex-wrap: unset;
        }

        .xvc .live-models,
        .xvt .live-models {
            grid-gap: 4px;
        }

        .model-container-home {
            width: unset;
            position: relative;
                            padding-bottom: 75%; /* 4:3 ratio */
            
        }

        .homepage-label {
            width: unset;
        }
    }

    .small-grid-in-rooms .live-models {
        grid-template-columns: repeat(4, 1fr);
    } 

    .medium-grid-in-rooms .live-models {
        grid-template-columns: repeat(3, 2fr);
    } 

    .large-grid-in-rooms .live-models {
        grid-template-columns: repeat(2, 3fr);
    } 

    .small-grid .live-models {
        grid-template-columns: repeat(7, 1fr);
    }

    .medium-grid .live-models {
        grid-template-columns: repeat(6, 1fr);
    }

    .large-grid .live-models {
        grid-template-columns: repeat(5, 1fr);
    }

    .chat-room-minimized.small-grid-in-rooms .live-models {
        grid-template-columns: repeat(7, 1fr);
    }
    
    .chat-room-minimized.medium-grid-in-rooms .live-models {
        grid-template-columns: repeat(6, 1fr);
    }
    
    .chat-room-minimized.large-grid-in-rooms .live-models {
        grid-template-columns: repeat(5, 1fr);
    }

    .small-grid .live-models .model-container-home.container-x2 {
        grid-column: span 2; 
        grid-row: span 2; 
    }

    .medium-grid .live-models .model-container-home.container-x2 {
        grid-column: span 2; 
        grid-row: span 2; 
    }

    .large-grid .live-models .model-container-home.container-x2 {
        grid-column: span 2; 
        grid-row: span 2; 
    }

    /*  Generic Homepage Label
    .homepage-label must always be equal to $gridLabelHeight //otherwise it will break the virtual scrolling  */
    .homepage-label {
        font-size: calc(14px + .3vw);
        padding: 10px 0px 10px 0px;
        font-weight: normal;
        height: 60px;
        max-height: 60px;
        min-height: 60px;
        display: flex;
        align-items: flex-end;
        box-sizing: border-box;
    }
    
    .small-grid-in-rooms .homepage-label {
        grid-column: span 4;  
    }

    .medium-grid-in-rooms .homepage-label {
        grid-column: span 3;  
    }

    .large-grid-in-rooms .homepage-label {
        grid-column: span 2;  
    } 

    .small-grid .homepage-label {
        grid-column: span 7; 
    }

    .medium-grid .homepage-label {
        grid-column: span 6; 
    }
    
    .large-grid .homepage-label {
        grid-column: span 5; 
    }

    /* Homepage Favorites section */
    .my-favorites-homepage-wrap{
        display: grid;
    }

    .live-models-top-wrap .favorites-models {
        grid-column: span 6;
    }
    .my-favorites-homepage-wrap {
        grid-column: span 6;
    }

    .large-grid .my-favorites-homepage-wrap {
        grid-column: span 5;
    }

    .medium-grid .my-favorites-homepage-wrap {
        grid-column: span 6;
    }

    .small-grid .my-favorites-homepage-wrap {
        grid-column: span 7;
    }

    .my-favorites-homepage-wrap .my-favorites-homepage-models {
        width: 100%;
        overflow-x: hidden;
        position: relative;
    }

    .my-favorites-homepage-wrap .live-models-top-wrap {
        display: flex;
        align-items: center;
        padding: 0;
    }

    .my-favorites-homepage-wrap .homepage-label-f4f,
    .my-favorites-dmplus-wrap .homepage-label-f4f {
        display: flex;
        align-items: center;
        white-space: nowrap;
        overflow: hidden;
        height: 60px;
        max-height: 60px;
        min-height: 60px;
        box-sizing: border-box;
        width: 100%;
    }

    .my-favorites-homepage-wrap .homepage-label,
    .my-favorites-homepage-wrap .homepage-label-f4f {
        display: grid;
        grid-template-columns: auto auto 1fr
    }

    .my-favorites-homepage-wrap .homepage-label-f4f div {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .my-favorites-homepage-wrap .homepage-label-f4f .sorting-tags,
    .my-favorites-dmplus-wrap .homepage-label-f4f .sorting-tags {
        text-transform: capitalize;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        padding: 5px 10px;
        margin-top: 1px;
        margin-left: 5px;
        height: 24px;
        line-height: 24px;
        justify-items: center;
        font-size: 11px;
        color: #fff;
        background-color: #323541;
        border-radius: 0;
        transform: skewX(-15deg);
    }

    .wl .my-favorites-homepage-wrap .homepage-label-f4f .sorting-tags,
    .wl .my-favorites-dmplus-wrap .homepage-label-f4f .sorting-tags {
        border-radius: 5px;
        transform: skewX(0deg);
    }

    .my-favorites-homepage-wrap .my-favorites-homepage-models {
        display: grid;
        grid-gap: 0 1px;
        position: relative;
        overflow: visible;
        grid-auto-rows: 0;
    }

    .my-favorites-homepage-wrap .show-one-row {
        grid-template-rows: minmax(100px, 1fr) minmax(0px, 0);
    }

    .my-favorites-homepage-wrap .show-two-rows {
        grid-template-rows: minmax(100px, 1fr) minmax(100px, 1fr) minmax(0px, 0);
    }           

    .large-grid .my-favorites-homepage-wrap .my-favorites-homepage-models {
        grid-template-columns: repeat(5, 1fr);
    }

    .medium-grid .my-favorites-homepage-wrap .my-favorites-homepage-models {
        grid-template-columns: repeat(6, 1fr);
    }

    .small-grid  .my-favorites-homepage-wrap .my-favorites-homepage-models {
        grid-template-columns: repeat(7, 1fr);
    }

    .my-favorites-homepage-wrap .collapse-favorite-models {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 60px;
        font-size: 11px;
        letter-spacing: 1px;
        font-weight: 600;
    }

    .my-favorites-homepage-wrap .collapse-favorite-models:before,
    .my-favorites-homepage-wrap .collapse-favorite-models:after {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: calc(50% - 95px/2 - 20px);
        height: 1px;
        background-color: rgba(255,255,255,0.3);
    }

    .my-favorites-homepage-wrap .collapse-favorite-models:before {
        left: 0;
    }

    .my-favorites-homepage-wrap .collapse-favorite-models:after{
        right: 0;
    }

    .collapse-favorite-models .icon-down {
        margin-left: 5px;
        line-height: 0;
        transform: rotate(0deg);
    }
    
    .show-more-btn-text, 
    .show-less-btn-text {
        margin-left: 2px;
    }

    .show-less-btn-text,
    #verticalFavoritesBtn:checked ~ .collapse-favorite-models .show-more-btn-text {
        display: none;
    }

    #verticalFavoritesBtn:checked ~ .collapse-favorite-models .show-less-btn-text {
        display: inline;
    }

    #verticalFavoritesBtn:checked ~ .collapse-favorite-models .icon-down {
        transform: rotate(180deg);
    }

    .large-grid .my-favorites-homepage-wrap,
    .large-grid .my-favorites-dmplus-wrap{
        grid-column: span 5;
    }
    .medium-grid .my-favorites-homepage-wrap,
    .medium-grid .my-favorites-dmplus-wrap{
        grid-column: span 6;
    }
    .small-grid .my-favorites-homepage-wrap,
    .small-grid .my-favorites-dmplus-wrap{
        grid-column: span 7;
    }

    .chat-room-opened.large-grid-in-rooms .my-favorites-dmplus-wrap,
    .chat-room-opened.large-grid-in-rooms .my-favorites-homepage-wrap {
        grid-column: span 2;
    }

    .chat-room-opened.medium-grid-in-rooms .my-favorites-dmplus-wrap,
    .chat-room-opened.medium-grid-in-rooms .my-favorites-homepage-wrap {
        grid-column: span 3;
    }

    .chat-room-opened.small-grid-in-rooms .my-favorites-dmplus-wrap,
    .chat-room-opened.small-grid-in-rooms .my-favorites-homepage-wrap {
        grid-column: span 4;
    }

    .chat-room-opened.large-grid-in-rooms .my-favorites-homepage-wrap .show-two-rows {
        grid-template-columns: repeat(2, 2fr);
    }

    .chat-room-opened.medium-grid-in-rooms .my-favorites-homepage-wrap .show-two-rows {
        grid-template-columns: repeat(3, 2fr);
    }

    .chat-room-opened.small-grid-in-rooms .my-favorites-homepage-wrap .show-two-rows {
        grid-template-columns: repeat(4, 1fr);
    }

    .inner-panel-container .favorites-models .toggle-check,
    .chatroom-container .favorites-models .toggle-check {
        display: flex;
        cursor: pointer;
    }
    .inner-panel-container .favorites-models .toggle-check-box,
    .chatroom-container .favorites-models .toggle-check-box {
        width: 30px;
        display: block;
        height: 15px;
    }
    .dark .inner-panel-container .favorites-models .toggle-check-box,
    .dark .chatroom-container .favorites-models .toggle-check-box {
        opacity: 1;
    }

    .inner-panel-container .favorites-models  .toggle-check-box:after,
    .chatroom-container .favorites-models .toggle-check-box:after {
        width: 16px;
        right: 17px;
    }

    .inner-panel-container .favorites-models .toggle-check input[type=checkbox]:checked ~ .toggle-check-box:before {
        background: #2C91AF;
    }

    .wl .inner-panel-container .favorites-models .toggle-check input[type=checkbox]:checked ~ .toggle-check-box:before {
        background: var(--wl-primary);
    }
    .wl.xnxx-cams .inner-panel-container .favorites-models .toggle-check input[type=checkbox]:checked ~ .toggle-check-box:before {
        background: #004BE8;
    }

    .inner-panel-container .favorites-models .toggle-check input[type=checkbox]:checked ~ .toggle-check-box:after,
    .chatroom-container .favorites-models .toggle-check input[type=checkbox]:checked ~ .toggle-check-box:after {
        background-color: #fff;
    }

    .inner-panel-container .favorites-models .toggle-check-text,
    .chatroom-container .favorites-models .toggle-check-text {
        font-size: 13px;
        color: #fff;
    }
    .light .inner-panel-container .favorites-models .toggle-check-text,
    .light .chatroom-container .favorites-models .toggle-check-text {
        font-size: 13px;
        color: #111;
    }
    .light .chatroom-24.chatroom-container .toggle-check-box:after {    
        top: 2px;
    }

    /* Affiliate Banner  */
    .affBanner {
        width: 100%;
    }

    .categories-opened .affBanner {
        display: flex;
        justify-content: flex-end;
    }

    .categories-opened .affBanner .d-flex {
        width: calc(100% - 260px);
    }

    .model-of-the-week .gradient-model-layer .model-device {
        top: 72px;
    }

    /*New Lovesence Icon*/
    .gradient-model-layer .model-device .lovense-icon {
        width: 20px; 
    }

    .gradient-model-layer .model-device .lovense-icon.tip-controlled .lovesence-icon-path  {
        fill: #CC5C97;
        stroke: #CC5C97; 
    }

    .wl .gradient-model-layer .model-device .lovense-icon.tip-controlled .lovesence-icon-path  {
        fill: #de1f88;
        stroke: #de1f88;  
    }

    .gradient-model-layer .model-device .lovense-icon.one-way .lovesence-icon-path  {
        fill: #0b68cb;
        stroke: #0b68cb; 
    }

    .gradient-model-layer .model-device .lovense-icon.two-way .lovesence-icon-path  {
        fill: #5a43d6;
        stroke: #5a43d6; 
    }


    
     


</style>



    <script>
        window.__homePageGridConfig__ = {
            inRoomsSmall: {"col":4,"class_name":"small-grid-in-rooms","sample_size":"-200x150","sample_size_hd":"-640x480","spotlight_col":1,"spotlight_row":1,"spotlight_sample_size":"-640x480","spotlight_sample_size_hd":"-1200x900"},
            inRoomsMedium: {"col":3,"class_name":"medium-grid-in-rooms","sample_size":"","sample_size_hd":"-640x480","spotlight_col":1,"spotlight_row":1,"spotlight_sample_size":"-640x480","spotlight_sample_size_hd":"-1200x900"},
            inRoomsLarge: {"col":2,"class_name":"large-grid-in-rooms","sample_size":"","sample_size_hd":"-640x480","spotlight_col":1,"spotlight_row":1,"spotlight_sample_size":"-640x480","spotlight_sample_size_hd":"-1200x900"},
            small: {"col":7,"class_name":"small-grid","sample_size":"-200x150","sample_size_hd":"-640x480","spotlight_col":2,"spotlight_row":2,"spotlight_sample_size":"-640x480","spotlight_sample_size_hd":"-1200x900"},
            medium: {"col":6,"class_name":"medium-grid","sample_size":"","sample_size_hd":"-640x480","spotlight_col":2,"spotlight_row":2,"spotlight_sample_size":"-640x480","spotlight_sample_size_hd":"-1200x900"},
            large: {"col":5,"class_name":"large-grid","sample_size":"","sample_size_hd":"-640x480","spotlight_col":2,"spotlight_row":2,"spotlight_sample_size":"-640x480","spotlight_sample_size_hd":"-1200x900"},
            default: "medium",
            labelHeight: 60,
            rowHeightDMPlus: 110,
            modelAspectRatio: 1.3333333333333,
            modelDMPlusCount: 12,
            gridTitle: {"default":"Live Sex Cams","girls":"Live Cam Girls","guys":"Live Gay Cams","trans":"Live Trans Cams"},
        };
    </script>


<div class="inner-panel-container more-models-panel text-left">
    
    
    
<div class="my-favorites-homepage-wrap hide" data-collapse="noscroll" data-rees="tempRefactorDM">


    <div class="live-models-top-wrap favorites-models">     
        <div class="homepage-label-f4f homepage-label-heading-f4f homepage-label">         
            <h2 class="home-title-tags">My Favorites</h2>
            <div class="sorting-tags-wrap">             
                <div class="sorting-tags favorite-online wl-color-main-bg wl-color-theme-bg-text skew">                 
                    <span> 6 Models  </span>
                </div>
                <span class="no-favorites-online-text hide">
                    Add more models to your favorites to start the fun!
                </span>
            </div>
            <div class="dmplus-favorites-toggle hide">
                <a href="#" aria-haspopup="false" class="homepage-sorting-icon no-decoration text-24 ml-md" title="Show DM+ Favorites">
                    <label class="form-check-radio toggle-check">
                        <input type="checkbox" name="dmplus_favorites_layout" id="dmPlusFavoritesBtn" class="hide" data-transform-inclusive="true" data-transform-type="collapse-expand" data-transform="dmplus-favorites" data-transform-label="Show DM+ Favorites">
                        <span class="toggle-check-text mr-sm">Show DM+ Favorites</span>
                        <span class="toggle-check-box"></span> 
                    </label>
                </a>
            </div>
        </div> 
    </div>
    

            <div class="my-favorites-homepage-collapse-wrap">

                        <input type="checkbox" name="favorites_layout" id="verticalFavoritesBtn" class="hide" data-transform-inclusive="true" data-transform-type="collapse-expand" data-transform="live-favorites">

            <div class="my-favorites-homepage-models"></div>

            <div class="collapse-favorite-models hide">
                <label for="verticalFavoritesBtn" class="d-flex align-items-center">SHOW <span class="show-more-btn-text">MORE</span><span class="show-less-btn-text">LESS</span> <i class="icon-down"></i></label>
            </div>
        </div>
    </div>

    
    

    <section class="model-sort-container sort-panel">
        <div class="d-flex">
            <div class="models-sort-by">
                                <div class="btn has-drop-menu hover-menu cat-filter">
                    <input type="checkbox" id="room-filter-2" class="drop-menu-input">
                    <label for="room-filter-2" class="menu-label"><span class="visually-hidden">Room</span></label>
                    <i class="icon-down"></i>
                    <span>Room</span>
                    <label class="full-screen" for="room-filter-2"><span class="visually-hidden">Room</span></label>
                    <ul class="drop-menu scrollbar-ghost scrollbar-custom sort-room-filter-menu" data-transform-menu="filter-sort-container" data-transform-populate="true">
                    </ul>
                </div>

                                <div class="btn has-drop-menu hover-menu search-filter" title="Search by model, category or room type.">
                    <i class="icon-magnifying-glass"></i>
                    
                    <input type="text" data-transform="models" data-transform-type="search" class="search-filter-input" placeholder="Search Live Models" id="search-live-models-sorting-container">
                    <div class="suggestions hide">
                        <div class="suggestion-wrap scrollbar-ghost scrollbar-custom">
                            <div class="trending hide">
                            </div>
                            <div class="favorites hide">
                            </div>
                            <div class="models hide">
                            </div>
                            <div class="categories hide">
                            </div>
                            <div class="roomtypes hide">
                            </div>
                            <button class="results hide">
                                Search
                            </button>
                        </div>
                    </div>
                </div>

                                <div class="btn has-drop-menu hover-menu cat-filter">
                    <input type="checkbox" id="room-grid" class="drop-menu-input">
                    <label for="room-grid" class="menu-label"><span class="visually-hidden">room grid</span></label>
                    <i class="icon-down"></i>
                    <span><i class="icon-grid-3"></i></span>
                    <label class="full-screen" for="room-grid"><span class="visually-hidden">room grid</span></label>
                    <ul class="drop-menu">
                        <li><div data-transform="small"  data-transform-type="grid-size" class="grid-size small" title="Arrange models in small grid."><i class="icon-grid-1"></i></div></li>
                        <li><div data-transform="medium" data-transform-type="grid-size" class="grid-size medium" title="Arrange models in medium grid."><i class="icon-grid-2"></i></div></li>
                        <li><div data-transform="large"  data-transform-type="grid-size" class="grid-size large" title="Arrange models in large grid."><i class="icon-grid-3"></i></div></li>
                    </ul>
                </div>
                
                
            
            </div>

        </section>
        


        <div class="homepage-head hide" data-homepage-markup="homepage-head">
            <div class="homepage-label homepage-label-heading">
                                    <h1 class="home-title-tags">Live Cam Girls</h1>
                                <div class="sorting-tags-wrap">
                    <div class="sorting-tags wl-color-main-bg wl-color-theme-bg-text skew"><span>289 models online</span></div>
                    <div class="sorting-tags wl-color-main-bg wl-color-theme-bg-text skew"><span></span></div>
                    <div class="language-tags wl-color-main-bg wl-color-theme-bg-text skew hide" data-tag-transform="en" data-tag-transform-type="language-filter">
                        <span>en</span>
                        <i class="icon-x" data-tag-transform="en" data-tag-transform-type="language-filter"></i>
                    </div>
                </div>
            </div>
            <div class="homepage-sorting">
                <div class="homepage-sorting-icons-wrap">       
                    <a href="/?transform-type=sort&amp;transform=mobile-pa" data-transform-inclusive="true" aria-haspopup="false" data-transform-type="filter" data-transform="mobile-pa" data-transform-label="Show Mobile" class="homepage-sorting-icon" title="Show Mobile Models">
                        <svg class="svg-icon" xmlns="http://www.w3.org/2000/svg" width="13" height="22" viewBox="0 0 13 22">
                          <g id="Rectangle_6129" data-name="Rectangle 6129" fill="none" stroke-width="1">
                            <rect width="13" height="22" rx="2" stroke="none"/>
                            <rect x="0.5" y="0.5" width="12" height="21" rx="1.5" fill="none"/>
                          </g>
                          <line id="Line_43" data-name="Line 43" x1="5.712" transform="translate(3.644 19.5)" fill="none" stroke-linecap="round" stroke-width="1"/>
                          <line id="Line_44" data-name="Line 44" x1="4" transform="translate(4.5 2.5)" fill="none" stroke-linecap="round" stroke-width="1"/>
                        </svg>

                    </a>
                    <a href="/?transform-type=filter&amp;transform=hide-flags" data-reverse="true" data-transform-inclusive="true" aria-haspopup="false" data-transform-type="filter" data-transform="hide-flags" data-transform-label="Show Country Flags" class="homepage-sorting-icon" title="Show Country Flags">
                        <svg class="svg-icon" xmlns="http://www.w3.org/2000/svg" width="22" height="16" viewBox="0 0 22 16">
                          <g id="Rectangle_6129" data-name="Rectangle 6129" fill="none"  stroke-width="1">
                            <rect width="22" height="16" rx="1" stroke="none"/>
                            <rect x="0.5" y="0.5" width="21" height="15" rx="0.5" fill="none"/>
                          </g>
                          <g id="Rectangle_6130" data-name="Rectangle 6130" fill="none" stroke-width="1">
                            <path d="M2,0h8a0,0,0,0,1,0,0V10a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0V2A2,2,0,0,1,2,0Z" stroke="none"/>
                            <path d="M2,.5H9.5a0,0,0,0,1,0,0v9a0,0,0,0,1,0,0H.5a0,0,0,0,1,0,0V2A1.5,1.5,0,0,1,2,.5Z" fill="none"/>
                          </g>
                          <g id="Rectangle_6131" data-name="Rectangle 6131" transform="translate(9 3)" fill="none" stroke-width="1">
                            <rect width="13" height="4" stroke="none"/>
                            <rect x="0.5" y="0.5" width="12" height="3" fill="none"/>
                          </g>
                          <g id="Rectangle_6132" data-name="Rectangle 6132" transform="translate(9 6)" fill="none" stroke-width="1">
                            <rect width="13" height="4" stroke="none"/>
                            <rect x="0.5" y="0.5" width="12" height="3" fill="none"/>
                          </g>
                          <g id="Rectangle_6133" data-name="Rectangle 6133" transform="translate(0 9)" fill="none" stroke-width="1">
                            <rect width="22" height="4" stroke="none"/>
                            <rect x="0.5" y="0.5" width="21" height="3" fill="none"/>
                          </g>
                        </svg>
                    </a>
                    <a href="/?transform-type=filter&amp;transform=hide-transgender" data-transform-inclusive="true" aria-haspopup="false" data-transform-type="filter" data-transform="hide-transgender" data-transform-label="Hide Transgender" class="homepage-sorting-icon" title="Hide Transgender">
                        <svg xmlns="http://www.w3.org/2000/svg" width="18.97" height="22.298" viewBox="0 0 18.97 22.298">
                          <g class="svg-icon" transform="translate(0.849 0.849)">
                            <circle id="Ellipse_191" data-name="Ellipse 191" cx="5.406" cy="5.406" r="5.406" transform="translate(3.23 3.23)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2"/>
                            <path id="Path_402" data-name="Path 402" d="M1398,2254.921" transform="translate(-1389.364 -2233.921)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2"/>
                            <line id="Line_34" data-name="Line 34" x2="4.961" transform="translate(6.156 18.247)" fill="none"  stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2"/>
                            <line id="Line_35" data-name="Line 35" y1="6.808" transform="translate(8.636 14.042)" fill="none"  stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2"/>
                            <line id="Line_36" data-name="Line 36" y1="3.404" transform="translate(17.272)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2"/>
                            <line id="Line_37" data-name="Line 37" x2="3.404" transform="translate(13.869)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2"/>
                            <line id="Line_38" data-name="Line 38" x1="4.814" y2="4.814" transform="translate(12.459)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2"/>
                            <line id="Line_39" data-name="Line 39" x1="3.404" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2"/>
                            <line id="Line_40" data-name="Line 40" y1="3.404" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2"/>
                            <line id="Line_41" data-name="Line 41" x2="4.814" y2="4.814" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2"/>
                            <line id="Line_42" data-name="Line 42" x1="2.636" y2="2.636" transform="translate(1.912 1.912)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2"/>
                          </g>
                        </svg>
                    </a>
                    <div data-transform="hd" data-transform-inclusive="true" data-transform-type="quality" class="homepage-sorting-icon" title="Higher quality Images" title="switch to higher quality images">
                        <svg class="svg-icon hd-images" xmlns="http://www.w3.org/2000/svg" width="24" height="21" viewBox="0 0 24 21">
                        <g id="Group_196" data-name="Group 196" transform="translate(-1294 -122)">
                          <g id="HD" transform="translate(-4.633 -0.816)">
                            <g id="Rectangle_6128" data-name="Rectangle 6128" transform="translate(1298.633 122.816)" fill="none" stroke-width="1">
                              <rect width="24" height="21" rx="2" stroke="none"/>
                              <rect x="0.5" y="0.5" width="23" height="20" rx="1.5" fill="none"/>
                            </g>
                            <text id="HD-2" data-name="HD" transform="translate(1310.633 136.816)" fill="#9bafc2" font-size="10" font-family="OpenSans-Semibold, Open Sans" font-weight="600"><tspan x="-7.424" y="0">HD</tspan></text>
                          </g>
                        </g>
                      </svg>
                    </div>
                </div>
                <div class="homepage-grid-size-wrap">
                    <div data-transform="small"  data-transform-type="grid-size" class="grid-size small" title="Arrange models in small grid."><i class="icon-grid-1"></i></div>
                    <div data-transform="medium" data-transform-type="grid-size" class="grid-size medium" title="Arrange models in medium grid."><i class="icon-grid-2"></i></div>
                    <div data-transform="large"  data-transform-type="grid-size" class="grid-size large" title="Arrange models in large grid."><i class="icon-grid-3"></i></div>
                    <div class="hide" data-transform="small-rooms"  data-transform-type="grid-size" class="grid-size rooms" title="Arrange models in small grid."><i class="icon-grid-3"></i></div>
                    <div class="hide" data-transform="medium-rooms"  data-transform-type="grid-size" class="grid-size rooms" title="Arrange models in medium grid."><i class="icon-grid-3"></i></div>
                    <div class="hide" data-transform="large-rooms"  data-transform-type="grid-size" class="grid-size rooms" title="Arrange models in large grid."><i class="icon-grid-3"></i></div>  
                </div>
            </div>
        </div>

        <div class="live-models">
            <div class="live-models-room-spinner">
                <i class="loading-v2 lg"></i>
                <span class="m-md">Please wait models are loading</span>
            </div>
        
        </div>

</div><div class="inner-panel-container offers-panel">
	<div class="header-panel-top">
		<div class="header-panel-top-icon"><i class="icon-make-offer"></i></div>
		<div class="header-panel-top-title">Make an Offer</div>
	</div>

	<div class="alert info-25">
		<div class="alert-title clearfix">
			<span><i class="icon-info"></i> <b>Have Questions?</b></span>
		</div>
		Visit our <a href="/faq.php" target="_blank" rel="noopener noreferrer">FAQ section</a> to get all the answers you need about how show offers work.
	</div>
	<div id="offerTimerContainer" class="hide text-center">
		<span>Offer expires in:</span>
		<span id="offerTimerClock" class="btn danger glow"> </span>
	</div>
		<div id="offerFormView" class="hide">

        <p>
			<strong>Show Offers</strong> are a way for you to negotiate the price of a paid show by guaranteeing that you will spend a predetermined amount of time in the show.
            <div class="mt-md">
			Use the controls below to customize your offer for <span class="offer-show-type text-primary bold"></span> show.
            </div>
        </p>

		<form onsubmit="return false;" class="form-horizontal">

			<div class="form-elements">
				<div class="col-12 pt-0">
					<label for="showOfferDurationSel" class="text-center">Show will last:</label>
				</div>
				<div class="pb-sm m-auto col-8 col-center-block select-element">
					<select id="showOfferDurationSel">
						<option value="60">1 minutes</option>
						<option value="120">2 minutes</option>
						<option value="180">3 minutes</option>
						<option value="240">4 minutes</option>
						<option value="300" selected>5 minutes</option>
						<option value="360">6 minutes</option>
						<option value="420">7 minutes</option>
						<option value="480">8 minutes</option>
						<option value="540">9 minutes</option>
						<option value="600">10 minutes</option>
						<option value="660">11 minutes</option>
						<option value="720">12 minutes</option>
						<option value="780">13 minutes</option>
						<option value="840">14 minutes</option>
						<option value="900">15 minutes</option>
						<option value="960">16 minutes</option>
						<option value="1020">17 minutes</option>
						<option value="1080">18 minutes</option>
						<option value="1140">19 minutes</option>
						<option value="1200">20 minutes</option>
						<option value="1260">21 minutes</option>
						<option value="1320">22 minutes</option>
						<option value="1380">23 minutes</option>
						<option value="1440">24 minutes</option>
						<option value="1500">25 minutes</option>
						<option value="1560">26 minutes</option>
						<option value="1620">27 minutes</option>
						<option value="1680">28 minutes</option>
						<option value="1740">29 minutes</option>
						<option value="1800">30 minutes</option>
						<option value="1860">31 minutes</option>
						<option value="1920">32 minutes</option>
						<option value="1980">33 minutes</option>
						<option value="2040">34 minutes</option>
						<option value="2100">35 minutes</option>
						<option value="2160">36 minutes</option>
						<option value="2220">37 minutes</option>
						<option value="2280">38 minutes</option>
						<option value="2340">39 minutes</option>
						<option value="2400">40 minutes</option>
						<option value="2460">41 minutes</option>
						<option value="2520">42 minutes</option>
						<option value="2580">43 minutes</option>
						<option value="2640">44 minutes</option>
						<option value="2700">45 minutes</option>
						<option value="2760">46 minutes</option>
						<option value="2820">47 minutes</option>
						<option value="2880">48 minutes</option>
						<option value="2940">49 minutes</option>
						<option value="3000">50 minutes</option>
						<option value="3060">51 minutes</option>
						<option value="3120">52 minutes</option>
						<option value="3180">53 minutes</option>
						<option value="3240">54 minutes</option>
						<option value="3300">55 minutes</option>
						<option value="3360">56 minutes</option>
						<option value="3420">57 minutes</option>
						<option value="3480">58 minutes</option>
						<option value="3540">59 minutes</option>
						<option value="3600">60 minutes</option>
					</select>
					<div class="select-arrow"></div>
				</div>
				<div class="col-12 pt-0">
					<label for="showOfferCPMSel" class="text-center">Show will cost:</label>
				</div>
				<div class="pb-sm m-auto col-8 col-center-block select-element">
					<select id="showOfferCPMSel">
						<option value="10">10 cpm</option>
						<option value="15">15 cpm</option>
						<option value="20">20 cpm</option>
						<option value="25">25 cpm</option>
						<option value="30">30 cpm</option>
						<option value="35">35 cpm</option>
						<option value="40">40 cpm</option>
						<option value="45">45 cpm</option>
						<option value="50" selected>50 cpm</option>
						<option value="55">55 cpm</option>
						<option value="60">60 cpm</option>
						<option value="65">65 cpm</option>
						<option value="70">70 cpm</option>
						<option value="75">75 cpm</option>
						<option value="80">80 cpm</option>
						<option value="85">85 cpm</option>
						<option value="90">90 cpm</option>
						<option value="95">95 cpm</option>
						<option value="100">100 cpm</option>
						<option value="105">105 cpm</option>
						<option value="110">110 cpm</option>
						<option value="115">115 cpm</option>
						<option value="120">120 cpm</option>
						<option value="125">125 cpm</option>
						<option value="130">130 cpm</option>
						<option value="135">135 cpm</option>
						<option value="140">140 cpm</option>
						<option value="145">145 cpm</option>
						<option value="150">150 cpm</option>
						<option value="155">155 cpm</option>
						<option value="160">160 cpm</option>
						<option value="165">165 cpm</option>
						<option value="170">170 cpm</option>
						<option value="175">175 cpm</option>
						<option value="180">180 cpm</option>
						<option value="185">185 cpm</option>
						<option value="190">190 cpm</option>
						<option value="195">195 cpm</option>
						<option value="200">200 cpm</option>
					</select>
					<div class="select-arrow"></div>
				</div>
				<div id="expOfferSection">
					<div class="col-12 pt-0">
						<label for="showOfferExpirationSel" class="text-center">Offer expires in</label>
					</div>
					<div class="pb-sm m-auto col-8 col-center-block select-element">
						<div class="select-element">
							<select id="showOfferExpirationSel">
								<option value="60">1 minutes</option>
								<option value="120">2 minutes</option>
								<option value="180" selected>3 minutes</option>
								<option value="240">4 minutes</option>
								<option value="300">5 minutes</option>
								<option value="360">6 minutes</option>
								<option value="420">7 minutes</option>
								<option value="480">8 minutes</option>
								<option value="540">9 minutes</option>
								<option value="600">10 minutes</option>
							</select>
							<div class="select-arrow"></div>
						</div>
					</div>
				</div>
			</div>

			<div class="form-elements">
				<div class="m-auto col-6 col-center-block">
					<a class="btn full-width success" id="submitOfferBtn">Submit Offer</a>
				</div>
				<div class="m-auto col-6 col-center-block">
					<a class="btn full-width hide" id="cancelCounterOfferBtn">Go Back</a>
				</div>
			</div>
		</form>
	</div>

		<div id="counterOfferFormView"  class="hide">
		<h5><strong><span class="model-screen-name"></span></strong> has countered your original offer.  Please review the updated offer below.</h5>
		<div class="line"></div>
		<p>Your show will last: <strong><span id="showOfferCounterTime"></span> minutes</strong></p>
		<p>Your show will cost: <strong><span id="showOfferCounterCost"></span> cpm</strong></p>
		<div class="line"></div>
		<div class="flex-grid form-elements">
			<div class="col-4 col-4-sm">
				<a class="btn full-width success" id="showOfferCounterAcceptBtn">Accept</a>
			</div>
			<div class="col-4 col-4-sm">
				<a class="btn full-width primary" id="showOfferCounterBtn">Counter</a>
			</div>
			<div class="col-4 col-4-sm">
				<a class="btn full-width danger" id="showOfferCounterDeclineBtn">Decline</a>
			</div>
		</div>
	</div>

		<div id="showOfferNotice" class="hide">
		<div id="offerMsgContainer" class="alert danger-25">
			<div class="alert-title clearfix">
				<span><i class="icon-i"></i> Offer Status</span>
			</div>
			<span id="offerMessage"></span>
		</div>
		<a class="btn right" id="backtoOfferFormBtn">Back</a>
	</div>
	</div>
<div class="inner-panel-container upsell-panel col-12">

	<div class="message-container">
		<h4 class="guest-panel-description guest-panel-multi">You can also join in right now! Get your FREE credits and try it out now</h4>
		<h5 class="guest-panel-description guest-panel-break">I'll be right back! Get your FREE credits while you're waiting</h4>
		<h4 class="guest-panel-description guest-panel-private">You can come in and watch me right now! Get your FREE credits and try out Voyeur</h4>
		<h4 class="guest-panel-description guest-panel-group">You can also join in right now! Get your FREE credits and try it out now</h4>
		<h4 class="guest-panel-description guest-panel-feature">I'm in a Feature Show! You can also join in right now! Get your FREE credits and try it out now</h4>

		<div class="spacer-sm"></div>

		<ul class="upsell-list-container plain-list text-success text-bigger">
			<li><i class="icon-checkmark"></i> 120 Free Credits</li>
			<li><i class="icon-checkmark"></i> Real Amateur & Pornstars</li>
			<li><i class="icon-checkmark"></i> HD LIVE CAM Streaming with Audio</li>
			<li><i class="icon-checkmark"></i> Unlimited Chat Access</li>
			<li><i class="icon-checkmark"></i> Wild Hardcore Party Chat Shows</li>
		</ul>

		
	</div>

   <div class="btn-container">
		 <div class="upsell-buttons-container text-center">
			<div class="btn success guest-panel-multi">Try Multi-User - FREE!</div>
			<div class="btn success guest-panel-break">Register for FREE!</div>
			<div class="btn success guest-panel-private">Try Voyeur - FREE!</div>
			<div class="btn success guest-panel-group">Join in for FREE!</div>
			<div class="btn success guest-panel-feature">Join in for FREE!</div>
		</div>

		<div class="spacer-lg"></div>
	</div>

</div>
<div class="inner-panel-container model-notes-panel">
    
</div>


						<div class="inner-panel-container hot-summer-all-stars-panel">
							
<style>

	#hotSummerAllStarsPanelControlLabel .icon-star-solid {
		background: linear-gradient(180deg, rgba(248, 213, 67, 1) 0%, rgba(242, 160, 42, 1) 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	.hot-summer-all-stars-panel-content {
		margin-top: 20px;
	}

	.panel-header-title {
		
	}

	.panel-header-title i {
		display: flex;
		margin-right: 5px;
		background: linear-gradient(180deg, rgba(248, 213, 67, 1) 0%, rgba(242, 160, 42, 1) 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	.hsas-text {
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		text-align: center;
		margin-bottom: 20px;
		background: linear-gradient(200deg, rgba(0, 122, 183, 0.8) 0%, rgba(4, 92, 136, 0.9) 45%);
		box-shadow: 0 4px 2px 0 rgba(3, 34, 41, 0.2);
		border-radius: 10px;
		padding: 20px 10px 20px 10px;
		color: #fff;
	}

	.hsas-line-1 {
		font-size: 24px;
		font-weight: 900;
		text-transform: uppercase;
		margin-bottom: 10px;
		text-shadow: 0 2px 2px rgba(22, 57, 69, 0.3);
	}

	.hsas-line-2 {
		font-size: 17px;
		font-weight: 700;
		text-transform: uppercase;
		margin-bottom: 10px;
		text-shadow: 0 2px 2px rgba(22, 57, 69, 0.3);
	}

	.hsas-line-3 {
		font-size: 16px;
		font-weight: 400;
		margin-bottom: 10px;
		letter-spacing: .5px;
		text-shadow: 0 2px 2px rgba(22, 57, 69, 0.3);
	}

	.hsas-line-4 {
		font-size: 16px;
		font-weight: 400;
		letter-spacing: .5px;
		text-shadow: 0 2px 2px rgba(22, 57, 69, 0.3);
	}

	.hsas-panel-button-link {
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #FFB703 !important;
		color: #371E01 !important;
		padding: 12px 20px;
		box-sizing: border-box;
		text-decoration: none;
		font-size: 18px;
		font-weight: 600;
		border-radius: 3px;
		border: 2px solid rgba(228, 249, 255, 0.85);
		box-shadow: 0 2px 3px 0 rgba(26, 66, 69, 0.6);
		width: 100%;
		margin: 10px auto;
	}

	.hot-summer-all-stars-panel-current-rank {
		font-size: 18px;
		display: block;
		line-height: normal;
	}

	.hot-summer-all-stars-panel-current-rank span {
		font-weight: 800;
	}
</style>

<div id="hotSummerAllStarsPanel" class="hot-summer-all-stars-panel-container panel-container">
	<div class="hot-summer-all-stars-panel-wrap scrollbar-custom">
		<div class="hot-summer-all-stars-panel-body">
			<a href="/contests/hot-summer-live-cams-contest/" target="_blank" rel="noopener noreferrer">
				<img src="https://cdn5.vscdns.com/images/promo/_generic-hot-summer-all-stars/promo-top-952wide.jpg" class="full-width" alt="Hot Summer All-Stars">
			</a>

			<div class="hot-summer-all-stars-panel-content">
				
				<div class="hsas-text hot-summer-all-stars-panel-current-rank">
					<span>Model Name</span> is currently ranked <span>#14</span> in the <span>Hot Summer All-Star Ballots</span> contest.
				</div>

				<div class="hsas-text">
					<div class="hsas-line-1">Hot Summer All-Stars:</div>
					<div class="hsas-line-2">Who Will Be The Next Hot Summer All-Star?</div>
					<div class="hsas-line-3">It's time for a Sizzling Summer Showdown. This is the competition where you decide which camgirls make your temperatures rise!</div>
					<div class="hsas-line-4">Hot Summer All-Stars is an elimination-style tournament. Your vote will decide who will compete for major cash prizes. Every round, we turn up the heat! The prizes get bigger and the competition gets tighter. Cast your votes and tip your favorites as we narrow down our list of hotties from our Top 100 to the Final 10 and eventual champion.</div>
				</div>
				
				<div class="hsas-text">
					<div class="hsas-line-2">Online & Offline Voting Available</div>
					<div class="hsas-line-3">Premium and VIP Subscribers can cast one free daily vote per model, per day. You can vote for them on this page, from the chat panel in your favorite model's chatroom, or from their profile page!</div>
				</div>

				<a href="/contests/hot-summer-live-cams-contest/" target="_blank" rel="noopener noreferrer" class="hsas-panel-button-link">View Rankings</a>
			</div>
		</div>
	</div>
</div>						</div>

						<div class="inner-panel-container flesh-light-panel"></div>

												<img id="fleshlight_impr_pxl" src="" width="1" height="1" border="0" style="display:none" alt="" />

					</div>

				</div>
			</div>
		</div>
	</div>
</div>


			
<style>
	.instant-credits {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}

	.instant-credits .btn-instant-credits {
		width: 44%;
		flex-direction: column;
		margin: 5px 0;
		position: relative;
	}

	.small-video .instant-credits .btn-instant-credits {
		width: 15%;
	}

	.instant-credits .btn-instant-credits .selection-area {
		position: absolute;
		top: -5px;
		left: -5px;
		background-color: #26738f;
		border-radius: 20px;
		border: 2px solid #fff;
		width: 35px;
		height: 35px;
		display: flex;
		justify-content: center;
		align-items: center;
		box-shadow: 2px 2px 1px rgba(30, 92, 114, 0.5);
	}

	.instant-credits .btn-instant-credits .selection-area i {
		margin-right: -1px;
		font-size: 30px;
	}

	.instant-credits .btn-instant-credits .amount-of-credits {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		text-align: center;
	}

	.btn-instant-credits .credit-amounts {
		border-right: 0;
	}

	.btn-instant-credits .credit-prices {
		text-align: center;
	}

	.btn-instant-credits .credit-amounts b {
		font-size: 26px;
		margin: 2px 0 5px;
	}

	.btn-instant-credits .credit-amounts div {
		font-size: 18px;
		display: block;
		text-transform: uppercase;
		font-weight: bold;
		margin-bottom: 5px;
	}

	.btn-instant-credits .credit-prices b {
		text-align: center;
	}

	#addonProductsArea {
		display: flex;
		justify-content: space-around;
	}

	#addonProductsArea .btn-instant-credits {
		width: 44%;
		display: flex;
		flex-direction: column;
	}

	#addonProductsArea .product-details {
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

	#addonProductsArea .product-details .form-elements {
		position: relative;
	}

	#addonProductsArea .product-details .add-offer-price,
	#addonProductsArea .product-details .add-offer-desc {
		padding: 0;
	}

	#addonProductsArea .product-details .add-offer-desc h2 {
		margin: 5px 0;
	}

	#addonProductsArea .product-details-td {
		font-size: 10px;
		border-top: 1px solid #fff;
		margin-top: 5px;
	}
    
    
    .form-elements .or-label {
      display: block;
      width: 100%;
      margin: 0;
      padding: 6px 4px 2px 0px;
      box-sizing: border-box;
      background-color: transparent;
      -webkit-appearance: none;
      font-size: calc(.2em + 12px);
      height: 2.5em;
      line-height: 1.3em;
    }
    
</style>



<div id="billingPanelModal" class="desktop-panel">
	<div class="modal-container in-chat-modal">

                <input type="radio" id="billingControlsClose" name="billingPanelControls" class="hide" checked>
        <input type="radio" id="billingModalOpen" class="hide modal-control" name="billingPanelControls" >

		<div class="modal-shadow"></div>
		<div class="modal-wrap">
			<div class="modal">
				<div class="modal-header">
					<span class="panel-title">
						<span class="title-standard">Purchase Credits</span>
						<span class="title-emded">Add An Account</span>
						<span class="title-cards">Update Credit Card</span>
						<span class="title-zip">ZIP Code Verify</span>
						<span class="title-feedback">Billing Message</span>
                    </span>
                                        <label class="close-modal" for="billingControlsClose"><span class="visually-hidden">Close</span><i class="icon-x"></i></label>
					<div class="back-btn-show btn primary back-btn-billing">Back</div>
				</div>
				<div class="modal-body panel-modal scrollbar-custom">
					<div id="billingLoadingSymbol" class="panel-loading-container hide">
						<i class="loading-v2 lg"></i>
					</div>
					<div class="inner-panel-container billing-panel">

						<div class="standard-billing">
							<div id="standardBilling" class="panel-section">
								<div id="one_click_product_region">
																		<div class="btn-instant-credits clonable-product hide">
										<div class="amount-of-credits">
											<span class="selection-area">
												<i class="icon-success icon-md"></i>
											</span>
											<span class="credit-icon">
												<i class="icon-coins icon-md"></i>
											</span>
											<span class="credit-amounts">
												<b></b>
												<div>Credits</div>
											</span>
										</div>
										<span class="credit-prices">
											for <b></b>
										</span>
									</div>
									
																		<div class="btn-instant-credits clonable-addon-product addon-product addon-prod hide">
										<div class="addon-prod-label" for="product_">
											<span class="visually-hidden">addon product label</span>
											<div class="product-details relative">
												<div class="form-elements vip-checkbox">
													<label class="form-check-radio toggle-check">
														<span class="visually-hidden">toggle check</span>
														<input type="checkbox" class="addon-prod-chbx hide-input addon-prod-checkbox" id="addonProduct_" tabindex="4" name="addon_products[]" value="">
														<span class="toggle-check-box"></span>
													</label>
												</div>
												<div class="add-offer-price">
													<div class="button-check">
														<label class="addon-label-check" for="addonProduct_">
															<span class="checkbox-action">Add Offer</span>
														</label>
													</div>
													<span class="dollar-val"></span>
												</div>
												<div class="add-offer-desc">
													<div class="product-details-td">
														<h2><span class="addon-prod-name"></span></h2>
														<div class="free-credits"></div>
														<div class="extra-text">Renews every 30 days until cancelled.</div>
													</div>
												</div>
											</div>
										</div>
									</div>
									
																		<div class="instant-credits" id="regularProdContainer">

									</div>
									<h5 id="addonProdHeader" class="text-center">
										The following addon options are available									</h5>
																		<div class="options-sep-line" id="addonProductsArea">

									</div>
																	</div>
																<div class="line-dashed"></div>
								<div class="text-center">
									<div class="offer-credit-card-info">
										<strong><span class="card-cc-number"></span></strong>  |
										<a href="javascript:;" data-source="standard" class="change-cc-info btn btn-xs">change</a>
										<a href="javascript:;" data-source="standard" class="overlay-add-card btn btn-xs">add new card</a></div>
									<br>
									<div class="spacer-xl"></div>
								</div>
								<div class="billing-btn-wrap">
									<a id="completePurchase" class="btn btn-lg success billing-btn full-width">COMPLETE PURCHASE</a>
								</div>
							</div>
						</div>
						

						<div class="embed-billing">
							<div id="billingFrameCont">

							</div>
						</div>


						<div class="feedback-billing">
							<div id="standardFeedbackContainer">

							</div>
							<div class="alert clonableFeedback hide">
								<div class="alert-title clearfix">
									<span>
										<i class="icon-alert"></i>
										<span class="billing-feedback-title"></span>
									</span>
								</div>
								<span class="msgText"></span>
							</div>
						</div>


						<div id="updateCc" class="cards-billing">
							<div id="updateCcMessage" class="alert success">
								<h2><i class="icon-success icon-text-left"></i> Payment account update successful!</h2>
							</div>
							<h5>Pick the credit card you would like to use below.</h5>
							<form onsubmit="return false;">
								<div class="form cc-update">
									<div class="flex-grid  form-elements">
										<div class="col-2 col-2-sm">
											<label class="text-right" for="overlayUpdateCardSelect">Card:</label>
										</div>
										<div class="col-10 col-10-sm">
											<div class="select-element">
												<select id="overlayUpdateCardSelect">
												</select>
												<div class="select-arrow"></div>
												<div id="ccCardImage" class=""><span></span></div>
											</div>
										</div>
										<div class="col-2 col-2-sm">
											<div class="or-label text-right">Or:</div>
										</div>
										<div class="col-10 col-10-sm">
																					<a href="javascript:;" data-source="cards" class="btn overlay-add-card" data-onclick="window.open('https://flirt4free.com/click-track.php?product=live&amp;dhd_page=FullPay&amp;model_id=0&amp;pa_id=0&amp;pg=0&amp;sitekey=flirt4free&amp;pt=1;')" id="overlay_add_card_btn">
												<i class="icon-credit-card icon-text-left" style="margin-top: 3px;"></i> Add a Different Card											</a>
										</div>
									</div>
								</div>
								<div class="label-offer text-center"></div>
								<div class="line"></div>
								<div class="flex-grid form-elements">
									<div class="col-8 col-8-sm">
										<a href="javascript:void(0)" class="btn primary full-width" id="overlayUpdateCard">Update Card</a>
									</div>
									<div class="col-4 col-4-sm">
										<a class="btn full-width" id="overlayCardCancel">Close</a>
									</div>
								</div>
							</form>
						</div>
						

						<div class="zip-billing">
							<p class="px-sm">Before you can add more credits to your account we need to confirm your credit card's billing ZIP Code on file.</p>
							<div id="zipErrorMsg" class="alert danger text-white hide">
								<div class="alert-title clearfix">
									<span><i class="icon-alert"></i></span> Please don't leave the field blank								</div>
							</div>
							<div class="flex-grid flex-center form-elements">
								<div class="col-12 py-0">
									<label for="zipField">ZIP Code for billing:</label>
								</div>
								<div class="col-5 py-0">
									<input id="zipField" type="text">
								</div>
								<div class="col-7 py-0">
									<a id="zipSubmitBtn" class="btn primary full-width">Verify Zip Code</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

			<div class="switch-voyeur-panel">
				<div class="header">
					Other Voyeur Shows <label for="userControlsOff" class="close-modal">X</label>
				</div>
				<div class="voyeur-switch-body scrollbar-custom">
					<div id="noVoyeursAvail" class="alert warning-50 no-voyeurs-avail">
						<div class="alert-title clearfix">
							<i class="alert-icon"></i>
							<span>No Voyeur Shows Availablee</span>
						</div>
						Please check back later when more shows are available.
					</div>
					<div class="voyeur-shows-container">
						<div class="voyeur-shows clonable-voyeur">
							<img src="" alt="voyeur show model" />
							<div class="voyeur-model-name">
								<span class="voyeur-model-name-span"></span>
								<span class="voyeur-price"></span>
							</div>
							<div class="voyeur-no-access">
								<span>Not Available</span>
							</div>
						</div>
						<div id="voyeurShowsContainer" class="voyeur-show-container"></div>
					</div>
				</div>
				<div class="voyeur-bottom" style=""></div>
			</div>
		</div>
	</div>
	
	<div class="chatroom-right-tipping-container" id="tipModal">

		<div class="tipping-options-container">
			
			<label class="single-tipping-option tip-actions-option hide" id="tipActionsOption" data-display-title="Tip Actions" data-title="tipActions" data-desktop-panel-label="1" data-tip-type="actions" title="Tip Actions" for="tippingLiteTipActionsTabCheck">
				<div class="single-tipping-option-icon">
					<i class="icon-tip-actions"></i>
				</div>
				<div class="single-tipping-option-text">Tip Actions</div>
			</label>

			
			<label class="single-tipping-option credits-option" data-tip-type="tips" title="Tips tab" for="tippingLiteTippingTabCheck">
				<div class="single-tipping-option-icon">
					<i class="icon-coins"></i>
				</div>
				<div class="single-tipping-option-text">Credit Tips</div>
			</label>

			
										

			<label class="single-tipping-option gifts-option tipping-tabs" data-tip-type="stickers" title="Gifts tab" for="tippingLiteGiftTabCheck">
				<div class="single-tipping-option-icon">
					<i class="icon-present"></i>
				</div>
				<div class="single-tipping-option-text">Gifts</div>
			</label>

		</div>

		<div class="tipping-sections-container" >

			<div class="single-tipping-section-header">
				<div class="single-tipping-section-header-left">
					
					<!-- The following headers are showing/hiding via CSS and JS class toggles -->

										<!-- Tip Actions and Credits Header -->
					<a rel="nofollow" href="javascript:popRegistration('chat_tip_actions_register',reg_overlay_template_set);" class="tip-actions-credits-section-header tipping-section-header-120-free"><span >120</span> Credits Free</a>
					<!-- End Tip Actions and Credits Header -->
					
										
					
					
										<!-- Gifts Header -->
					<a rel="noopener noreferrer nofollow" href="/vip/members" target="_blank" class="gifts-section-header tipping-section-gifts-vip-upgrade" data-display-title="Upgrade to VIP" data-title="upgradeToVip">Upgrade to <span>VIP</span></a>
					<!-- End Gifts Header -->
					
										<div class="form-elements text-center multi-model-dropdown-container hide">
						<div class="d-flex justify-content-center align-items-center">
							<div class="select-element">
								<select aria-label="multi model dropdown select" class="multi-model-dropdown-select" name="multi-model-dropdown-select">
																										</select>
								<div class="select-arrow"></div>
							</div>
							<i class="icon-info" title="Who do you want to tip?"></i>
						</div>
					</div>
					
					<div class="tipping-section-header-tip-anon">
						<label class="toggle-anonymous form-check-radio toggle-check tooltip tip-left" title="Tip Anonymously">
							<input type="checkbox" name="toggle-anonymous" />
							<span class="toggle-check-box"></span>
							<span class="tipping-header-tip-anon">Tip Anonymously</span>
							<span class="tipping-header-tip-anon-tooltip">
								<i class="icon-info"></i>
								<span class="tip">Tip Anonymously</span>
							</span>
						</label>
					</div>
					
				</div>

				<div class="single-tipping-section-header-right">
					<label class="tipping-section-header-minimize" for="tippingLiteMinimizer" title="Minimize">
						<i class="icon-down"></i>
						<span class="visually-hidden">Minimize</span>
					</label>
				</div>
			</div>
			
						<div class="single-tipping-section-grid tip-actions-section-grid" id="tipActionsPanelContainer">
				<div class="tip-actions-section-grid-inner scrollbar-ghost tip-actions-container">
					<div class="cloneable-tip-action relative">
						<div class="tip-action-name">
						</div>
						<div class="btn send-tip-action">
						</div>
					</div>
				</div>
			</div>
			
			
			<div class="single-tipping-section-grid credits-section-grid">
				<div class="tip-modal-extras credits-section-grid-inner">
	
					<div class="tip-button tip-btn-modal" data-tip="10" title="Send a 10 credit tip">
						<div class="single-tip-image tip-10"></div>
						<div class="tip-credit">10</div>
					</div>
					<div class="tip-button tip-btn-modal" data-tip="25" title="Send a 25 credit tip">
						<div class="single-tip-image tip-25"></div>
						<div class="tip-credit">25</div>
					</div>
					<div class="tip-button tip-btn-modal" data-tip="50" title="Send a 50 credit tip">
						<div class="single-tip-image tip-50"></div>
						<div class="tip-credit">50</div>
					</div>
					<div class="tip-button tip-btn-modal" data-tip="100" title="Send a 100 credit tip">
						<div class="single-tip-image tip-100"></div>
						<div class="tip-credit">100</div>
					</div>
					<div class="tip-button tip-btn-modal" data-tip="500" title="Send a 500 credit tip">
						<div class="single-tip-image tip-500"></div>
						<div class="tip-credit">500</div>
					</div>
					<div class="tip-button tip-btn-modal" data-tip="custom" title="Send a custom tip">
						<div class="single-tip-image tip-custom"></div>
						<div class="tip-credit">Custom</div>
					</div>
					<div class="tip-button tip-btn-modal" data-tip="1000" title="Send a 1000 credit tip">
						<div class="single-tip-image tip-1000"></div>
						<div class="tip-credit">1,000</div>
					</div>
					<div class="tip-button tip-btn-modal tip-blue" data-tip="5000" title="Send a 5,000 credit tip">
						<div class="single-tip-image tip-5000"></div>
						<div class="tip-credit">5,000</div>
					</div>
					<div class="tip-button tip-btn-modal tip-blue" data-tip="10000" title="Send a 10,000 credit tip">
						<div class="single-tip-image tip-10000"></div>
						<div class="tip-credit">10,000</div>
					</div>
					<div class="tip-button tip-btn-modal tip-blue" data-tip="25000" title="Send a 25,000 credit tip">
						<div class="single-tip-image tip-25000"></div>
						<div class="tip-credit">25,000</div>
					</div>
					<div class="tip-button tip-btn-modal tip-blue" data-tip="50000" title="Send a 50,000 credit tip">
						<div class="single-tip-image tip-50000"></div>
						<div class="tip-credit">50,000</div>
					</div>
					<div class="tip-button tip-btn-modal" data-tip="flood" title="Send a Tip Flood">
						<div class="single-tip-image tip-flood"></div>
						<div class="tip-credit">Flood</div>
					</div>

				</div>

				<div class="tip-panel custom-flood-confirm-tipping-panel">
					<div class="tip-panel-header">
						<h2 class="show-flood">Tip Flood</h2>
						<h2 class="show-custom">custom tip</h2>
						<h2 class="show-confirm">Confirmation Required</h2>
						<span id="tipPanelClose" class="tip-close"><i class="icon-x-plain close-btn"></i></span>
					</div>
					<div class="tip-body scrollbar-custom">
						<div class="confirm-tip-area text-center">
							<div class="spacer-xs"></div>
							<b>Please confirm that you want to send a tip of <span class="text-success confirmTipAmt">Amount</span></b>
							<div class="spacer-sm"></div>
							<a class="btn reg-btn" id="tipConfirmNo" onclick="javascript:void(0);" href="javascript:void(0);">Cancel Tip</a>
							<span class="opacity-25"> | </span>
							<a class="btn success reg-btn" id="tipConfirmYes" onclick="javascript:void(0);" href="javascript:void(0);">Yes, Send Tip</a>
						</div>
						<div class="custom-tip-area">
							<div class="flex-grid">
								<div class="col-7 col-7-sm form-elements m-0 pl-0">
									<label for="custom_tip" class="visually-hidden">custom tip amount</label>
									<input type="number" name="143" maxlength="6" placeholder="Custom Tip Amount" id="custom_tip" min="50">
								</div>
								<div class="col-5 col-5-sm d-flex align-items-center pr-0">
									<button id="custom_tip_link" class="btn primary full-width reg-btn btn-sm m-0">Send Tip</button>
								</div>
							</div>
							<div class="pl-xs flex-grid form-elements disabled indent-md">
								<label class="form-check-radio toggle-check">
									<input type="checkbox" id="tip_flood_flag" disabled>
									<span class="toggle-check-box"></span>
									<span class="toggle-check-text">Tip Flood</span>
								</label>
								<div class="pl-sm pt-sm text-primary">
									<span class="tip-flood-range text-small">(Tip Flood: 250 to 700,000 credits.)</span>
									<span class="custom-tip-range text-small">(Custom Tip: 50 to 2,000,000 credits.)</span>
								</div>
							</div>
							<div class="line"></div>
							<h4>Help About Tipping</h4>
							<p><b>Tip Flood:</b> The "Tip Flood" option will divide your tip amount (250 minimum) into 20 separate tips to fill the chat window.</p>
							<p><b>Tip Anonymously:</b> Sending your tip anonymously will hide your identity from other users in the chat room but the performer will still know that you sent the tip. To turn on this feature please click on the settings icon (<i class="icon-gear"></i>) in the chat message field to turn on "Tip Anonymously".</p>
						</div>
					</div>
				</div>
			</div>
			
									
			<div class="single-tipping-section-grid gifts-section-grid">
				<section class="stickers-tipping-section tipping-tab-panel" id="stickersTippingSection">
					<div class="stickers-container stickers-container-grid-inner scrollbar-ghost">

					</div>
					<div class="single-gift single-sticker-clonable" title="Send gift">
						<div class="single-gift-vip-only-label" title="VIP Only"><i class="icon-crown"></i></div>
						<div class="single-gift-image">
							<img class="single-gift-img-tag" alt="" />
						</div>
						<div class="gift-flex-right">
							<div class="single-gift-title hide">Gift 1</div>
							<div class="single-gift-cost">10 Credits</div>
						</div>
					</div>
				</section>
			</div>

		</div>

	</div>

	<div class="chatroom-right-send-message-area-container hide-on-minimized-chatroom concealable">
   
			<div class="chat-send-area-dm tooltip tip-top">
				<div class="dm-connection-error-icon absolute">
					<i class="icon-info"></i>
				</div>
				<div class="dm-launch">
					<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" class="dm-plus-icon"><defs></defs><path class="cls-1" d="M18.9028,46.0436l-8.0996,7.9564v-7.9564c-3.2066,0-5.8032-2.5509-5.8032-5.699V15.6978c0-3.1468,2.5966-5.6978,5.8032-5.6978h42.3935c3.2044,0,5.8032,2.551,5.8032,5.6978v24.6468c0,3.148-2.5988,5.699-5.8032,5.699l-30.1968-.0436-4.0972.0436Z"/><path class="cls-text" d="M25.1307,27.7151c0,1.9928-.5486,3.5269-1.6449,4.6052-1.0972,1.0773-2.6387,1.6165-4.6245,1.6165h-3.8614v-11.9367h4.1304c1.9159,0,3.3941.4903,4.4368,1.4699,1.0417.9796,1.5635,2.395,1.5635,4.2451ZM21.7835,27.83c0-1.0946-.2164-1.9057-.6491-2.4333s-1.0896-.792-1.9714-.792h-.9383v6.6871h.7181c.9795,0,1.6976-.2844,2.1552-.8532.4567-.5688.6855-1.4383.6855-2.6086Z"/><path class="cls-text" d="M32.4686,33.9367l-2.4405-8.5975h-.0737c.1139,1.4642.1714,2.6019.1714,3.413v5.1846h-2.857v-11.9367h4.2941l2.4894,8.4749h.0651l2.4415-8.4749h4.3018v11.9367h-2.9633v-5.2334c0-.272.0038-.5746.0124-.9059.0077-.3323.044-1.1463.1101-2.4419h-.0737l-2.408,8.5812h-3.0696Z"/><path class="cls-text" d="M45.7666,29.1362h-3.0361v-2.1882h3.0361v-2.9964h2.1964v2.9964h3.037v2.1882h-3.037v2.9476h-2.1964v-2.9476Z"/></svg>
					<i class="icon-i"></i>
					<span class="flag-amount dm-name-message-count-sum primary dm-amount hide"></span>
					<span class="tip" style="font-size:11px;">Send a direct message</span>
				</div>
			</div>		

		
		<div class="chat-send-area-main-container">
			<div id="micLabel" class="chat-send-area-microphone tooltip tip-top sp-to-tx-mic-label" data-state="start">
				<i id="speechToTextIcon" class="icon-microphone speech-to-text-icon"></i>
				<span class="tip speechtotext-tooltip">Tooltip text....</span>
			</div>
			<div class="chat-send-area-input">
				<div contenteditable="true" id="chatInput" data-text="Send a message..."></div>
			</div>
			<div class="chat-send-area-quick-messages">
				
<style>
	/* messages.scss */
	#chat-prompts {
		z-index: 3;
	}

	.chat-prompts .chat-prompts-messages {
		box-sizing: border-box;
		border: 1px solid rgb(60,60,71);
		border-radius: 10px 10px 0 0;
	}

	.private-chat-prompts.chat-prompts.chat-prompts-closed,
	.guest.chat-room-opened .chat-prompts-closed  {
		margin: 0;
		position: absolute;
		width: calc(100% - 150px);
		right: -1px;
		top: auto;
		bottom: 2px;
	}

	.private-chat-prompts.chat-prompts.chat-prompts-open,
	.chat-prompts.chat-prompts-open {
		margin: 0;
		position: absolute;
		width: 100%;
		right: -1px;
		top: auto;
		bottom: 1px;
	}

	.chat-prompts-messages .chat-prompts-single-message {
		font-weight: normal;
	}

	.chat-prompts-closed #chat-prompts-arrow .icon-up {
		margin-bottom: 0px;
		margin-right: 150px;
	}

	.chat-prompts-open #chat-prompts-arrow .icon-down {
		margin-bottom: -2px;
	}

	#micLabel.tooltip .speechtotext-tooltip {
		width: 300px;
		white-space: normal;
	}
	
	#chat-prompts-arrow {
		width: 100%;
		height: 100%;
	}

	#chat-prompts {
		position: relative;
		min-width: unset;
		background: unset;
		border-left: 0px;
		width: unset;
		right: unset;
		bottom: unset;
		top: unset;
		cursor: pointer;
		display: block;
	}

	#chat-prompts:hover {
		background-color: unset;
	}

	#chat-prompts .chat-prompts-svg {
		display: flex;
		opacity: .8;
		padding: 0;
		width: 32px;
		height: 26px;
	}
	
	#chat-prompts .chat-prompts-svg:hover,
	#chat-prompts.chat-prompts-open .chat-prompts-svg {
		opacity: 1;
		padding: 0;
		filter: brightness(1.3);
	}

	#chat-prompts.chat-prompts-open .close-chat-prompts-button {
		font-size: 28px;
		position: absolute;
		top: -3px;
		right: -16px;
		display: flex;
		align-items: center;
		justify-content: center;
		background: #20222d;
		border-radius: 30px;
		width: 29px;
		height: 30px;
		color: #fff;
		padding-left: 1px;
		border: 2px solid #2a2e3c;
	}

	.guest #chat-prompts.chat-prompts-open .close-chat-prompts-button {
		font-size: 21px;
		position: absolute;
		top: -10px;
		right: -10px;
		display: flex;
		align-items: center;
		justify-content: center;
		background: #20222d;
		border-radius: 30px;
		width: 22px;
		height: 22px;
		color: #fff;
		padding-left: 1px;
		border: 2px solid #2a2e3c;
	}

	#chat-prompts.chat-prompts-open .chat-prompts-messages {
		position: absolute;
		bottom: 35px;
		top: unset;
		width: 480px;
		height: auto;
		padding-bottom: 0;
		overflow: unset;
		right: 0;
		background: #151820;
		border: 2px solid #2a2e3c;
		border-bottom: 0px;
		box-shadow: 0px -10px 15px 6px rgba(0,0,0,.3);
	}

	#chat-prompts.chat-prompts-open .chat-prompts-carousel {
		width: 100%;
		height: auto;
		padding: 0px 10px;
		overflow-y: scroll;
	}

	.private-chat-prompts .private-chat-prompts-single-message .private-chat-prompt-icon {
		display: none;
	}

	.guest #chat-prompts.chat-prompts-open .chat-prompts-carousel {
		height: 45px;
		overflow: hidden;
	}

	.guest #chat-prompts.chat-prompts-open .chat-prompts-messages {
		width: 380px;
		left: unset;
	}

	#chat-prompts.chat-prompts-open {
		background-color: #202123;
	}

	.private-chat-prompts .chat-prompts-slide {
		height: 220px;
	}

	.private-chat-prompts .private-chat-prompts-single-message {
		background-color: #222631;
	}

	.private-chat-prompts .chat-prompts-messages .private-chat-prompts-single-message:hover {
		background-color: #222631;
		filter: brightness(1.35);
	}

	.private-chat-prompts .private-chat-prompts-single-message .private-chat-prompt-send-button {
		background: #2087a5;
	}

	.private-chat-prompts .private-chat-prompts-single-message .private-chat-prompt-inner {
		color: #CFDAE4;
	}

	.chat-prompts-previous-arrow, 
	.chat-prompts-next-arrow {
		margin-bottom: 15px;
	}

	@media screen and (max-width: 1350px) {
		.guest #chat-prompts.chat-prompts-open .chat-prompts-messages {
			width: 380px;
			left: unset;
			right: 0;
		}
	}

	@media screen and (max-width: 1140px) {
		#chat-prompts.chat-prompts-open .chat-prompts-messages {
			left: unset;
			right: -1px;
		}
	}

</style>

<style>

	#chat-prompts.chat-prompts-2025 {
		position: unset;
	}

	#chat-prompts.chat-prompts-2025.chat-prompts-open .chat-prompts-messages {
		width: 100%;
		box-sizing: border-box;
		bottom: 47px;
		padding-bottom: 10px;
	}

	#chat-prompts.chat-prompts-2025.chat-prompts-open .chat-prompts-carousel {
		box-sizing: border-box;
	}

	#chat-prompts.chat-prompts-2025.chat-prompts-open .close-chat-prompts-button {
		top: 3px;
  		right: 3px;
	}

	.guest #chat-prompts.chat-prompts-2025.chat-prompts-open .chat-prompts-carousel {
		height: auto;
	}

	.guest #chat-prompts.chat-prompts-2025.chat-prompts-open .chat-prompts-carousel .chat-prompts-slider {
		width: 100% !important;
  		flex-wrap: wrap;
	}

	#chat-prompts.chat-prompts-2025 .chat-prompts-messages .chat-prompts-single-message {
		margin: 0 20px 20px 0;
	}

</style>	


	<div id="chat-prompts" class="chat-prompts chat-prompts-closed chat-prompts-2025">

		<div id="chat-prompts-arrow" class="tooltip tip-top">
		
			<svg class="f4f-chat-prompts-svg chat-prompts-btn chat-prompts-svg" xmlns="http://www.w3.org/2000/svg" width="30" height="27">
				<defs>
					<clipPath id="messageIcon">
						<path fill="none" d="M-.2 0h20v17h-20z" data-name="Rectangle 6274"></path>
					</clipPath>
				</defs>
				<g clip-path="url(#messageIcon)" transform="translate(.2)">
					<path fill="none" stroke="#9AAEC1" stroke-linecap="round" stroke-linejoin="round" d="m5.306 13.551-2.841 2.895v-2.895A2.053 2.053 0 0 1 .43 11.479V2.517A2.053 2.053 0 0 1 2.465.446H17.33a2.054 2.054 0 0 1 2.035 2.071v8.962a2.054 2.054 0 0 1-2.035 2.072l-10.587-.016Z" data-name="Path 2232"></path>
					<circle cx="1" cy="1" r="1" fill="#9AAEC1" transform="translate(4.8 6)"></circle>
					<circle cx="1" cy="1" r="1" fill="#9AAEC1" data-name="point" transform="translate(8.8 6)"></circle>
					<circle cx="1" cy="1" r="1" fill="#9AAEC1" data-name="point" transform="translate(12.8 6)"></circle>
				</g>
			</svg>
			
			<svg class="light-version-chat-prompts-svg chat-prompts-btn chat-prompts-svg" xmlns="http://www.w3.org/2000/svg" width="30" height="27">
				<defs>
					<clipPath id="messageIcon">
						<path fill="none" d="M-.2 0h20v17h-20z" data-name="Rectangle 6274"></path>
					</clipPath>
				</defs>
				<g clip-path="url(#messageIcon)" transform="translate(.2)">
					<path fill="none" stroke="#222222" stroke-linecap="round" stroke-linejoin="round" d="m5.306 13.551-2.841 2.895v-2.895A2.053 2.053 0 0 1 .43 11.479V2.517A2.053 2.053 0 0 1 2.465.446H17.33a2.054 2.054 0 0 1 2.035 2.071v8.962a2.054 2.054 0 0 1-2.035 2.072l-10.587-.016Z" data-name="Path 2232"></path>
					<circle cx="1" cy="1" r="1" fill="#222222" transform="translate(4.8 6)"></circle>
					<circle cx="1" cy="1" r="1" fill="#222222" data-name="point" transform="translate(8.8 6)"></circle>
					<circle cx="1" cy="1" r="1" fill="#222222" data-name="point" transform="translate(12.8 6)"></circle>
				</g>
			</svg>
			
			<svg class="dark-version-chat-prompts-svg chat-prompts-btn chat-prompts-svg" xmlns="http://www.w3.org/2000/svg" width="30" height="27">
				<defs>
					<clipPath id="messageIcon">
						<path fill="none" d="M-.2 0h20v17h-20z" data-name="Rectangle 6274"></path>
					</clipPath>
				</defs>
				<g clip-path="url(#messageIcon)" transform="translate(.2)">
					<path fill="none" stroke="#9AAEC1" stroke-linecap="round" stroke-linejoin="round" d="m5.306 13.551-2.841 2.895v-2.895A2.053 2.053 0 0 1 .43 11.479V2.517A2.053 2.053 0 0 1 2.465.446H17.33a2.054 2.054 0 0 1 2.035 2.071v8.962a2.054 2.054 0 0 1-2.035 2.072l-10.587-.016Z" data-name="Path 2232"></path>
					<circle cx="1" cy="1" r="1" fill="#9AAEC1" transform="translate(4.8 6)"></circle>
					<circle cx="1" cy="1" r="1" fill="#9AAEC1" data-name="point" transform="translate(8.8 6)"></circle>
					<circle cx="1" cy="1" r="1" fill="#9AAEC1" data-name="point" transform="translate(12.8 6)"></circle>
				</g>
			</svg>

			<svg class="xnxx-version-chat-prompts-svg chat-prompts-btn chat-prompts-svg" xmlns="http://www.w3.org/2000/svg" width="30" height="27">
				<defs>
					<clipPath id="messageIcon">
						<path fill="none" d="M-.2 0h20v17h-20z" data-name="Rectangle 6274"></path>
					</clipPath>
				</defs>
				<g clip-path="url(#messageIcon)" transform="translate(.2)">
					<path fill="none" stroke="#ffffff" stroke-linecap="round" stroke-linejoin="round" d="m5.306 13.551-2.841 2.895v-2.895A2.053 2.053 0 0 1 .43 11.479V2.517A2.053 2.053 0 0 1 2.465.446H17.33a2.054 2.054 0 0 1 2.035 2.071v8.962a2.054 2.054 0 0 1-2.035 2.072l-10.587-.016Z" data-name="Path 2232"></path>
					<circle cx="1" cy="1" r="1" fill="#ffffff" transform="translate(4.8 6)"></circle>
					<circle cx="1" cy="1" r="1" fill="#ffffff" data-name="point" transform="translate(8.8 6)"></circle>
					<circle cx="1" cy="1" r="1" fill="#ffffff" data-name="point" transform="translate(12.8 6)"></circle>
				</g>
			</svg>

			<svg class="xvideos-version-chat-prompts-svg chat-prompts-btn chat-prompts-svg" xmlns="http://www.w3.org/2000/svg" width="30" height="27">
				<defs>
					<clipPath id="messageIcon">
						<path fill="none" d="M-.2 0h20v17h-20z" data-name="Rectangle 6274"></path>
					</clipPath>
				</defs>
				<g clip-path="url(#messageIcon)" transform="translate(.2)">
					<path fill="none" stroke="#222222" stroke-linecap="round" stroke-linejoin="round" d="m5.306 13.551-2.841 2.895v-2.895A2.053 2.053 0 0 1 .43 11.479V2.517A2.053 2.053 0 0 1 2.465.446H17.33a2.054 2.054 0 0 1 2.035 2.071v8.962a2.054 2.054 0 0 1-2.035 2.072l-10.587-.016Z" data-name="Path 2232"></path>
					<circle cx="1" cy="1" r="1" fill="#222222" transform="translate(4.8 6)"></circle>
					<circle cx="1" cy="1" r="1" fill="#222222" data-name="point" transform="translate(8.8 6)"></circle>
					<circle cx="1" cy="1" r="1" fill="#222222" data-name="point" transform="translate(12.8 6)"></circle>
				</g>
			</svg>

			<span class="tip" style="font-size:11px;">Quick Messages</span>

		</div>

		
			<div class="chat-prompts-messages slide-in-bottom">
			
			<i class="icon-x-plain close-btn close-sm chat-prompts-btn close-chat-prompts-button"></i>
			<div class="chat-prompts-carousel">
				<div class="chat-prompts-slider d-flex">
						<div class="chat-prompts-single-message">
							<span class="chat-prompt-text">Hi, nice to meet you :)</span>
						</div>
						<div class="chat-prompts-single-message">
							<span class="chat-prompt-text">Very sexy baby</span>
						</div>
						<div class="chat-prompts-single-message">
							<span class="chat-prompt-text">You look stunning!</span>
						</div>
						<div class="chat-prompts-single-message">
							<span class="chat-prompt-text">I love how you move</span>
						</div>
						<div class="chat-prompts-single-message">
							<span class="chat-prompt-text">I'd love to get to know you better</span>
						</div>
						<div class="chat-prompts-single-message">
							<span class="chat-prompt-text">Very nice!</span>
						</div>
						<div class="chat-prompts-single-message">
							<span class="chat-prompt-text">What kind of show would we have together?</span>
						</div>
				</div>
			</div>
		</div>	
	</div>

			</div>
			<div class="chat-send-area-emojis chat-emojis">
				<input type="radio" id="emojiBox" name="userControls" class="hide">
				<label for="emojiBox">
					<span class="visually-hidden">Emoji Select</span>
					<i class="icon-happyface emoji-icon"></i>
				</label>
				<label class="close-menu" for="userControlsOff"><span class="visually-hidden">Close</span></label>
				<div class="user-control-switches">
					<div class="emoji-inner-header">
						<div id="emojis-title" class="active-title">Emojis							<div class="tooltip tip-bottom">
								Want more emojis?
								<span class="tip">
									<ol class="chrome-emoji-tooltip">
										<li>Click the "Send a message..." area</li>
										<li>Right-click current area</li>
										<li>Select "Emoji" or "Emoji & Symbols"</li>
									</ol>
									<ol class="firefox-safari-emoji-tooltip">
										<li>Click the "Send a message..." area</li>
										<li>Open "Edit" menu</li>
										<li>Select "Emoji & Symbols" <span class="safari-text-only">(^&#8984;SPACE)</span></li>
									</ol>
								</span>
							</div>
						</div>
						<label for="userControlsOff" class="close-modal"><span class="visually-hidden">Close</span><i class="icon-x-plain close-btn"></i></label>
					</div>
					<div class="tab-container">
						<div class="tab-panels">
							<section id="emoji" class="tab-panel active emoji-box dark-scrollbar scrollbar-custom">
								<div class="original-emojis-container">
																		
<a class="emo_wrap closeChatControls"><span class="happy" title="Happy" data-nickname=':)'></span></a>
<a class="emo_wrap closeChatControls"><span class="smile" title="Smile" data-nickname=':d'></span></a>
<a class="emo_wrap closeChatControls"><span class="wink" title="Wink" data-nickname=';)'></span></a>
<a class="emo_wrap closeChatControls"><span class="cry" title="Cry" data-nickname=":'("></span></a>
<a class="emo_wrap closeChatControls"><span class="sad" title="Sad" data-nickname=':('></span></a>
<a class="emo_wrap closeChatControls"><span class="tongue" title="Tongue" data-nickname=':p'></span></a>
<a class="emo_wrap closeChatControls"><span class="scared" title="Scared" data-nickname=':-o'></span></a>


<a class="emo_wrap closeChatControls"><span class="hug" title="Hug" data-nickname='(hug)'></span></a>
<a class="emo_wrap closeChatControls"><span class="drool" title="Drool" data-nickname='(drool)'></span></a>
<a class="emo_wrap closeChatControls"><span class="sucking" title="Sucking" data-nickname='(sucking)'></span></a>
<a class="emo_wrap closeChatControls"><span class="puppy_dog_eyes" title="Puppy Dog Eyes" data-nickname='(puppyeyes)'></span></a>
<a class="emo_wrap closeChatControls"><span class="sarcasm" title="Sarcasm" data-nickname='(sarcasm)'></span></a>
<a class="emo_wrap closeChatControls"><span class="sweating" title="Sweating" data-nickname='(sweating)'></span></a>
<a class="emo_wrap closeChatControls"><span class="blushing" title="Blushing" data-nickname='(blushing)'></span></a>
<a class="emo_wrap closeChatControls"><span class="nerd" title="Nerd" data-nickname='(nerd)'></span></a>
<a class="emo_wrap closeChatControls"><span class="lips_sealed" title="Lips Sealed" data-nickname='(lipssealed)'></span></a>
<a class="emo_wrap closeChatControls"><span class="giggle" title="Giggle" data-nickname='(giggle)'></span></a>
<a class="emo_wrap closeChatControls"><span class="yummy" title="Yummy" data-nickname='(yummy)'></span></a>
<a class="emo_wrap closeChatControls"><span class="money_eyes" title="Money Eyes" data-nickname='(moneyeyes)'></span></a>
<a class="emo_wrap closeChatControls"><span class="music" title="Music" data-nickname='(music)'></span></a>
<a class="emo_wrap closeChatControls"><span class="stay_awake" title="Stay Awake" data-nickname='(stayawake)'></span></a>
<a class="emo_wrap closeChatControls"><span class="devil" title="Devil" data-nickname='(devil)'></span></a>


<div class="clear"></div>
<div class="line"></div>



<a class="emo_wrap closeChatControls"><span class="lets_pledge" title="Let's Pledge" data-nickname='(letspledge)'></span></a>
<a class="emo_wrap closeChatControls"><span class="sunshine" title="Sunshine" data-nickname='(sunshine)'></span></a>
<a class="emo_wrap closeChatControls"><span class="clouds" title="Clouds" data-nickname='(clouds)'></span></a>
<a class="emo_wrap closeChatControls"><span class="stormy" title="Stormy" data-nickname='(stormy)'></span></a>
<a class="emo_wrap closeChatControls"><span class="rainbow" title="Rainbow" data-nickname='(rainbow)'></span></a>
    <a class="emo_wrap closeChatControls"><span class="foot_womens" title="Foot" data-nickname='(foot)'></span></a>
<a class="emo_wrap closeChatControls"><span class="fire" title="Fire" data-nickname='(fire)'></span></a>
<a class="emo_wrap closeChatControls"><span class="ok_hand" title="Ok" data-nickname='(ok)'></span></a>
    <a class="emo_wrap closeChatControls"><span class="pussy" title="Pussy" data-nickname='(pussy)'></span></a>
    <a class="emo_wrap closeChatControls"><span class="squirt" title="Squirt" data-nickname='(squirt)'></span></a>


<a class="emo_wrap closeChatControls"><span class="broken_heart" title="Broken Heart" data-nickname='(brokenheart)'></span></a>
<a class="emo_wrap closeChatControls"><span class="martini" title="Martini" data-nickname='(martini)'></span></a>
<a class="emo_wrap closeChatControls"><span class="beer_mug" title="Beer" data-nickname='(beermug)'></span></a>
<a class="emo_wrap closeChatControls"><span class="bday_cake" title="Birthday Cake" data-nickname='(bdaycake)'></span></a>
<a class="emo_wrap closeChatControls"><span class="lightbulb" title="Lightbulb" data-nickname='(lightbulb)'></span></a>
<a class="emo_wrap closeChatControls"><span class="phone" title="Phone" data-nickname='(phone)'></span></a>
<a class="emo_wrap closeChatControls"><span class="airplane" title="Airplane" data-nickname='(airplane)'></span></a>
<a class="emo_wrap closeChatControls"><span class="island" title="Island" data-nickname='(island)'></span></a>
<a class="emo_wrap closeChatControls"><span class="umbrella" title="Umbrella" data-nickname='(umbrella)'></span></a>
<a class="emo_wrap closeChatControls"><span class="key" title="Key" data-nickname='(key)'></span></a>

<a class="emo_wrap closeChatControls tallEmot"><span class="champange tallEmot" title="Champagne" data-nickname='(champ)'></span></a>
<a class="emo_wrap closeChatControls tallEmot"><span class="foam_finger" title="Foam Finger" data-nickname='(foam)'></span></a>
<a class="emo_wrap closeChatControls tallEmot"><span class="hand_clap" title="Clap" data-nickname='(clap)'></span></a>
<a class="emo_wrap closeChatControls"><span class="jerkin" title="Jerkin" data-nickname='(jerk)'></span></a>
<a class="emo_wrap closeChatControls"><span class="lets_tip" title="Let's Tip" data-nickname='(letstip)'></span></a>
<a class="emo_wrap closeChatControls"><span class="oops" title="Oops" data-nickname='(oops)'></span></a>
<a class="emo_wrap closeChatControls"><span class="raspberry" title="Raspberry" data-nickname='(rasp)'></span></a>
<a class="emo_wrap closeChatControls"><span class="tip_me" title="Tip Me" data-nickname='(tipme)'></span></a>

<a class="emo_wrap closeChatControls tallEmot"><span class="sexy tallEmot" title="Sexy" data-nickname='(sexy)'></span></a>


<a class="emo_wrap closeChatControls"><span class="thumbs_up" title="Thumbs Up" data-nickname='(y)'></span></a>
<a class="emo_wrap closeChatControls"><span class="award" title="Award" data-nickname='(a)'></span></a>
<a class="emo_wrap closeChatControls"><span class="heart" title="Heart" data-nickname='(h)'></span></a>
<a class="emo_wrap closeChatControls"><span class="king" title="King" data-nickname='(c)'></span></a>
<a class="emo_wrap closeChatControls"><span class="lips" title="Lips" data-nickname='(k)'></span></a>
<a class="emo_wrap closeChatControls"><span class="rose" title="Rose" data-nickname='(f)'></span></a>
<a class="emo_wrap closeChatControls"><span class="dick" title="Dick" data-nickname='(d)'></span></a>
<a class="emo_wrap closeChatControls"><span class="star" title="Star" data-nickname='(s)'></span></a>
								</div>
								<div id='twemojis_container'>
																		<div id="peopleEmoji" data-name="People" class="clearfix emojiSection"></div>
									<div id="foodAndDrinkEmoji" data-name="Food and Drink" class="clearfix emojiSection"></div>
									<div id="natureEmoji" data-name="Nature" class="clearfix emojiSection"></div>
									<div id="travelAndPlacesEmoji" data-name="Travel and Places" class="clearfix emojiSection"></div>
									<div id="activitiesEmoji" data-name="Activities" class="clearfix emojiSection"></div>
									<div id="celebrationEmoji" data-name="Celebration" class="clearfix emojiSection"></div>
									<div id="objectAndSymbolsEmoji" data-name="Object and Symbols" class="clearfix emojiSection"></div>
								</div>
							</section>
						</div>
					</div>
				</div>
			</div>
							<style>
					.chat-send-area-send-message {
						color: #15171F;
					}
				</style>
						<div id="sendMessage" class="chat-send-area-send-message">Send</div>
		</div>

	</div>

</div>				</div>

				<div id="oneMinuteLeft" class="">

	<div class="one-minute-left relative flex-grid">
		<a href="javascript:void(0);" id="oneMinuteLeftClose" aria-label="Close One Minute Left Box">
			<i class="icon-x"></i>
		</a>
		<div class="col-12-sm col-12 left-side text-center">

			<div class="flex-center">
				<span id="oneMinuteCountDown" class="show-inline-block"></span>
				<span class="show-inline-block">Seconds before your show expires!</span>
			</div>

			<div class="line"></div>
			<span class="secondLine">Add Credits Below to Continue</span>


			<div class="offer-credit-card-info text-center">
				<span class="card-cc-number"></span>
				 |
				<a href="javascript:;" class="btn btn-xs change-cc-info" data-source="one-min-left">change</a>
				<a href="javascript:;" class="btn btn-xs primary overlay-add-card" data-source="one-min-left">Add Card</a>
			</div>

		</div>
		<div class="col-12 text-center">
			<a href="javascript:void(0);" class="btn success full-width" id="oneMinuteBtn" data-promo-id="" aria-label="One Minute Left Purchase Product">Purchase Product</a>
			<div class="deal-loading btn btn-sm success"><i class="loading-v2"></i> Loading</div>
		</div>

	</div>


</div>
			</div>
			
			<style>
	body.light #recommendedModels:checked ~ #userState #device .chat-bottom-row .bottom-controls .model-menu-nav .recommended-models-btn i {
		color: #000;
	}

	body.light.xvideos-cams #recommendedModels:checked ~ #userState #device .chat-bottom-row .bottom-controls .model-menu-nav .recommended-models-btn i {
		color: #222222;
	}

	body.light.xvideos-cams .btn-model-notes a {
		color: #222222;
	}
</style>

<div class="chat-bottom-recommended-models recommendations-loading relative">
    <div class="loading-wrap">
        <i class="loading-v2 lg"></i>
    </div>
    <div class="error-wrap">
        This is the error message
    </div>
    <div class="chat-bottom-recommended-models-wrap">
        <h4>Based on this model, here are some others you might like</h4>
        <div class="chat-bottom-recommended-models-scroll">
            <div class="chat-bottom-recommended-models-row">                
                                <div class="recommended-model-item">
                    <a class="recommended-model-link" href="javascript:void(0);" title="Tessa Lu">
                        <div class="recommended-model-photo-wrap">
                            <div class="recommended-model-photo" style='background-image: url("https://cdn5.vscdns.com/images/models/samples/4051409.jpg");'></div>
                
                            <div class="model-device icon-feel-connect">
                                <svg class="lovense-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32.563 20.998" title="Tip Controlled" width="20px">
                                    <path id="Path_3473" class="lovesence-icon-path" data-name="Path 3473" d="M3.139.643A3.667,3.667,0,0,0,.374.065a.459.459,0,0,0,.171.9A2.755,2.755,0,0,1,2.622,1.4,2.756,2.756,0,0,1,3.787,3.176a.459.459,0,0,0,.451.374.466.466,0,0,0,.086-.008A.459.459,0,0,0,4.689,3,3.666,3.666,0,0,0,3.139.643" transform="translate(24.432 8.018) rotate(8)" stroke-width="0.4"></path>
                                    <path id="Path_3474" class="lovesence-icon-path" data-name="Path 3474" d="M8.42,5.6A6.839,6.839,0,0,0,5.532,1.2,6.839,6.839,0,0,0,.374.123a.459.459,0,0,0,.171.9,5.927,5.927,0,0,1,4.47.93,5.927,5.927,0,0,1,2.5,3.819.459.459,0,1,0,.9-.171" transform="translate(24.008 4.796) rotate(9)" stroke-width="0.4"></path>
                                    <path id="Path_3475" class="lovesence-icon-path no-stroke" data-name="Path 3475" d="M3.759,16.985C-2.74,11.319-.388,3.459,7.56,1.1,11.362-.027,18.971-.31,22.879.357c2.516.43,2.111,2.077.119,2.87-2.961,1.178-7.93-.963-11.308-1.035C7.524,2.1,1.983,4.352,1.72,9.149c-.247,4.5,3.9,7.206,8.022,5.941a22.622,22.622,0,0,0,4.818-2.448c3.389-2.124,4.53-4.093,8.753-1.721,3.535,1.985,3.976,4.478.765,7.176C18.636,22.671,8.925,21.49,3.759,16.985" transform="translate(0 -0.001)" stroke-width="0"></path>
                                </svg>
                            </div>
                        </div>
                        <div class="recommended-model-name">
                            <div class="model-dot"></div><span class="recommended-model-display-name">Tessa Lu</span>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
			<div id="oneClickProdContainer" class="hide"></div>

<div class="one-click-product clonable-one-click-product hide" style="margin: 0 0 0 15px;">
    <div class="amount-of-credits">
        <span class="selection-area hide"><i class="icon-checkmark"></i></span>
                <span class="credit-amounts">
            <b></b>
            <div>Credits</div>
        </span>
    </div>
    <div class="gradient-line-separator"></div>
    <span class="credit-prices-2">
        <b>$10.00 + $2.00 VAT</b>
        <span class="free-credits-with-one-click-product hide">
            +50
            <br>
            Free!
        </span>
    </span>
</div>


		</div>
	</div>
	
			 
		<div class="below-chat-arrow" data-aspect-vertical-offset="true" >
			<i class="icon-down toggle-bottom-bio-btn" title="scroll down for more model information."></i>
		</div>
		<style>
    body.chat-room-opened:not(.chat-room-minimized) .chatroom-shadow{
        min-height: calc(100vh + 50px);
    }

    body.chat-room-opened .below-chat-arrow {
        display: block;
    }

    body.chat-room-minimized .chat-bio-nav-bar,
    body.chat-room-minimized .below-chat-bio,
    body.chat-room-minimized .bio-height {
        display: none;
    }

    .below-chat-arrow {
        background-color: transparent !important;
        font-size: 16px;
        color: #0a5ea6;
        text-align: center;
        text-decoration: none;
        display: none;
    }

    .below-chat-arrow:hover {
        color: #0a8aed;
        cursor: pointer;
    }

    .below-chat-bio {
        width: 100%;
        margin-top: 11px;
    }

    .large-video .below-chat-bio {
        width: 100%;
        margin-top: -60px;
    }

    .xl-video .below-chat-bio {
        width: 100%;
        margin-top: 11px;
    }

    .below-chat-bio .chat-bio-wrap {
        background-color: #131416;
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

    .below-chat-bio .chat-bio-wrap .mini-image {
        width: 170px;
        min-width: 170px;
        height: 170px;
        border-radius: 170px;
        background-size: auto 110%;
        border: 3px solid rgba(100,100,100,.5);
        margin: 10px 0px 10px 30px; 
    }

    .model-main-info {
        padding: 20px 10px 0px 23px;
        width: 55%; 
        box-sizing: border-box;
        margin: 10px; 
    }

    .model-main-info h2 {
        margin: 0px 0px  10px 0px;
        color: #cccccc;
        font-size: 24px;
        position: relative;
    }

    .model-main-info h2 span {
        color: #cccccc;
    }

    .model-main-info h2 .icon-heart {
        color: #131416;
        position: absolute;
        top: -3px;
        left: -32px;
        font-size: 26px;
        text-shadow: -1px -1px 0 #c52c0e, 1px -1px 0 #511307, -1px 1px 0 #c52c0e, 1px 1px 0 #c52c0e;
        cursor: pointer;
    }

    .model-main-info h2 .icon-heart:hover {
        color: #c52c0e;
        text-shadow: none;
        cursor: pointer;
    }

    .model-main-info h2 .icon-heart[data-value="favorited"] {
        color: #511307;
    }

    .below-chat-bio .chat-bio-wrap .star-ratings {
        color: #f0bf24;
        size: 13px;
        text-decoration: none;
    }

    .cutomer-rate-text {
        font-size:12px;
        color: #5a5a5c;
    }

    .last-online {
        color: #707072;
        font-size: 12px;
    }

    .model-main-info .tag-line {
        border:0;
        margin-top: 20px;
    }

    .model-image-slant {
        background-size: 100%;
        background-position: center;
        width: 100%;
        max-width: 60%;
        position: relative;
        text-align: center;
        overflow: hidden;
        text-shadow: 2px 2px 4px rgba(0,0,0,0.64);
    }

    .model-image-slant:before {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: rgba(0,0,0,.6);
    }

    .model-image-slant:after {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        top: 0;
        left: 0;
        border-right: 0;
        border-left: 76px solid #131416;
        border-bottom: 206px solid rgb(0 0 0 / 0%);
        border-top: 0px solid rgb(0 0 0 / 0%);
        border-left-color: #131416;
        border-right-color: rgb(0 0 0 / 0%);
    }

    .model-image-slant-inner {
        height: calc(100% - 40px);
        margin-top: 10px;
        width: 85%;
        margin-left: 10%;
        position: absolute;
        overflow: hidden;
        overflow-y: hidden;
    }

    .model-image-slant-inner:hover {
        overflow-y: overlay;
    }

    /* FF to show scrollbar */ 
    @-moz-document url-prefix() {
        .model-image-slant-inner:hover {
             overflow-y: auto;
        }
    }

    .model-image-slant article {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        width: 100%;
        box-sizing: border-box;
        text-align: center;
    }

    .article-icon {
        width: 90px;
        font-size: 41px;
        color: rgba(255, 255, 255, .7);
        text-align: center;
    }

    .article-desc {
        font-size: 15px;
        width: 100%;
        padding: 0px  0px 0px 20px;
        margin-right: 30px;
        border-left: 1px solid rgba(255, 255, 255, .4);
    }

    .article-desc .models-desc {
        display: block;
        text-align: left;
    }

    .article-arrow {
        font-size: 14px;
        color: rgba(255, 255, 255, .6);
        position: absolute;
        bottom: 10px;
        width: 100%;
    }

    .chat-bio-nav-bar {
        background-color: #131416;
        text-align: center;
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: center;
        height: 40px;
        line-height: 40px;
        margin: 1px 0px;
    }

    .chat-bio-nav-bar a,
    .chat-bio-nav-bar a.dm-launch:not(.header-dm) {
        display: inline-block;
        color: #b7b4b4;
        text-decoration: none;
        padding: 0 10px 0px 30px;
        font-size: 13px;
        border-left: 1px solid rgba(150,150,150,.1);
        position: relative;
    }

    .chat-bio-nav-bar a.dm-launch:not(.header-dm) {
        background-color: transparent !important;
        border-right: 0;
        min-width: unset;
        width: unset;
        border-left: 1px solid rgba(150,150,150,.1) !important;
    }

    .chat-bio-nav-bar a.dm-launch:not(.header-dm):hover {
        color: #d6ecf7;
        text-decoration: none;
        background-color: rgba(150,150,150,.1) !important;
    }

    .chat-bio-nav-bar a.dm-launch:not(.header-dm) i {
        position: absolute;
        top: 8px;
        left: 2px;
        color: #b7b4b4 !important;
    }

    .whitelabel.light .chat-bio-nav-bar a.dm-launch:not(.header-dm) i {
        color: #333 !important;
    }

    body:not(.wl) .chat-bio-nav-bar .dm-launch:not(.header-dm):not(.dm-underchat):hover i.icon-dm-bubble {
        color: #d6ecf7 !important;
    }

    .chat-bio-nav-bar a:last-child {
        border-right: 1px solid rgba(150,150,150,.1);
    }

    .chat-bio-nav-bar a i,
    .wl.xvc .chat-bio-nav-bar a i {
        position: absolute;
        top:1px;
        left:10px;
    }

    .chat-bio-nav-bar a:hover {
        color: #d6ecf7;
        text-decoration: none;
        background-color: rgba(150,150,150,.1);
    }

    .chat-bio-nav-bar .chat-bio-dm .dm-plus-icon {
        position: absolute;
        width: 24px;
        height: 100%;
        top: 1px;
        left: 2px;
    }

    .chat-bio-nav-bar .chat-bio-dm .dm-plus-icon .cls-1 {
        stroke:#b7b4b4;
        stroke-linecap:round;
        stroke-linejoin:round;
        stroke-width:2px;
        transition: 0.1s ease-in-out;
    }

    .chat-bio-nav-bar .chat-bio-dm:hover .dm-plus-icon .cls-1 {
        stroke: #d6ecf7;
    }

    .light .chat-bio-nav-bar .chat-bio-dm .dm-plus-icon .cls-1,
    .light .chat-bio-nav-bar .chat-bio-dm:hover .dm-plus-icon .cls-1 {
        stroke:#000;
    }

    .xnxx-cams .chat-bio-nav-bar .chat-bio-dm .dm-plus-icon .cls-1,
    .xnxx-cams .chat-bio-nav-bar .chat-bio-dm:hover .dm-plus-icon .cls-1 {
        stroke:#fff;
    }

    .chat-bio-nav-bar .chat-bio-dm .dm-plus-icon .cls-text {
        fill: #b7b4b4;
        transition: 0.1s ease-in-out;
    }

    .chat-bio-nav-bar .chat-bio-dm:hover .dm-plus-icon .cls-text {
        fill: #d6ecf7;
    }

    .light .chat-bio-nav-bar .chat-bio-dm .dm-plus-icon .cls-text,
    .light .chat-bio-nav-bar .chat-bio-dm:hover .dm-plus-icon .cls-text {
        fill: #000;
    }

    .xnxx-cams .chat-bio-nav-bar .chat-bio-dm .dm-plus-icon .cls-text,
    .xnxx-cams .chat-bio-nav-bar .chat-bio-dm:hover .dm-plus-icon .cls-text {
        fill: #fff;
    }

    .chat-bio-dm.dm-launch-not .tip {
        line-height: 1.6em;
		width: 380px;
		box-sizing: border-box;
		text-wrap: wrap;
    }

    .chat-bio-nav-bar a.dm-launch:not(.header-dm) .dm-connection-error-icon {
        width: 15px;
        height: 15px;
        background: #FF4D61;
        border: 0;
        color: #fff;
        font-size: 10px;
        line-height: 15px;
        border-radius: 50%;
        display: none;
        align-items: center;
        justify-content: center;
        font-weight: bold;
        z-index: 3;
        padding: 0;
        top: 4px;
        left: -4px;
    }

    body.dm-connection-error .chat-bio-nav-bar a.dm-launch:not(.header-dm) .dm-connection-error-icon {
        display: flex;
    }

    .chat-bio-nav-bar a.dm-launch:not(.header-dm) .dm-connection-error-icon i,
    .whitelabel.light .chat-bio-nav-bar a.dm-launch:not(.header-dm) .dm-connection-error-icon i {
        line-height: 1px;
        display: flex;
        color: #fff !important;
        font-size: 10px;
        top: unset;
        left: unset;
        position: relative;
    }

     /* WL */
    .wl .chat-bio-nav-bar a i {
        top:14px;
    }
    
    /* Light colors */
    
    .light .model-main-info h2 .icon-heart {
        color: #ab4532;
    }

    .light .chat-bio-nav-bar a  {
        color: #333;
    }

    .light .chat-bio-nav-bar a:hover  {
        color: #000;
    }

    .wl.dark a.below-chat-arrow {
        background-color: #000;
    }

    .light a.below-chat-arrow {
        background-color: #eee;
    }

    .light .below-chat-bio .chat-bio-wrap,
    .light .chat-bio-nav-bar {
        background-color: #ccc;
    }

    .light .below-chat-arrow {
        background-color: #eee;
    }

    .light .model-main-info h2 span {
        color: #333;
    }

    .light .model-image-slant:before {
        background-color: rgb(255 255 255 / 60%);
    }

    .light .model-image-slant:after {
        border-left: 76px solid #ccc;
        border-left-color: #ccc;
    }

    .light .article-icon {
        color: rgb(0 0 0 / 70%);
    }

    .light .article-desc {
        border-left: 1px solid rgb(0 0 0 / 40%);
    }

    .light .article-arrow {
        color: rgb(0 0 0 / 60%);
    }

    .below-chat-bio .chat-bio-wrap .star-ratings .icon-star-outline {
        color: #777;
    }

    body.chat-room-opened:not(.chat-room-minimized) .bio-height {
        height: 250px; 
        display: block;
    }

</style>


<div class="model-bio-loader justify-content-center mt-xl mb-xl hide">
    <i class="loading-v2 lg"></i>
</div>
<div class="bio-height">
    <div class="below-chat-bio hide">
        <div class="chat-bio-wrap">
            <div class="mini-image"></div>
            <div class="model-main-info">
                <h2>
                    <i class="icon-heart chat-bio-favorite-btn" title="add/remove to favorites."></i> 
                    <span class="model-screen-name"></span>
                </h2>
                <a target="_blank" rel="noopener noreferrer" href="javascript:void(0);" class="star-ratings">
                    <span class="visually-hidden">Star rating</span>
                    <i class="icon-star-solid"></i>
                    <i class="icon-star-solid"></i>
                    <i class="icon-star-solid"></i>
                    <i class="icon-star-solid"></i>
                    <i class="icon-star-outline"></i> 
                </a>
                <div class="cutomer-rate-text">Customers rated <span class="model-screen-name"></span> <span class="model-rating"></span> out of 5 based on <a target="_blank" rel="noopener noreferrer" class="reviews-link" href="javascript:void(0);"><span class="visually-hidden">Reviews link</span></a>.</div>
                <div class="last-online"></div>
                <div class="tag-line">"<span class="model-tagline-text">Hello lovely I'm here to make you smile * make each other happier</span>"</div>
            </div>
            <div class="model-image-slant" style="background-image:url('https://cdn5.vscdns.com/images/models/samples-800x600/3559874.jpg');">

                <div class="model-image-slant-inner scrollbar-ghost">

                    <article class="model-description-wrap model-bio-description hide">
                        <div class="article-icon">
                            <i class="icon-fake-mask"></i>
                        </div>
                        <div class="article-desc">
                            <i class="models-desc model-description-text"></i>
                        </div>
                    </article> 

                    <article class="model-obsessions-desires-wrap model-bio-description hide" title="My Obsessions & Desires">
                        <div class="article-icon">
                            <i class="icon-happyface"></i>
                        </div>
                        <div class="article-desc">
                            <i class="models-desc model-obsessions-desires-text"></i>
                        </div>
                    </article> 

                    <article class="model-fetish-wrap model-bio-description hide" title="My Fetishes">
                        <div class="article-icon">
                            <i class="icon-fetish"></i>
                        </div>
                        <div class="article-desc">
                            <i class="models-desc model-fetish-text"></i>
                        </div>
                    </article> 

                    <article class="model-toy-wrap model-bio-description hide" title="Sex Toys">
                        <div class="article-icon">
                        <i class="icon-feel-connect"></i>
                        </div>
                        <div class="article-desc">
                            <i class="models-desc model-toy-text"></i>
                        </div>
                    </article> 

                    <article class="model-roleplay-wrap model-bio-description hide" title="Role-Playing Scenarios">
                        <div class="article-icon">
                            <i class="icon-dating"></i>
                        </div>
                        <div class="article-desc">
                            <i class="models-desc model-roleplay-text"></i>
                        </div>
                    </article> 

                    <article class="model-special-info-wrap model-bio-description hide" title="Special Info">
                        <div class="article-icon">
                            <i class="icon-star-solid"></i>
                        </div>
                        <div class="article-desc">
                            <i class="models-desc model-special-info-text">
                            RULES!1. Disrespect is not tolerated in this room.2. No request a bigger dildo in my pussy,im no Obliged to do it.3. Every request in open chat need a tip.4. Non-compliance with rules= Ban of room.
                            </i>
                        </div>
                    </article> 

                    <article class="model-additional-info-wrap model-bio-description hide" title="Additional Info">
                        <div class="article-icon">
                            <i class="icon-i"></i>
                        </div>
                        <div class="article-desc">
                            <i class="models-desc model-additional-info-text"></i>
                        </div>
                    </article> 


                </div> 
                <div class="article-arrow"><i class="icon-down" title="scroll"></i></div>
            </div>
        </div>
    </div>
    <div class="chat-bio-nav-bar hide">
        <a class="chat-bio-model-link" href="javascript:void(0);" target="_blank" rel="noopener noreferrer">
            <i class="icon-external-link"></i> See My Full Bio        </a>
        <a class="chat-bio-powerboost" href="javascript:void(0);">
            <i class="icon-rocket"></i> Power Boost Me        </a>
        <a class="chat-bio-notifications" href="javascript:void(0);">
            <i class="icon-notification"></i> <span class="add-or-remove-notifications-text">Add to</span> Notifications        </a>
        <a class="chat-bio-flirt-phone-link" href="javascript:void(0);" target="_blank" rel="noopener noreferrer">
            <i class="icon-flirtphone"></i> Flirt Phone        </a>
        <a class="chat-bio-send-gift-link" href="javascript:void(0)">
            <i class="icon-present"></i> Send me a Gift        </a>
        <a class="chat-bio-dm dm-launch" href="javascript:void(0);">
            <div class="dm-connection-error-icon absolute">
				<i class="icon-info"></i>
			</div>
            <svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" class="dm-plus-icon"><defs></defs><path class="cls-1" d="M18.9028,46.0436l-8.0996,7.9564v-7.9564c-3.2066,0-5.8032-2.5509-5.8032-5.699V15.6978c0-3.1468,2.5966-5.6978,5.8032-5.6978h42.3935c3.2044,0,5.8032,2.551,5.8032,5.6978v24.6468c0,3.148-2.5988,5.699-5.8032,5.699l-30.1968-.0436-4.0972.0436Z"/><path class="cls-text" d="M25.1307,27.7151c0,1.9928-.5486,3.5269-1.6449,4.6052-1.0972,1.0773-2.6387,1.6165-4.6245,1.6165h-3.8614v-11.9367h4.1304c1.9159,0,3.3941.4903,4.4368,1.4699,1.0417.9796,1.5635,2.395,1.5635,4.2451ZM21.7835,27.83c0-1.0946-.2164-1.9057-.6491-2.4333s-1.0896-.792-1.9714-.792h-.9383v6.6871h.7181c.9795,0,1.6976-.2844,2.1552-.8532.4567-.5688.6855-1.4383.6855-2.6086Z"/><path class="cls-text" d="M32.4686,33.9367l-2.4405-8.5975h-.0737c.1139,1.4642.1714,2.6019.1714,3.413v5.1846h-2.857v-11.9367h4.2941l2.4894,8.4749h.0651l2.4415-8.4749h4.3018v11.9367h-2.9633v-5.2334c0-.272.0038-.5746.0124-.9059.0077-.3323.044-1.1463.1101-2.4419h-.0737l-2.408,8.5812h-3.0696Z"/><path class="cls-text" d="M45.7666,29.1362h-3.0361v-2.1882h3.0361v-2.9964h2.1964v2.9964h3.037v2.1882h-3.037v2.9476h-2.1964v-2.9476Z"/></svg> Send Direct Message        </a>
        <a class="chat-bio-fleshlight-link hide" href="javascript:void(0)" target="_blank" rel="noopener noreferrer">
            <i class="icon-fleshlight"></i> My Fleshlight        </a>
    </div>
</div>		<style>

body.chat-room-opened:not(.chat-room-minimized) .bio-height {
	height: 100%;
	max-height: 250px;
}

body:not(.chat-room-opened) .chatroom-gallery-tabs {
    display: none;
}

.chatroom-gallery-tabs {
    background: #131416;
}

.light .chatroom-gallery-tabs {
    background: #e3e4e9;
    color: #333;
}

.chatroom-gallery-tabs {
    margin-bottom: 20px;
}

.chatroom-gallery-tabs > input[type=radio] {
    display: none;
}

/* Tabs */
.chatroom-gallery-tabs .tab-info {
    border: none;
}

.responsive-tabs {
    max-width: 92%;
    margin: auto;
}

.chatroom-gallery-tabs input[type=radio]:nth-child(1):checked ~ .responsive-tabs label:nth-child(1),
.chatroom-gallery-tabs input[type=radio]:nth-child(2):checked ~ .responsive-tabs label:nth-child(2),
.chatroom-gallery-tabs input[type=radio]:nth-child(3):checked ~ .responsive-tabs label:nth-child(3),
.chatroom-gallery-tabs input[type=radio]:nth-child(4):checked ~ .responsive-tabs label:nth-child(4),
.chatroom-gallery-tabs input[type=radio]:nth-child(5):checked ~ .responsive-tabs label:nth-child(5) {
    background-color: #131416;
    border: none;
    padding: 0 30px;
    color: #00a9e7;
}

.chatroom-gallery-tabs input[type=radio]:nth-child(1):checked ~ .responsive-tabs label:nth-child(1) .blue-underline,
.chatroom-gallery-tabs input[type=radio]:nth-child(2):checked ~ .responsive-tabs label:nth-child(2) .blue-underline,
.chatroom-gallery-tabs input[type=radio]:nth-child(3):checked ~ .responsive-tabs label:nth-child(3) .blue-underline,
.chatroom-gallery-tabs input[type=radio]:nth-child(4):checked ~ .responsive-tabs label:nth-child(4) .blue-underline,
.chatroom-gallery-tabs input[type=radio]:nth-child(5):checked ~ .responsive-tabs label:nth-child(5) .blue-underline {
    border-bottom: 3px solid #00a9e7;
}

/* WL */
.light .chatroom-gallery-tabs input[type=radio]:nth-child(1):checked ~ .responsive-tabs label:nth-child(1),
.light .chatroom-gallery-tabs input[type=radio]:nth-child(2):checked ~ .responsive-tabs label:nth-child(2),
.light .chatroom-gallery-tabs input[type=radio]:nth-child(3):checked ~ .responsive-tabs label:nth-child(3),
.light .chatroom-gallery-tabs input[type=radio]:nth-child(4):checked ~ .responsive-tabs label:nth-child(4),
.light .chatroom-gallery-tabs input[type=radio]:nth-child(5):checked ~ .responsive-tabs label:nth-child(5) {
    background-color: #e3e4e9;
    padding: 15px 30px 5px;
    color: #333;
}

.light .chatroom-gallery-tabs input[type=radio]:nth-child(1):checked ~ .responsive-tabs label:nth-child(1) .blue-underline,
.light .chatroom-gallery-tabs input[type=radio]:nth-child(2):checked ~ .responsive-tabs label:nth-child(2) .blue-underline,
.light .chatroom-gallery-tabs input[type=radio]:nth-child(3):checked ~ .responsive-tabs label:nth-child(3) .blue-underline,
.light .chatroom-gallery-tabs input[type=radio]:nth-child(4):checked ~ .responsive-tabs label:nth-child(4) .blue-underline,
.light .chatroom-gallery-tabs input[type=radio]:nth-child(5):checked ~ .responsive-tabs label:nth-child(5) .blue-underline {
    border-bottom: 3px solid #333;
    padding: 15px 30px 5px;
}

.wl.dark .chatroom-gallery-tabs input[type=radio]:nth-child(1):checked ~ .responsive-tabs label:nth-child(1),
.wl.dark .chatroom-gallery-tabs input[type=radio]:nth-child(2):checked ~ .responsive-tabs label:nth-child(2),
.wl.dark .chatroom-gallery-tabs input[type=radio]:nth-child(3):checked ~ .responsive-tabs label:nth-child(3),
.wl.dark .chatroom-gallery-tabs input[type=radio]:nth-child(4):checked ~ .responsive-tabs label:nth-child(4),
.wl.dark .chatroom-gallery-tabs input[type=radio]:nth-child(5):checked ~ .responsive-tabs label:nth-child(5) {
    color: #eee;
}

.wl.dark .chatroom-gallery-tabs input[type=radio]:nth-child(1):checked ~ .responsive-tabs label:nth-child(1) .blue-underline,
.wl.dark .chatroom-gallery-tabs input[type=radio]:nth-child(2):checked ~ .responsive-tabs label:nth-child(2) .blue-underline,
.wl.dark .chatroom-gallery-tabs input[type=radio]:nth-child(3):checked ~ .responsive-tabs label:nth-child(3) .blue-underline,
.wl.dark .chatroom-gallery-tabs input[type=radio]:nth-child(4):checked ~ .responsive-tabs label:nth-child(4) .blue-underline,
.wl.dark .chatroom-gallery-tabs input[type=radio]:nth-child(5):checked ~ .responsive-tabs label:nth-child(5) .blue-underline {
    border-bottom: 3px solid #eee;
}

.chatroom-gallery-tabs .responsive-tabs label.btn {
    margin: 0;
    box-sizing: border-box;
    padding: 0 30px;
    border: none;
    color: #ddd;
    white-space: wordwrap;
    margin-right: 3px;
    border-radius: 3px;
    background-color: #131416;
    display: flex;
    align-items: center;
    padding: 0 23px;
    font-size: 15px;
    font-weight: 600;
}

.light .chatroom-gallery-tabs .responsive-tabs label.btn { 
    background-color: #cfd0d5;
}

.chatroom-gallery-tabs input[type="radio"]:nth-child(1):checked ~ .responsive-tabs label:nth-child(1) .blue-underline, 
.chatroom-gallery-tabs input[type="radio"]:nth-child(2):checked ~ .responsive-tabs label:nth-child(2) .blue-underline, 
.chatroom-gallery-tabs input[type="radio"]:nth-child(3):checked ~ .responsive-tabs label:nth-child(3) .blue-underline, 
.chatroom-gallery-tabs input[type="radio"]:nth-child(4):checked ~ .responsive-tabs label:nth-child(4) .blue-underline, 
.chatroom-gallery-tabs input[type="radio"]:nth-child(5):checked ~ .responsive-tabs label:nth-child(5) .blue-underline {
    border-bottom: 3px solid #00a9e7;
    padding: 0px 6px 4px;
}

.chatroom-gallery-tabs input[type=radio]:nth-child(1):checked ~ .tab-info-wrap > .tab-info:nth-child(1),
.chatroom-gallery-tabs input[type=radio]:nth-child(2):checked ~ .tab-info-wrap > .tab-info:nth-child(2),
.chatroom-gallery-tabs input[type=radio]:nth-child(3):checked ~ .tab-info-wrap > .tab-info:nth-child(3),
.chatroom-gallery-tabs input[type=radio]:nth-child(4):checked ~ .tab-info-wrap > .tab-info:nth-child(4),
.chatroom-gallery-tabs input[type=radio]:nth-child(5):checked ~ .tab-info-wrap > .tab-info:nth-child(5) {
    display: block;
}

/* Chat Gallery Columns */
.chat-bio-gallery-container {
    display: flex;
    gap: 7px;
    justify-content: center;
    width: 90%;
    margin: auto;
}

.chat-gallery-column,
.chat-galleries-column {
    line-height: .01;
    width: 16.5%;
}

.chat-gallery-column img,
.chat-galleries-column img {
    width: 100%;
    box-shadow: 0 2px 7px #000;
    object-fit: cover;
    margin-bottom: 7px;
    min-width: 200px;
}

.chat-gallery-column img:hover,
.chat-galleries-column img:hover {
    cursor: pointer;
}

.light .chat-gallery-column img,
.light .chat-galleries-column img {
    box-shadow: 0 2px 7px rgba(60,60,60,.86);
}

.chat-bio-gallery-container .chat-gallery-column:nth-child(odd) img:nth-child(even),
.chat-galleries-column:nth-child(odd) img:nth-child(even) {
    min-height: 350px;
    object-fit: cover;
}

.chat-bio-gallery-container .chat-gallery-column:nth-child(even) img:nth-child(odd),
.chat-galleries-column:nth-child(even) img:nth-child(odd) {
    min-height: 350px;
    object-fit: cover;
}

.chat-bio-gallery-container .chat-gallery-column:nth-child(even) img:last-of-type,
.chat-galleries-column:nth-child(even) img:last-of-type {
    min-height: unset;
    object-fit: unset;
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .chat-bio-gallery-container .chat-gallery-column img,
    .chat-galleries-column img {
        min-height: auto !important;
    }
}

/* Photo Viewer */
.chat-bio-gallery-photo-viewer {
    position: fixed;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    top: 0px;
    z-index: 100;
    left: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.gallery-loader {
    display: flex;
}

.photo-viewer-backdrop {
    width: 100%;
    height: 100%;
    position: absolute;
}

.photo-viewer-prev i, 
.photo-viewer-next i {
    font-size: 40px;
}

.photo-viewer-prev i, 
.photo-viewer-next i {
    font-size: 40px;
    color: #fff;
}

.photo-viewer-prev:hover,
.photo-viewer-next:hover,
.photo-view-close:hover {
    cursor: pointer;
}

.photo-viewer-prev *,
.photo-viewer-next *,
.photo-view-close * { 
    pointer-events: none;
}

.photo-viewer-prev, .photo-viewer-next {
    line-height: 1;
    margin: 0 10px;
    position: relative;
    z-index: 100;
}

.photo-viewer-prev i:active, 
.photo-viewer-next i:active
.photo-viewer-prev:active i, 
.photo-viewer-next:active i {
    color: rgb(46, 236, 241);
}


.photo-viewer-image-container {
    position: relative;
    max-height: 98vh;
    max-width: calc(100vW - 102px);
    box-shadow: 0 1px 30px rgba(0,0,0,0.95);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.photo-viewer-image-container img {
    width: 100%;
    max-height: 94vh;
    object-fit: cover;
}

@media (max-width: 1400px) {
    .photo-viewer-image-container:not(:root:root) {
        max-height: 80vh;
    }
}


body .chatroom-container {
    transform: none !important;
}

.photo-view-close {
    position: absolute;
    top: 0;
    right: 0;
    color: white;
    line-height: 0.1;
    font-size: 25px;
    border-radius: 50%;
    padding: 4px;
    background: #565656;
    top: -15px;
    right: -15px;
}

/* Mini Player */
.is-mini-player .aspect-ratio-box {
    z-index: 200;
}

.is-mini-player .bottom-controls #startShow.btn {
    padding: 5px 0;
}

.is-mini-player .tip-image {
    background-image: url("https://cdn5.vscdns.com/images/icons/tip-sprite.webp");
}

.is-mini-player .tip-image:not(:root:root) {
    background-image: url("https://cdn5.vscdns.com/images/icons/tip-sprite.png");
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .is-mini-player .tip-image {
        background-image: url("https://cdn5.vscdns.com/images/icons/tip-sprite.png");
    }
    .is-mini-player .tip-credit{
        display: block;
    }
}

.is-mini-player .chat-bio-gallery-photo-viewer {
   /*  z-index: 1;  This was blocking the draggable video */
}

.is-mini-player .AB120 img {
    width: 65px;
}

.is-mini-player .f4f-watermark {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100px;
    height: 26px;
    z-index: 1;
    background: url("https://cdn5.vscdns.com/images/chat/html5/f4f-watermark.png") no-repeat;
    background-size: contain;
}

.is-mini-player .chatroom-container .model-video-player,
.is-mini-player .chatroom-container #nanoVideoContainer {
    box-shadow: 10px 20px 7px rgba(0,0,0,.3);
    border: 1px solid #555;
}

.is-mini-player.light .chatroom-container .model-video-player,
.is-mini-player.light .chatroom-container #nanoVideoContainer {
    border: 1px solid #bbb;
}

.is-mini-player .curtain-messages-inner .curtain-button-container {
    margin-top: -10px;
    margin-bottom: 30px;
    border-radius: 0;
}

.is-mini-player .tip-image {
    float: none;
    width: 50%;
    height: 43px;
    background-color: #363535;
    background-color: transparent;
    background-size: 44px auto;
    background-repeat: no-repeat;
}

.is-mini-player.light .tip-button:hover .tip-credit {
    color: #222;
}

.is-mini-player .chatroom-container.idle-guest .curtain-messages.idle-guest{
    padding: 0 80px 0;
    border-radius: 0;
}

.is-mini-player .tip-10 {
    background-position: center 0px;
}

.is-mini-player .tip-25 {
    background-position: center -45px;
}

.is-mini-player .tip-50 {
    background-position: center -93px;
}

.is-mini-player .tip-100 {
    background-position: center -132px;
}

.is-mini-player .tip-500 {
    background-position: center -223px;
}

.is-mini-player .tip-1000 {
    background-position: center -265px;
}

.is-mini-player .tip-5000 {
    background-position: center -399px;
}

.is-mini-player .tip-10000 {
    background-position: center -441px;
}

.is-mini-player .tip-25000 {
    background-position: center -485px;
}

.is-mini-player .tip-50000 {
    background-position: center -530px;
}

.is-mini-player .tip-credit {
    padding: 3px 7px;
}

.is-mini-player .idle-guest .curtain-messages-inner .model-curtain-image {
    position: absolute;
    top: 0px;
    border: 5px solid;
    width: 150px;
    height: 150px;
    left: -101px;
}

.is-mini-player .tip-meter-on .AB120 a {
    right: 0;
}

.is-mini-player .deals-start-show-panel,
.is-mini-player .idle-guest .start-show-container,
.is-mini-player .tip-btn-container .tip-button[data-tip="custom"],
.is-mini-player .is-idle-guest .AB120,
.is-mini-player .tip-btn-container .tip-button[data-tip="flood"],
.is-mini-player .previous-model,
.is-mini-player .next-model,
.is-mini-player .private .aspect-ratio-inner,
.is-mini-player .group.private .aspect-ratio-inner,
.is-mini-player .offline .aspect-ratio-inner,
.is-mini-player .members-only-room .open .aspect-ratio-inner,
.is-mini-player .break .aspect-ratio-inner,
.is-mini-player .vid-controls-container,
.mini-player-tipping,
.mini-player-tipping-options,
.mini-player-private,
.mini-player-buttons,
.mini-player-tipping input[type="radio"]{
    display: none;
}

.aspect-ratio-inner {
    transition: none; 
}

.is-mini-player .aspect-ratio-inner {
    position: fixed;
    width: 320px;
    height: 180px; 
    z-index: 11;
    top: calc(100% - 277px);
    left: calc(100% - 349px);
    transition: none;
    max-width: 320px !important;
}

.is-mini-player .aspect-ratio-inner:hover {
    cursor: grab;
}

.is-mini-player #userState:active ~ *,
.is-mini-player #userState .aspect-ratio-inner:active {
    cursor: grabbing;
}

.is-mini-player.chat-room-opened #userState:hover ~ .mini-player-buttons,
.is-mini-player.chat-room-opened .mini-player-buttons:hover {
	width: 322px;
	position: fixed;
	top: calc(100% - 99px);
	left: calc(100% - 349px);
	z-index: 200;
    display: flex;
}
.is-mini-player.chat-room-opened #userState:hover ~ .mini-player-buttons:not(:root:root),
.is-mini-player.chat-room-opened .mini-player-buttons:hover:not(:root:root) {
    top: calc(100% - 99px);
}

.is-mini-player .tip-button {
    width: 100%;
    border-top: 1px solid #222;
    border-bottom: 0;
}

.is-mini-player.light .tip-button {
    border-top: 1px solid #999;
}

.is-mini-player.light .tip-button,
.is-mini-player.light .tip-credit,
.is-mini-player.light .tip-credit:hover {
    background-color: #ccc;
    color: #222;
}


.is-mini-player.chat-room-opened #userState:hover ~ .mini-player-buttons .mini-player-private,
.is-mini-player.chat-room-opened #userState:hover ~ .mini-player-buttons .mini-player-tipping,
.is-mini-player.chat-room-opened .mini-player-buttons:hover .mini-player-tipping,
.is-mini-player.chat-room-opened .mini-player-buttons:hover .mini-player-private {
    display: flex;
}
.is-mini-player.chat-room-opened .party #userState:hover ~ .mini-player-buttons .mini-player-private,
.is-mini-player.chat-room-opened .party .mini-player-buttons:hover .mini-player-private {
    display: none;
}

.is-mini-player.chat-room-opened .party .mini-player-tipping.btn.col-6 {
    width: 100%;
}

.is-mini-player.chat-room-opened #userState:hover ~ .mini-player-buttons .mini-player-tipping,
.is-mini-player.chat-room-opened .mini-player-buttons:hover .mini-player-tipping  {
    display: flex;
    background: #202123;
    color: #dedede;
    border-radius: 3px;
    flex-direction: column;
    align-items: center;
    z-index: 201;
    justify-content: center;
}

.is-mini-player.chat-room-opened.light #userState:hover ~ .mini-player-buttons .mini-player-tipping,
.is-mini-player.chat-room-opened.light .mini-player-buttons:hover .mini-player-tipping {
    background: #ccc;
    color: #333;
}

.is-mini-player.chat-room-opened .mini-player-tipping:hover .mini-player-tipping-options {
    display: flex;
    width: 161px;
    flex-wrap: wrap;
    position: absolute;
    z-index: 206;
    bottom: 25px;
    right: 0px;
}

.is-mini-player.chat-room-opened .ie-edge .mini-player-tipping:hover .mini-player-tipping-options {
    bottom: 26px;
}

.is-mini-player.chat-room-opened .mini-player-tipping:hover .mini-player-tipping-options:not(:root:root) {
    bottom: 24px;
}

.is-mini-player.chat-room-opened.whitelabel .mini-player-tipping:hover .mini-player-tipping-options {
    bottom: 24px;
}

.is-mini-player.chat-room-opened.xvc .mini-player-tipping:hover .mini-player-tipping-options {
    bottom: 24px;
}

@media (max-width: 1919px) {
    .is-mini-player.chat-room-opened .mini-player-tipping:hover .mini-player-tipping-options {
        bottom: 27px;
    }
} 
@media (max-width: 1450px) {
    .is-mini-player.chat-room-opened .mini-player-tipping:hover .mini-player-tipping-options {
        bottom: 24px;
    }
    .is-mini-player.chat-room-opened.xvc .mini-player-tipping:hover .mini-player-tipping-options {
        bottom: 20px;
    }
    .is-mini-player.chat-room-opened.whitelabel .mini-player-tipping:hover .mini-player-tipping-options {
        bottom: 22px;
    }
} 


.is-mini-player.chat-room-opened label[for="tipping-1"] {
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.is-mini-player.chat-room-opened label[for="tipping-2"] {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    height: 125px;
    overflow-y: scroll;
    overflow-x: hidden;
    scrollbar-color:#aaa #222;
}

.is-mini-player.chat-room-opened label[for="tipping-2"]::-webkit-scrollbar {
    appearance: none;
    background:#222;
    width: 8px;
}

.is-mini-player.chat-room-opened label[for="tipping-2"]::-webkit-scrollbar-thumb {
    background: #333;
}

.is-mini-player.chat-room-opened.light label[for="tipping-2"]::-webkit-scrollbar {
    background:#777;
}

.is-mini-player.chat-room-opened.light label[for="tipping-2"]::-webkit-scrollbar-thumb {
    background: #cbcbcb;
}

.is-mini-player .group-pledge-mini {
    display: none;
}

.is-mini-player .group .group-pledge-mini {
    display: block;
}

.is-mini-player .group .mini-player-private label:nth-child(1) {
    display: none;
}

.chat-bio-gallery-container .model-screen-name {
    text-shadow: 0 1px 9px #000;
}

.chat-bio-gallery-container .photo-viewer-image-container .col-12 {
    bottom: 0;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); 
}

@media (max-width: 1450px) {
    .chat-bio-gallery-container {
        width: 96%;
    }
}

@media (max-width: 1280px) {            
    .chat-gallery-column {
        line-height: .01;
        width: 32%;
        display: flex;
        flex-wrap: wrap;
        margin: 0 0 -6px;
    }
    .chat-bio-gallery-container {
        flex-wrap: wrap;
    }
    .chat-bio-gallery-container .chat-gallery-column:nth-child(2n) img:last-of-type {
        object-fit: cover;
    }
}

</style>

<div class="chatroom-gallery-tabs hide">
    <input type="radio" id="tab-1" name="chatroom-gallery-tabs" checked>
    <input type="radio" id="tab-2" name="chatroom-gallery-tabs">
    <input type="radio" id="tab-3" name="chatroom-gallery-tabs">
    <input type="radio" id="tab-4" name="chatroom-gallery-tabs">
    
    <div class="responsive-tabs">
        <div class="tab-btns">
            <label for="tab-1" class="btn"><span class="blue-underline">Photos</span></label>
                    </div>
    </div>
    <div class="tab-info-wrap">
        <div class="tab-info chat-bio-photo-galleries-section">
            <style>
    .gallery-wrap {
        width: 90%;
        margin: auto;
    }
    .chat-galleries-modal-container {
        height: 91vh;
        display: none;
        position: fixed;
        z-index: 100;
        top: 50px;
        width: 100vw;
        left: 0;
        justify-content: center;
    }
    .chat-galleries-column img {
        max-width: 100%;
        box-shadow: 0 2px 7px #000;
    }
    .chat-galleries .d-flex.mt-md {
        gap: 8px;
    }
    .chat-galleries .model-screen-name {
        border-bottom: 1px solid #565654;
        letter-spacing: 1px;
        font-size: 18px;
        padding: 0 0 10px;
    }
    .light .chat-galleries .model-screen-name {
        border-bottom: 1px solid #b5b5b5;
    }
    .chat-galleries-column {
        line-height: .01;
        width: 16.5%;
    }
    .chat-bio-gallery-container {
        justify-content: flex-start;
    }
    .chat-bio-titles span {
        color: #00a9e7;
        padding: 0px 6px 4px;
        font-size: 15px;
        font-weight: 600;
        white-space: nowrap;
    }
    .blue-underline {
        border-bottom: 3px solid #00a9e7;
    }
    .chat-galleries-modal-container.d-flex {
        gap: 0px;
    }
    .chat-galleries-modal select, 
    .chat-galleries-modal textarea {
        background: #333;
        color: #eee;
        border: 0;
        padding: 4px;
        margin: 0 0 10px;
        border-radius: 5px;
        -webkit-appearance: none;
        font-family: 'Open Sans';
        font-size: 14px;
    }
    .light .chat-galleries-modal select, 
    .light .chat-galleries-modal textarea {
        background: #b7b7b7;
        color: #333;
    }
    .gallery-wrap i {
        position: relative;
        top: 2px;
    }
    .chat-galleries-comments {
        max-height: 65%;
        overflow-y: scroll;
        scrollbar-color:#aaa #222;
    }
    .chat-galleries-comment {
        border-top: 1px solid #565654;
    }
    .chat-galleries-comment:last-child {
        border-bottom: 1px solid #565654;
    }
    .light .chat-galleries-comment {
        border-top: 1px solid #b5b5b5;
        color: #555;
    }
    .light .chat-galleries-comment:last-child {
        border-bottom: 1px solid #b5b5b5;
    }
    .user-avatar figure {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background-size: 100%;
    }
    .user-avatar p {
        font-size: 11px;
        font-weight: 700;
    }
    .chat-galleries-comments p.m-0.mt-xs {
        font-size: 13px;
    }
    .chat-galleries-modal {
        max-width: 80vw;
        display: flex;
        justify-content: space-around;
        background: rgba(0,0,0,.9);
        box-shadow: 0 2px 10px rgba(0,0,0,.94);
    }
    .light .chat-galleries-modal {
        background: rgba(255,255,255,.85);
        box-shadow: 0 2px 10px rgba(0,0,0,.34);
    }
    .chat-galleries-modal-container .close-btn{
        width: 27px;
        height: 27px;
        background: #565656;
        right: -10px;
        border-radius: 50%;
        color: #acacac;
        display: flex;
        justify-content: center;
        top: -11px;
        border: 2px solid rgba(0,0,0,.7);
    }
    .light .chat-galleries-modal-container .close-btn{
        background: #686868;
        color: #c0c0c0;
        border: 2px solid rgba(255,255,255,.7);
    }
    .chat-galleries-modal i {
        font-size: 23px;
    }
    .chat-galleries-modal i.icon-profile {
        font-size: 59px;
    }
    .light .chat-galleries-modal i.icon-profile {
        color: #777;
    }
    .chat-galleries-modal i.icon-calendar {
        font-size: 16px;
    }
    .chat-galleries-modal img {
        max-width: 81%;
        object-fit: cover;
    }

    .chat-galleries-comments::-webkit-scrollbar {
        appearance: none;
        background:#777;
        width: 8px;
    }

    .dark .chat-galleries-comments::-webkit-scrollbar {
        background:#222;
    }

    .dark .chat-galleries-comments::-webkit-scrollbar-thumb {
        background: #444; 
    }

    .dark .chat-galleries-comments::-webkit-scrollbar-track {
        background:  #222;
    }

    .dark .chat-galleries-comments::-webkit-scrollbar-corner {
        background: #222;
    }

    .dark .chat-galleries-comments::-webkit-scrollbar-track-piece {
        background: #222;
    }

    .dark .chat-galleries-comments::-webkit-resizer {
        background: #222;
    }

    .light .chat-galleries-comments::-webkit-scrollbar {
        background:#777;
    }

    .light .chat-galleries-comments::-webkit-scrollbar-thumb {
        background: #555; 
    }

    .light .chat-galleries-comments::-webkit-scrollbar-track {
        background:  #aaa;
    }

    .light .chat-galleries-comments::-webkit-scrollbar-corner {
        background: #999;
    }

    .light .chat-galleries-comments::-webkit-scrollbar-track-piece {
        background: #444;
    }

    .light .chat-galleries-comments::-webkit-resizer {
        background: #999;
    }

    #chatGalleryPop:checked ~ .chat-galleries-modal-container {
        display: flex !important;
    }
    @media (max-width: 1800px) {
        .chat-galleries-modal {
            max-width: 95vw;
        }
        .chat-galleries-modal .col-3.p-md {
            width: 31%;
        }
    }
    @media (max-width: 1500px) {
        .chat-galleries-modal select, .chat-galleries-modal textarea {
            width: 100%;
        }
    }
</style>

<div class="chat-galleries mt-sm">
    <div class="gallery-wrap">

        <button class="btn btn-sm primary mb-lg">More <i class="icon-right"></i></button>
        <div>
            <div class="chat-bio-titles"><span class="blue-underline">Gallery Photos</span></div>
        </div>  
        <div class="d-flex mt-md chat-bio-galleries-container">
            <div class="chat-galleries-column">
                <img class="thumbnail" src="" alt=""><img class="thumbnail" src="" alt="">
            </div>
            <div class="chat-galleries-column">
                <img class="thumbnail" src="" alt=""><img class="thumbnail" src="" alt="">
            </div>
            <div class="chat-galleries-column">
                <img class="thumbnail" src="" alt=""><img class="thumbnail" src="" alt="">
            </div>
            <div class="chat-galleries-column">
                <img class="thumbnail" src="" alt=""><img class="thumbnail" src="" alt="">
            </div>
            <div class="chat-galleries-column">
                <img class="thumbnail" src="" alt=""><img class="thumbnail" src="" alt="">
            </div>
            <div class="chat-galleries-column">
                <img class="thumbnail" src="" alt=""><img class="thumbnail" src="" alt="">
            </div>
        </div>
        <button class="btn btn-sm primary mt-md">More <i class="icon-right"></i></button>
        <input type="radio" id="chatGalleryPop" name="openClose">
        <input type="radio" id="closeGalleryPop" name="openClose">
        <div class="chat-galleries-modal-container hide">
            <div class="chat-galleries-modal relative">
                <div class="col-3 p-md">
                    <div class="model-screen-name text-uppercase text-center hide">Stiiven Dux</div>
                    <div class="chat-galleries-comment-area d-flex flex-column mb-lg">
                        <p class="text-center">Leave a comment</p>
                        <select name="screenname">
                            <option value="username">username1</option>
                            <option value="username">username2</option>
                        </select>
                        <textarea class="p-sm" name="photo_review" cols="30" rows="5" placeholder="Enter Comment Here..."></textarea>
                        <button class="btn primary">Submit</button>
                    </div>
                    <div class="chat-galleries-comments d-flex flex-column">
                        <div class="chat-galleries-comment  d-flex py-sm">
                            <div class="user-avatar">
                                <figure class="m-0 mt-md">
                                    <i class="icon-profile"></i>
                                </figure>
                                    <p class="text-center my-xs">username</p>
                            </div>      
                            <div class="col-10 ml-sm px-sm d-flex flex-column justify-content-center">
                                <div class="d-flex">
                                    <i class="icon-calendar"></i>
                                    <p class="my-0 ml-sm text-smaller">11.11.2021</p>
                                </div>
                                <p class="m-0 mt-xs">"This is the comment"</p>
                            </div>
                        </div>
                        <div class="chat-galleries-comment  d-flex py-sm">
                            <div class="user-avatar">
                                <figure class="m-0 mt-md">
                                    <i class="icon-profile"></i>
                                </figure>
                                    <p class="text-center my-xs">username</p>
                            </div>      
                            <div class="col-10 ml-sm px-sm d-flex flex-column justify-content-center">
                                <div class="d-flex">
                                    <i class="icon-calendar"></i>
                                    <p class="my-0 ml-sm text-smaller">11.11.2021</p>
                                </div>
                                <p class="m-0 mt-xs">"This is a longer comment with more text. Testing longer length stuff to see what this will look like"</p>
                            </div>
                        </div>
                        <div class="chat-galleries-comment  d-flex py-sm">
                            <div class="user-avatar">
                                <figure class="m-0 mt-md">
                                    <i class="icon-profile"></i>
                                </figure>
                                    <p class="text-center my-xs">username</p>
                            </div>      
                            <div class="col-10 ml-sm px-sm d-flex flex-column justify-content-center">
                                <div class="d-flex">
                                    <i class="icon-calendar"></i>
                                    <p class="my-0 ml-sm text-smaller">11.11.2021</p>
                                </div>
                                <p class="m-0 mt-xs">"This is the comment"</p>
                            </div>
                        </div>
                        <div class="chat-galleries-comment  d-flex py-sm">
                            <div class="user-avatar">
                                <figure class="m-0 mt-md">
                                    <i class="icon-profile"></i>
                                </figure>
                                    <p class="text-center my-xs">username</p>
                            </div>      
                            <div class="col-10 ml-sm px-sm d-flex flex-column justify-content-center">
                                <div class="d-flex">
                                    <i class="icon-calendar"></i>
                                    <p class="my-0 ml-sm text-smaller">11.11.2021</p>
                                </div>
                                <p class="m-0 mt-xs">"This is another testing comment. Testing out various lengths of comments"</p>
                            </div>
                        </div>
                    </div>
                </div>
                <label for="closeGalleryPop" class="close-btn absolute"><i class="icon-x-plain"></i> </label>
            </div>
        </div>
    </div>
</div>        </div>
    </div>
</div>

<div class="mini-player-buttons ">
    <div class="mini-player-private col-6">
        <label for="startShowPanelOn" class="btn btn-xs primary col-12 scroll-all-the-way-to-top">Start Show</label>
        <label for="pledgePanelOn" class="btn btn-xs primary col-12 group-pledge-mini scroll-all-the-way-to-top">Group Pledge</label>
    </div>
    <div class="mini-player-tipping btn btn-xs col-6">
        <input type="radio" id="tipping-1" name="tipping-select">
        <input type="radio" id="tipping-2" name="tipping-select">
        <label for="tipping-1" title="Send a credit tip">
            Send A Tip        </label>
        <div class="mini-player-tipping-options">
            <label for="tipping-2">
            <div class="tip-button tip-btn-modal" data-tip="10" title="Send a 10 credit tip">
                <span class="tip-bg"></span>
                <div class="tip-image tip-10"></div>
                <div class="tip-credit">Send 10 Credits</div>
            </div>
            <div class="tip-button tip-btn-modal" data-tip="25" title="Send a 25credit tip">
                <span class="tip-bg"></span>
                <div class="tip-image tip-25"></div>
                <div class="tip-credit">Send 25 Credits</div>
            </div>
            <div class="tip-button tip-btn-modal" data-tip="50" title="Send a 50 credit tip">
                <span class="tip-bg"></span>
                <div class="tip-image tip-50"></div>
                <div class="tip-credit">Send 50 Credits</div>
            </div>
            <div class="tip-button tip-btn-modal" data-tip="100" title="Send a 100 credit tip">
                <span class="tip-bg"></span>
                <div class="tip-image tip-100"></div>
                <div class="tip-credit">Send 100 Credits</div>
            </div>
            <div class="tip-button tip-btn-modal" data-tip="500" title="Send a 500 credit tip">
                <span class="tip-bg"></span>
                <div class="tip-image tip-500"></div>
                <div class="tip-credit">Send 500 Credits</div>
            </div>
            <div class="tip-button tip-btn-modal" data-tip="1000" title="Send a 1000 credit tip">
                <span class="tip-bg"></span>
                <div class="tip-image tip-1000"></div>
                <div class="tip-credit">Send 1,000 Credits</div>
            </div>
            <div class="tip-button tip-btn-modal tip-blue" data-tip="5000" title="Send a 5,000 credit tip">
                <span class="tip-bg"></span>
                <div class="tip-image tip-5000"></div>
                <div class="tip-credit">Send 5,000 Credits</div>
            </div>
            <div class="tip-button tip-btn-modal tip-blue" data-tip="10000" title="Send a 10,000 credit tip">
                <span class="tip-bg"></span>
                <div class="tip-image tip-10000"></div>
                <div class="tip-credit">Send 10,000 Credits</div>
            </div>
            <div class="tip-button tip-btn-modal tip-blue" data-tip="25000" title="Send a 25,000 credit tip">
                <span class="tip-bg"></span>
                <div class="tip-image tip-25000"></div>
                <div class="tip-credit">Send 25,000 Credits</div>
            </div>
            <div class="tip-button tip-btn-modal tip-blue" data-tip="50000" title="Send a 50,000 credit tip">
                <span class="tip-bg"></span>
                <div class="tip-image tip-50000"></div>
                <div class="tip-credit">Send 50,000 Credits</div>
            </div>
            </label>
        </div>
    </div>
</div>
		
	<div class="col-12 text-center chatroom-footer">
    <a class="basement-link text-smaller" href="/2257.php" class="compliance" >18 U.S.C. 2257 Record-Keeping Requirements Compliance Statement</a>
    <a class="basement-link text-smaller" href="/privacy.php" >Privacy Policy</a>
    <a class="basement-link text-smaller" href="/privacy-ccpa.php" >CA-Privacy Policy</a>
    <a class="basement-link text-smaller" href="/dmca.php" >Copyright Policy</a>
    <a class="basement-link text-smaller" href="/content-complaints.php" >Content Complaints</a>
    <a class="basement-link text-smaller" href="/terms.php" >Terms &amp; Conditions</a>

    
            <p class="text-smaller my-0">&copy; 1996 - 2026 VS3.COM, VS Media, Inc. All Rights Reserved.</p>
    </div>
<div class="spacer-sm"></div>
	
				<input type="radio" name="modalControl" class="hide modal-control" id="showHolidayCustomOverlay">	
		
<div id="holidayCustomOverlay" class="custom-gifts-modal-container custom-gift-modal modal-container generic">
    <label for="hide_modal" class="modal-shadow"></label>
    <div class="modal-wrap">
        <div class="modal custom-gifting-modal">
            <div class="custom-gift-modal-inner">
                <div class="modal-header">
                    <span>Choose Amount to Send</span>
                    <label for="hide_modal" class="">
                        <i class="icon-x-plain d-flex"></i>
                    </label>
                </div>
                <div class="custom-gift-modal-products">
                    <div class="single-custom-gift gift-1">
                        <div class="single-custom-gift-title">
                            Send all Seven <span class="single-custom-gift-type"></span>
                        </div>
                        <div class="single-custom-gift-inner">
                            <div class="single-custom-gift-image send-all-seven-image gift-set-1"><img></div>
                            <div class="single-custom-gift-button send-all-seven-gifts btn primary">Send All Seven</div>
                        </div>
                    </div>
                    <div class="single-custom-gift gift-2">
                        <div class="single-custom-gift-title">Send a Custom Amount</div>
                        <div class="single-custom-gift-inner">
                            <div class="single-custom-gift-image">
                                <form class="custom-gift-form-in-modal modal-custom-gifting-form">
                                    <div class="custom-gift-form-image-2">
                                    </div>
                                    <div class="custom-gift-modal-option-amount">
                                        <h4 class="m-xs custom-amt-text text-center">Custom Amount:</h4>
                                        <input type="number" id="customGiftsAmountFromModal" placeholder="Enter Here">
                                        <div class="d-flex justify-content-center col-12 mt-sm">Min: <span class="min-custom-gifting">8</span> | Max: <span class="max-custom-gifting">9,999</span></div>
                                    </div>
                                    <div class="modal-custom-gift-text-option-container">
                                        <div class="form-elements">
                                            <label class="form-check-radio">
                                            <input type="checkbox" class="modal-custom-gift-text-option-toggle"  name="customtextoption" value="1" checked="">
                                            Send a custom message
                                            </label>
                                        </div>
                                    </div>
                                    <h4 class="m-xs modal-custom-gift-text">Custom message that will appear publicly in the chat room:</h4>
                                    <div class="relative">
                                        <div class="modal-custom-gift-text-container form-elements">
                                            <textarea class="modal-custom-gift-text-input-from-form" type="text" placeholder="Enter Here (Max 18 Characters)" min="1" max="18"></textarea>
                                            <div class="modal-custom-gift-text-max-characters-counter">
                                                <span>0</span>/<span>18</span>
                                            </div>
                                        </div>
                                    </div>
                                    <button class="modal-send-custom-gifts-from-form gift-item-from-modal-button send-custom-gifts show btn primary"><span class="gift-item-text">Send Custom Amount</span></button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="dont-show-custom-gifting-message-container">
                <input type="checkbox" id="dontShowCustomGiftingCheckbox">
                <label for="dont-show-custom-gifting-checkbox">Don't show me this again.</label>
            </div>
        </div>
    </div>
</div>

<style>
    .custom-gifts-modal-container .modal-wrap {
        height: calc(100vh - 200px);
        top: 130px;
    }
    .custom-gifts-modal-container .custom-gift-modal-inner {
        max-height: calc(100vh - 200px);
        overflow-y: auto;
        overflow-x: hidden;
    }
    .custom-gifts-modal-container .custom-gift-modal-inner .modal-header {
        position: relative;
        top: 0;
        z-index: 1;
        display: flex;
        text-transform: uppercase;
    }
    .custom-gifts-modal-container .custom-gift-modal-inner .modal-header label {
        position: absolute;
        right: 10px;
        top: 16px;
        cursor: pointer;
    }
    .custom-gifts-modal-container .custom-gift-modal-inner .modal-header span {
        display: inline-flex;
        text-align: center;
        width: 100%;
        justify-content: center;
        font-weight: 700;
    }
    .custom-gifting-modal.modal .dont-show-custom-gifting-message-container {
        justify-content: center;
    }
    .custom-gifts-modal-container .single-custom-gift.gift-1 .single-custom-gift-button.btn.primary {
        margin: 0 auto;
    }
    .custom-gifts-modal-container .single-custom-gift.gift-2 .btn.primary {
        width: 100%;
    }
    .f4f-23 .custom-gifting-modal.modal {
        background: #323541;
    }
    .custom-gifting-modal.modal .single-custom-gift.gift-2 .modal-custom-gift-text-input-from-form {
        line-height: 34px;
    }
    .custom-gifting-modal.modal .modal-header i.icon-x-plain.d-flex {
        font-size: 20px;
    }
    .custom-gifting-modal.modal .dont-show-custom-gifting-message-container {
        justify-content: center;
    }

    @media (max-width: 1024px) {
        .custom-gifting-modal.modal .single-custom-gift.gift-2 .single-custom-gift-inner {
            margin: 0 0 80px
        }
        .mobile-chat-panels {
            z-index: 104;
        }
    }
    @media (max-width: 767px) {
        .custom-gifts-modal-container .modal-wrap {
            height: calc(100vh - 65px);
            top: 62px;
        }
        .wl .custom-gifts-modal-container .modal-wrap {
            height: calc(100vh - 54px);
            top: 54px;
        }
        .custom-gifts-modal-container .custom-gift-modal-inner {
            max-height: 100%;
        }
        .custom-gifts-modal-container .modal-wrap .modal {
            max-width: 100%;
            width: 100%;
            height: 100%;
        }
        .custom-gift-modal .custom-gift-modal-products {
            margin: 0px auto 10px;
        }
        .custom-gifting-modal.modal .custom-gift-form-in-modal .send-custom-gifts.btn.primary {
            width: 100%;
            display: inline-block;
        }
        .custom-gifting-modal.modal .single-custom-gift.gift-1 .single-custom-gift-inner {
            box-sizing: border-box;
            display: flex;
            padding: 0 5px 15px 10px;
            align-items: center;
        }
    }

    @media (min-aspect-ratio: 1) and (max-width: 1024px) {
        .custom-gift-modal {
            position: relative;
            z-index: 104;
        }
        .custom-gifts-modal-container .custom-gift-modal-inner {
            max-height: 100%;
        }
        .custom-gifts-modal-container .modal-wrap {
            height: 100vh;
            top: 0;
            z-index: 102;
        }
    }
    
    #showHolidayCustomOverlay:checked ~ #holidayCustomOverlay .modal-wrap {
        display: flex;
    }
    #showHolidayCustomOverlay:checked ~ #holidayCustomOverlay .modal-shadow {
        display: block;
    }
    .mobile-2025 .custom-gift-modal {
        height: 90vh;
        width: 100%;
    }
    .mobile-2025 .promo-custom-gift-panel {
        max-height: 100%;
    }
    .mobile-2025 .custom-gifts-modal-container .modal-wrap {
        height: 100%;
        top: 0;
        display: block;
    }
</style>
		
	</div>


<div class="modal-container in-chat-modal notification-modal-wrap notification-modal-wrap-2025 modal-spacing-update">
	<label class="visually-hidden" for="notificationModalOpen">Open notification</label>
	
	<input type="radio" name="userControls" class="hide modal-control" id="notificationModalOpen" data-modal-priority="2.1">
	<label class="modal-shadow notification-modal-shadow" for="userControlsOff"><span class="visually-hidden">Close</span></label>
	<div class="modal-wrap">
		<div class="modal notification-modal">

			<div class="modal-header">
				<span class="notification-modal-title">Notification</span>

								<div class="notification-modal-title-error">
					<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24" width="18" height="18" class="notification-svg-icon">
						<path class="notification-modal-icon-path" d="M23.2,18.58L14.09,2.08c-.43-.78-1.21-1.24-2.09-1.24h0c-.88,0-1.67.46-2.1,1.24L.8,18.58c-.42.75-.4,1.65.04,2.39.44.74,1.21,1.18,2.06,1.18h18.2c.85,0,1.62-.44,2.06-1.18.44-.74.45-1.64.04-2.39ZM22.3,20.47c-.25.43-.7.69-1.2.69H2.9c-.5,0-.95-.26-1.2-.69-.26-.44-.27-.96-.02-1.4L10.78,2.57c.25-.45.71-.72,1.22-.72s.97.27,1.22.72l9.1,16.5c.24.44.24.97-.02,1.4Z"></path>
						<path class="notification-modal-icon-path" d="M12,15.66c-.98,0-1.77.79-1.77,1.77s.79,1.77,1.77,1.77,1.77-.79,1.77-1.77-.79-1.77-1.77-1.77ZM12,18.2c-.42,0-.77-.34-.77-.77s.35-.77.77-.77.77.35.77.77-.35.77-.77.77Z"></path>
						<path class="notification-modal-icon-path" d="M11.15,14.96h1.69c.27,0,.49-.21.5-.47l.42-8.04c0-.14-.04-.27-.14-.37-.09-.1-.23-.16-.36-.16h-2.54c-.14,0-.27.06-.36.16-.09.1-.14.23-.14.37l.42,8.04c.01.27.23.47.5.47ZM12.74,6.92l-.37,7.04h-.74l-.37-7.04h1.49Z"></path>
					</svg>
					Error				</div>

								<div class="notification-modal-title-warning">
					<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24" width="18" height="18" class="notification-svg-icon">
						<path class="notification-modal-icon-path" d="M23.2,18.58L14.09,2.08c-.43-.78-1.21-1.24-2.09-1.24h0c-.88,0-1.67.46-2.1,1.24L.8,18.58c-.42.75-.4,1.65.04,2.39.44.74,1.21,1.18,2.06,1.18h18.2c.85,0,1.62-.44,2.06-1.18.44-.74.45-1.64.04-2.39ZM22.3,20.47c-.25.43-.7.69-1.2.69H2.9c-.5,0-.95-.26-1.2-.69-.26-.44-.27-.96-.02-1.4L10.78,2.57c.25-.45.71-.72,1.22-.72s.97.27,1.22.72l9.1,16.5c.24.44.24.97-.02,1.4Z"></path>
						<path class="notification-modal-icon-path" d="M12,15.66c-.98,0-1.77.79-1.77,1.77s.79,1.77,1.77,1.77,1.77-.79,1.77-1.77-.79-1.77-1.77-1.77ZM12,18.2c-.42,0-.77-.34-.77-.77s.35-.77.77-.77.77.35.77.77-.35.77-.77.77Z"></path>
						<path class="notification-modal-icon-path" d="M11.15,14.96h1.69c.27,0,.49-.21.5-.47l.42-8.04c0-.14-.04-.27-.14-.37-.09-.1-.23-.16-.36-.16h-2.54c-.14,0-.27.06-.36.16-.09.1-.14.23-.14.37l.42,8.04c.01.27.23.47.5.47ZM12.74,6.92l-.37,7.04h-.74l-.37-7.04h1.49Z"></path>
					</svg>
					Warning				</div>

								<div class="notification-modal-title-info">
					<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18" class="notification-svg-icon">
						<ellipse class="notification-modal-icon-stroke" cx="12" cy="11.96875" rx="11" ry="10.96875"></ellipse>
						<path class="notification-modal-icon-stroke" d="m20.88462,11.96875c0,3.18466-1.69403,5.98234-4.23069,7.54407"></path>
						<circle class="notification-modal-icon-stroke" cx="12" cy="6.55242" r="1.33747"></circle>
						<rect class="notification-modal-icon-stroke" x="10.66253" y="9.66431" width="2.67494" height="9.33569" transform="translate(24 28.66431) rotate(180)"></rect>
					</svg>
					Attention				</div>

								<div class="notification-modal-title-success">
					<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24" width="18" height="18" class="notification-svg-icon">
						<path class="notification-modal-icon-path" d="M12,.5C5.66.5.5,5.66.5,12s5.16,11.5,11.5,11.5,11.5-5.16,11.5-11.5S18.34.5,12,.5ZM12,22.5c-5.79,0-10.5-4.71-10.5-10.5S6.21,1.5,12,1.5s10.5,4.71,10.5,10.5-4.71,10.5-10.5,10.5Z"></path>
						<path class="notification-modal-icon-path" d="M20.88,11.5c-.28,0-.5.22-.5.5,0,2.93-1.49,5.6-3.99,7.14-.24.15-.31.45-.16.69.09.15.26.24.43.24.09,0,.18-.02.26-.07,2.8-1.73,4.47-4.72,4.47-7.99,0-.28-.22-.5-.5-.5Z"></path>
						<path class="notification-modal-icon-path" d="M17.33,9.44l-1.77-1.77c-.19-.19-.52-.19-.71,0l-4.07,4.07-1.64-1.64c-.19-.19-.52-.19-.71,0l-1.77,1.77c-.2.2-.2.51,0,.71l3.76,3.76c.1.1.23.15.35.15s.26-.05.35-.15l6.19-6.19c.2-.2.2-.51,0-.71ZM10.78,15.27l-3.05-3.05,1.06-1.06,1.64,1.64c.09.09.22.15.35.15s.26-.05.35-.15l4.07-4.07,1.06,1.06-5.48,5.48Z"></path>
					</svg>
					Success				</div>

								<div class="notification-modal-title-generic">
					<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18" class="notification-svg-icon">
						<ellipse class="notification-modal-icon-stroke" cx="12" cy="11.96875" rx="11" ry="10.96875"></ellipse>
						<path class="notification-modal-icon-stroke" d="m20.88462,11.96875c0,3.18466-1.69403,5.98234-4.23069,7.54407"></path>
						<circle class="notification-modal-icon-stroke" cx="12" cy="6.55242" r="1.33747"></circle>
						<rect class="notification-modal-icon-stroke" x="10.66253" y="9.66431" width="2.67494" height="9.33569" transform="translate(24 28.66431) rotate(180)"></rect>
					</svg>
					Notification				</div>

				<label class="close-modal" for="userControlsOff"><span class="visually-hidden">Close</span>
					<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24" width="18" height="18">
						<path class="close-notify-modal" d="M12.21,12L21.35,2.85c.2-.2.2-.51,0-.71s-.51-.2-.71,0l-9.15,9.15L2.35,2.15c-.2-.2-.51-.2-.71,0s-.2.51,0,.71l9.15,9.15L1.65,21.15c-.2.2-.2.51,0,.71.1.1.23.15.35.15s.26-.05.35-.15l9.15-9.15,9.15,9.15c.1.1.23.15.35.15s.26-.05.35-.15c.2-.2.2-.51,0-.71l-9.15-9.15Z"></path>
					</svg>
				</label>
			</div>
			
			<div class="modal-lines">
				<div class="modal-line"></div>
				<div class="modal-line"></div>
			</div>

			<div class="modal-body">

								<div class="alert text-danger">
					<div class="notification-message error-notification-message"></div>
				</div>

								<div class="alert text-black">
					<div class="notification-message warning-notification-message"></div>
				</div>

								<div class="alert text-info">
					<div class="notification-message text-black info-notification-message"></div>
				</div>

								<div class="alert text-success">
					<div class="notification-message success-notification-message"></div>
				</div>

								<div class="text-generic">
					<div class="notification-message generic-notification-message"></div>
				</div>
			
				<div class="voyeur-error-modal hide">
					<div class="alert warning-50 no-voyeurs-avail hide">
						<div class="alert-title clearfix">
							<i class="alert-icon"></i>
							<span>No Voyeur Shows Availablee</span>
						</div>
						Please check back later when more shows are available.
					</div>

					<div class="voyeur-show-container">
					</div>
				</div>                
			</div>

		</div>
	</div>
</div>




 
    
    
    
    
	                	
                <section class="section-scheduled ">
    <header class="section-header">
        <h3>Scheduled Shows</h3>
        <a href="/calendar/girls" class="btn-new skew">
            <span>See All</span>
        </a>
    </header>
    <main class="section-main">
                    <div class="flex-grid">
                                    <div class="col-2 col-4-md col-6-sm">
                        <a class="show-tile" href="/calendar/girls">
    <div class="show-tile-header">
        <div class="show-tile-date">
            Jun 09, 2026        </div>
    </div>
    <div class="show-tile-body">
        <img class="show-tile-model-img" src="https://cdn5.vscdns.com/images/models/samples-640x480/4733624.jpg" alt="Jessica Saraya">
    </div>
    <div class="show-tile-footer">
        <div class="show-tile-model-name">
            Jessica Saraya        </div>
        <div class="show-tile-times">
            1:00 - 2:00 PM EST
        </div>
    </div>
</a>                    </div>
                                    <div class="col-2 col-4-md col-6-sm">
                        <a class="show-tile" href="/calendar/girls">
    <div class="show-tile-header">
        <div class="show-tile-date">
            Jun 09, 2026        </div>
    </div>
    <div class="show-tile-body">
        <img class="show-tile-model-img" src="https://cdn5.vscdns.com/images/models/samples-640x480/4690970.jpg" alt="Sasha Elite">
    </div>
    <div class="show-tile-footer">
        <div class="show-tile-model-name">
            Sasha Elite        </div>
        <div class="show-tile-times">
            1:00 - 2:00 PM EST
        </div>
    </div>
</a>                    </div>
                                    <div class="col-2 col-4-md col-6-sm">
                        <a class="show-tile" href="/calendar/girls">
    <div class="show-tile-header">
        <div class="show-tile-date">
            Jun 09, 2026        </div>
    </div>
    <div class="show-tile-body">
        <img class="show-tile-model-img" src="https://cdn5.vscdns.com/images/models/samples-640x480/4671273.jpg" alt="Ria Thrill">
    </div>
    <div class="show-tile-footer">
        <div class="show-tile-model-name">
            Ria Thrill        </div>
        <div class="show-tile-times">
            2:00 - 3:00 PM EST
        </div>
    </div>
</a>                    </div>
                                    <div class="col-2 col-4-md col-6-sm">
                        <a class="show-tile" href="/calendar/girls">
    <div class="show-tile-header">
        <div class="show-tile-date">
            Jun 09, 2026        </div>
    </div>
    <div class="show-tile-body">
        <img class="show-tile-model-img" src="https://cdn5.vscdns.com/images/models/samples-640x480/4730371.jpg" alt="Chastity & Polina">
    </div>
    <div class="show-tile-footer">
        <div class="show-tile-model-name">
            Chastity & Polina        </div>
        <div class="show-tile-times">
            3:00 - 4:00 PM EST
        </div>
    </div>
</a>                    </div>
                                    <div class="col-2 col-4-md col-6-sm">
                        <a class="show-tile" href="/calendar/girls">
    <div class="show-tile-header">
        <div class="show-tile-date">
            Jun 09, 2026        </div>
    </div>
    <div class="show-tile-body">
        <img class="show-tile-model-img" src="https://cdn5.vscdns.com/images/models/samples-640x480/4716277.jpg" alt="Larissa Lemond">
    </div>
    <div class="show-tile-footer">
        <div class="show-tile-model-name">
            Larissa Lemond        </div>
        <div class="show-tile-times">
            3:00 - 4:00 PM EST
        </div>
    </div>
</a>                    </div>
                                    <div class="col-2 col-4-md col-6-sm">
                        <a class="show-tile" href="/calendar/girls">
    <div class="show-tile-header">
        <div class="show-tile-date">
            Jun 09, 2026        </div>
    </div>
    <div class="show-tile-body">
        <img class="show-tile-model-img" src="https://cdn5.vscdns.com/images/models/samples-640x480/4644812.jpg" alt="Gaia Greys">
    </div>
    <div class="show-tile-footer">
        <div class="show-tile-model-name">
            Gaia Greys        </div>
        <div class="show-tile-times">
            3:00 - 4:00 PM EST
        </div>
    </div>
</a>                    </div>
                            </div>
            </main>
</section>    
    
    
  <style>
            .f4f-info-section {
                margin: 40px 2vw 60px;
            }

            .f4f-info-card {
                background-color: #20222C;
                color: #9BAFC2;
                padding: 25px;
                gap: 24px;
            }

            .f4f-info-card h2 {
                font-size: calc(14px + .4vw);
                margin: 14px 0 20px 0;
            }

            .f4f-info-card p {
                font-size: 12px;
                line-height: 1.6667;
                margin-bottom: 0;
                margin-top: 1px;
            }

            @media screen and (max-width: 768px) {
                .f4f-info-section {
                    margin: 40px 0 60px;
                }

                .f4f-info-card {
                    flex-direction: column;
                    gap: 5px;
                }
            }
        </style>
        <div class="home-section f4f-info-section">
            <div class="flex-grid">
                <div class="col-6 col-12-sm d-flex">
                    <div class="f4f-info-card d-flex">
                        <div class="f4f-info-left">
                            <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
  <g id="_01-Icon" data-name="01-Icon" transform="translate(-48 -3430)">
    <circle id="Ellipse_255" data-name="Ellipse 255" cx="24" cy="24" r="24" transform="translate(48 3430)" fill="#15171f"/>
    <g id="Group_979" data-name="Group 979">
      <path id="Path_3352" data-name="Path 3352" d="M7.562,33.16H7.556c-2.211,1.792-4.977,4.792-3.615,6.524,1.422,1.8,4.409.83,6.9.424a7.223,7.223,0,0,1,2.324,0c2.491.406,5.479,1.38,6.895-.424,1.362-1.733-1.4-4.732-3.609-6.524h-.006" transform="translate(59.997 3425.979)" fill="none" stroke="#9bafc2" stroke-width="1"/>
      <path id="Path_3353" data-name="Path 3353" d="M21.026,10.763A10.263,10.263,0,1,1,10.763.5,10.263,10.263,0,0,1,21.026,10.763Z" transform="translate(61.237 3439.126)" fill="none" stroke="#9bafc2" stroke-width="1"/>
      <circle id="Ellipse_261" data-name="Ellipse 261" cx="3.516" cy="3.516" r="3.516" transform="translate(68.484 3446.372)" fill="none" stroke="#2b91af" stroke-width="1"/>
      <path id="Path_3355" data-name="Path 3355" d="M18.439,4.2a1.088,1.088,0,1,1-1.088-1.088A1.088,1.088,0,0,1,18.439,4.2" transform="translate(54.649 3438.831)" fill="#2b91af"/>
    </g>
  </g>
</svg>
                        </div>
                        <div class="f4f-info-right">
                              <p>Looking to match with your perfect playmate? She's likely online right now! Step into the endless excitement of one of the internet's most trusted platforms for amazing, live sex cams. Twenty-four hours a day, seven days a week, we feature thousands of stunning live performers, each one ready to titillate and entertain. Here, you can let your fantasies take center stage, anytime. You can drop in for some casual fun, to find a deep connection, or to enjoy something irresistibly wild and uninhibited. On Flirt4Free, the stage is always set for any and every kind of experience you crave.</p>
                        </div>
                    </div>
                </div>
                <div class="col-6 col-12-sm d-flex">
                    <div class="f4f-info-card d-flex">
                        <div class="f4f-info-left">
                            <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
  <g id="_02-Icon" data-name="02-Icon" transform="translate(-782 -2754)">
    <circle id="Ellipse_256" data-name="Ellipse 256" cx="24" cy="24" r="24" transform="translate(782 2754)" fill="#15171f"/>
    <g id="Group_978" data-name="Group 978" transform="translate(734 -676)">
      <path id="Union_2" data-name="Union 2" d="M-4000.64,684.625A11.7,11.7,0,0,1-4004,676.5c0-6.9,6.268-12.5,14-12.5s14,5.6,14,12.5-6.267,12.5-14,12.5a15.444,15.444,0,0,1-5.13-.866l-5.119,2.531Z" transform="translate(4062 2777)" fill="rgba(0,0,0,0)" stroke="#9bafc2" stroke-width="1"/>
      <g id="Group_978-2" data-name="Group 978" transform="translate(-10.97 11.834)">
        <rect id="Rectangle_6823" data-name="Rectangle 6823" width="9.04" height="6.057" rx="1.4" transform="translate(78.45 3439.983)" fill="#2b91af"/>
        <path id="Path_3351" data-name="Path 3351" d="M4.55.015h0A2.066,2.066,0,0,0,2.484,2.081V4.849H6.615V2.081A2.066,2.066,0,0,0,4.55.015Z" transform="translate(78.42 3436.277)" fill="rgba(0,0,0,0)" stroke="#2b91af" stroke-width="1"/>
        <circle id="Ellipse_260" data-name="Ellipse 260" cx="1" cy="1" r="1" transform="translate(81.97 3442.166)" fill="#15171f"/>
      </g>
    </g>
  </g>
</svg>
                        </div>
                        <div class="f4f-info-right">
                            <p>You may think this is just another adult site, but that's where you'd be wrong. Flirt4Free is a thriving community of confident, creative cam models who aim to connect, seduce, and spark genuine chemistry. It's easy to find such connections with interactive features like cam-to-cam chats, party rooms, and VIP access. We have all the tools to ensure that this immersive live cam network gives you full control over your own pleasure and how you experience it.</p>
                        </div>
                    </div>
                </div>
                <div class="col-6 col-12-sm d-flex">
                    <div class="f4f-info-card d-flex">
                        <div class="f4f-info-left">
                            <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
  <g id="_03-Icon" data-name="03-Icon" transform="translate(-70.171 -3408.423)">
    <circle id="Ellipse_257" data-name="Ellipse 257" cx="24" cy="24" r="24" transform="translate(70.171 3408.423)" fill="#15171f"/>
    <path id="Path_3346" data-name="Path 3346" d="M12.468,2.541,13.529,3.6a.512.512,0,0,0,.725,0l1.051-1.06a7.012,7.012,0,0,1,9.922,9.911L14.239,23.429a.511.511,0,0,1-.724,0L2.552,12.452A7,7,0,0,1,7.5.5a6.979,6.979,0,0,1,4.961,2.041Z" transform="translate(80.5 3420.844)" fill="none" stroke="#9bafc2" stroke-width="1"/>
    <path id="Path_3349" data-name="Path 3349" d="M8.248,5.137l2.788,1.076L8.248,7.288a1.675,1.675,0,0,0-.96.96L6.213,11.036,5.137,8.248a1.675,1.675,0,0,0-.96-.96L1.389,6.213,4.177,5.137a1.675,1.675,0,0,0,.96-.96L6.213,1.389,7.289,4.177a1.675,1.675,0,0,0,.96.96" transform="translate(99.102 3417.847)" fill="#2b91af" stroke="#15171f" stroke-width="1"/>
    <path id="Path_3350" data-name="Path 3350" d="M10.942,7.08l3.883,1.634-3.883,1.633A2.448,2.448,0,0,0,9.605,11.8l-1.5,4.233L6.609,11.8a2.448,2.448,0,0,0-1.337-1.458L1.389,8.714,5.272,7.08A2.448,2.448,0,0,0,6.609,5.622l1.5-4.233,1.5,4.233A2.448,2.448,0,0,0,10.942,7.08" transform="translate(79.891 3429.01) rotate(1)" fill="#2b91af" stroke="#15171f" stroke-width="1"/>
  </g>
</svg>
                        </div>
                        <div class="f4f-info-right">
                            <p>Enjoy crystal-clear HD streams, explore the dynamic tip menus, and create real-time encounters that are as spontaneous and thrilling as they are erotically satisfying. You can drop by for a quick flirt or settle in for a steamy private session, knowing that every single performer brings something different to the screen. You'll always get a sex-positive attitude, raw authenticity, and a whole lot of heat from our roster of hotties.</p>
                        </div>
                    </div>
                </div>
                <div class="col-6 col-12-sm d-flex">
                    <div class="f4f-info-card d-flex">
                        <div class="f4f-info-left">
                            <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
  <g id="_04-Icon" data-name="04-Icon" transform="translate(-733.319 -3414.773)">
    <circle id="Ellipse_258" data-name="Ellipse 258" cx="24" cy="24" r="24" transform="translate(733.319 3414.773)" fill="#15171f"/>
    <path id="Path_3365" data-name="Path 3365" d="M747.069,3437.263v9.536" transform="translate(-2.681 4.773)" fill="rgba(0,0,0,0)" stroke="#2b91af" stroke-linecap="round" stroke-width="1"/>
    <path id="Path_3362" data-name="Path 3362" d="M15.844,18.486a.53.53,0,0,0,.473-.292,3.286,3.286,0,0,1,2.95-1.824h2.925a9,9,0,0,0,8.993-8.992V1.03a.531.531,0,0,0-.363-.5l0,0a.529.529,0,0,0-.59.186,4.724,4.724,0,0,1-1.681,1.4,4.682,4.682,0,0,1-2.126.5H23.249A7.95,7.95,0,0,0,15.843,7.7,7.949,7.949,0,0,0,8.437,2.617H5.263a4.68,4.68,0,0,1-2.126-.5A4.718,4.718,0,0,1,1.455.714.53.53,0,0,0,.865.528l0,0a.53.53,0,0,0-.363.5V7.378a9,9,0,0,0,8.992,8.992h2.925a3.287,3.287,0,0,1,2.951,1.824.53.53,0,0,0,.473.292Z" transform="translate(741.477 3428.279)" fill="none" stroke="#9bafc2" stroke-linecap="round" stroke-width="1"/>
    <path id="Path_3363" data-name="Path 3363" d="M56.875,14.035a.526.526,0,0,0-.576.115,3.065,3.065,0,0,1-2.179.9H53.5a4.767,4.767,0,0,0-4.761,4.761v1.058a.528.528,0,0,0,.9.374,3.063,3.063,0,0,1,2.179-.9h.619A4.767,4.767,0,0,0,57.2,15.581V14.523A.529.529,0,0,0,56.875,14.035Z" transform="translate(711.61 3419.926)" fill="none" stroke="#9bafc2" stroke-linecap="round" stroke-width="1"/>
    <path id="Path_3364" data-name="Path 3364" d="M10.935,14.035a.529.529,0,0,0-.326.488v1.058a4.767,4.767,0,0,0,4.761,4.761h.619a3.063,3.063,0,0,1,2.179.9.528.528,0,0,0,.9-.374V19.814a4.767,4.767,0,0,0-4.761-4.761H13.69a3.065,3.065,0,0,1-2.179-.9A.526.526,0,0,0,10.935,14.035Z" transform="translate(735.218 3419.926)" fill="none" stroke="#9bafc2" stroke-linecap="round" stroke-width="1"/>
  </g>
</svg>
                        </div>
                        <div class="f4f-info-right">
                            <p>Forget the predictable videos, pre-recorded scenes, and fake scripts of other platforms. Here on Flirt4Free the action is live, raw, and all about you and what you desire. As it should be! Don't just sit back and watch, join the show!</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>  
            <div class="home-section featured-shows">
          
                                <style>
	.mow-image {
		flex: 0 0 26%;
		background-size: cover;
		background-position: center center;
	}

	.mow-tags a {
		color: #15171F;
		text-transform: capitalize;
		font-weight: 600;
		font-size: 13px;
	}

	.mow-content {
		box-sizing: border-box;
		padding: 30px  !important;
	}
	
	.mow-tags a:after {
		content: unset;
	}

	.section-mow a.btn-new {
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.mow-header-right {
		padding: 0 0 0 0px;
	}

	.mow-category a {
		color: #CFDAE4;
		text-decoration: none;
	}

	.mow-tagline span,
	.mow-tags span,
	.mow-description span {
		display: flex;
		font-weight: 600;
		font-style: normal;
		margin-bottom: 3px;
	}

	.motw-online {
		margin-right: 8px;
		padding: 10px 25px 10px 33px;
		font-size: 14px;
		font-weight: 600;
		background: linear-gradient(180deg, #1bacd7, #2C91AF);
		position: relative;
		transition: all 0.3s ease-in-out;
		margin-top: 15px !important;
	}

	.motw-online:hover {
		background: linear-gradient(180deg, #1bacd7, #1bacd7);
	}

	.motw-online .motw-online-indicator {
		position: absolute;
		width: 7px;
		height: 7px;
		border-radius: 10px;
		left: 18px;
		top: 17px;
	}

	.motw-online .motw-online-indicator:before {
		content: '';
		position: relative;
		display: block;
		width: 300%;
		height: 300%;
		box-sizing: border-box;
		margin-left: -100%;
		margin-top: -100%;
		border-radius: 45px;
		background-color: #3faa36;
		animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
		box-shadow: 0px 1px 1px #0e3d09;
	}

	.motw-online .motw-online-indicator:after {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		display: block;
		width: 100%;
		height: 100%;
		background-color: #21ee0e;
		border-radius: 15px;
		animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
		box-shadow: 0px 1px 1px #0e3d09;
	}

	.motw-read-more {
		padding: 10px 25px;
		font-size: 14px;
		font-weight: 600;
		background: #20222c;
		border: 1px solid #717484;
		color: #e8ecf3;
		margin-top: 15px !important;
	}

	.motw-read-more:hover {
		background: #2a2d3a;
	}

	.mow-name,
	.mow-category {
		width: auto;
	}

	.section-mow .section-header {
		padding: 10px 8px;
	}

	.section-mow .section-header h3 {
		margin: 0 0 5px;
		font-weight: 500;
	}

	@keyframes pulse-ring {
		0% {
			transform: scale(0.33)
		}

		80%, 100% {
			opacity: 0
		}
	}

	@keyframes pulse-dot {
		0% {
			transform: scale(0.8)
		}

		50% {
			transform: scale(1)
		}

		100% {
			transform: scale(0.8)
		}
	}

	@media screen and (max-width: 1400px) {
		.mow-image {
			flex: 0 0 32%;
		}
	}

	@media screen and (max-width: 1024px) {
		.mow-image {
			flex: 0 0 47% !important;
		}
	}

	@media screen and (max-width: 767px) {
		.section-mow .section-main {
			flex-direction: column;
		}

		.mow-image {
			aspect-ratio: 4 / 3;
			width: 100%;
			margin-bottom: 15px;
			max-width: 500px;
		}

		.mow-name, .mow-category {
			margin: 0 10px 0 0;
		}
	}

	.mow-header-left {
		padding-right: 12px;
	}
</style>

<section class="section-mow">

	<div class="section-header">
		<h3>Model of the Week</h3>
	</div>

	<main class="section-main">
		<div class="mow-image" style="background-image: url('https://cdn5.vscdns.com/images/models/samples/4649870.jpg"></div>
		<div class="mow-content">
			<div class="mow-header">
								<div class="mow-header-right">
					<div class="mow-header-top">
						<h4 class="mow-name">Eva Sin</h4>
						<div class="mow-category">
							<a href="/live/girls/glamour">Glamour</a>
						</div>
					</div>
									</div>
			</div>
			<div class="mow-tagline"><span>Tagline:</span>I am 99% angel but, oh, that 1%.</div>
							<div class="mow-tags">
					<span>Tags:</span>
											<a class="btn-new skew" href="/live/girls/roleplay">roleplay</a>
											<a class="btn-new skew" href="/live/girls/toy">toy</a>
											<a class="btn-new skew" href="/live/girls/fetish">fetish</a>
									</div>
										<div class="mow-description">
					<span>Likes:</span>
					Long days on the beach, my cappuccino in the morning, watching the sunset, reading, a deep soul and body connection and everything else that brings peace in the world :)				</div>
			
			
			<a href="/models/bios/eva-sin/about.php" class="btn-new motw-read-more">
				<span>Read More</span>
			</a>

		</div>
	</main>
</section>                            
                
<section class="section-become-model">
    <picture>
        <source srcset="https://cdn5.vscdns.com/images/footer-sections/webcam-models-wanted.webp">
        <img src="https://cdn5.vscdns.com/images/footer-sections/webcam-models-wanted.png" class="full-width" loading="lazy" alt="Become a Model Banner">
    </picture>

    <div class="content text-center">
        <h3>Webcam Models Wanted!</h3>
        <p>Become a webcam model and start enjoying your work. Make money from anywhere with an Internet connection!</p>
        <a href="https://studios.flirt4free.com/modelsignup/" class="btn-new skew">
            <span>Become a Model</span>
        </a>
    </div>
</section>
                    </div>
        
</main>

<div class="clear"></div>
<div class="spacer-md" test></div>


<div class='clonableClickable' style="display:none">
   <div class='messageDiv'>
	   <a href='javascript:void(0)' id=''>
		   <span class='adminMessages' id=''>
			   <span class='promoContainer'>
				   <span class='promoText'>

				   </span>
			   </span>
		   </span>
	   </a>
   </div>
   <span class=''></span>
</div>

<div class='clonableNonClickable' style="display:none">
   <div class='messageDiv'>
	   <span class='adminMessages' id=''>
		   <span class='promoContainer'>
			   <span class='promoText'>

			   </span>
		   </span>
	   </span>
   </div>
   <span class=''></span>
</div>

<style>
	</style>


    
                    <link rel="stylesheet" media="screen" type="text/css" href="https://cdn5.vscdns.com/assets/min/css/dm-app/dm-model-access-07292025-01.css">
        
        
                <div class="
            dm-app
             
        ">
            <a href="javascript:;" class="dm-close-app-btn bg-shadow-close absolute"></a>
            <input type="checkbox" class="hide" id="mobilePanelControl">

            <div class="dm-wrap">
                <div class="dm-main">
                                        <div class="dm-main-loading dm-loading">
                        <i class="loading-v2 lg"></i>
                    </div>
                    <a href="javascript:;" class="dm-close-app-btn absolute">
                        &#x2715;
                    </a>
                    <div class="dm-col-left">
                        <input type="checkbox" id="dmNotificationsTab" name="dm_notifications_tab" class="hide"> 
                        <div class="dm-user-header">
                            <h3 class="dm-messages-header-text">
                                Model Messages
                            </h3>
                            <div class="dm-user-screen-name has-drop-menu">
                                <input type="checkbox" id="dmScreenNamesList" class="drop-menu-input">
                                <label for="dmScreenNamesList" class="menu-label"></label>
                                <h5>Your Screen Name:</h5>
                                <span class="dm-screen-name-selected"></span>
                                <i class="arrow-down"></i>
                                <label class="full-screen" for="dmScreenNamesList"></label>
                                <ul class="drop-menu">
                                    <li>
                                        <i class="icon-checkmark"></i>
                                        <span class="screen-name-text"></span>
                                        <span class="screen-name-unread-amount hide"></span>
                                    </li>
                                </ul> 
                            </div>
                            <a onclick="javascript:popRegistration('topnav_free_signup_tab', 'reg_overlay_template_set');" href="javascript:;" class="dm-register-btn ">
                                Register to message
					        </a>
                                
                            <div class="dm-vip-credits-wrap tooltip tip-top">
                                VIP credits:<span class="dm-gw-credits"></span><i class="icon-info"></i>
                                <span class="tip">VIP members receive 100 bonus DM credits each month. These credits do not carry over to the following month.</span>
                            </div>
                                                        <div class="dm-vip-credits-wrap non-vip-info">
                                <a class="billing-panel-button" href="javascript:void(0)"  data-options="product_type=live;experience_flow=general-purchase;experience_type=purchase;trigger=header-get-credits;">VIPs get 100 DM bonus credits per month</a>
                            </div>
                        </div>
                        <div class="dm-notification-settings-tab">
                            <h4 class="section-title">Notification Settings</h4>
                            <input type="radio" id="dailyDmNotificationsToggle" name="dm_notifications_toggle" class="hide dm-notification-setting" data-value="2"> 
                            <input type="radio" id="immediateDmNotificationsToggle" name="dm_notifications_toggle" class="hide dm-notification-setting" data-value="0" checked> 
                            <input type="radio" id="noDmNotificationsToggle" name="dm_notifications_toggle" class="hide dm-notification-setting" data-value="1" > 
                            <div class="form-check-radio toggle-check custom-radio-toggle daily-dm-settings-toggle">
                                <label for="dailyDmNotificationsToggle">
                                    <span class="toggle-check-box"></span> 
                                    <span class="toggle-check-text">Daily Notifications</span>
                                </label>
                            </div>
                            <div class="form-check-radio toggle-check custom-radio-toggle immediate-dm-settings-toggle">
                                <label for="immediateDmNotificationsToggle">
                                    <span class="toggle-check-box"></span> 
                                    <span class="toggle-check-text">Instant Notifications</span>
                                </label>
                            </div>
                            <div class="form-check-radio toggle-check custom-radio-toggle none-dm-settings-toggle">
                                <label for="noDmNotificationsToggle">
                                    <span class="toggle-check-box"></span> 
                                    <span class="toggle-check-text">None</span>
                                </label>
                            </div>
                        </div>
                        <div class="dm-recents-panel">
                                                        <div class="dm-recents-header">
                                <div class="dm-recents-search">
                                    <label class="visually-hidden" for="searchByName">Search Models</label>
                                    <input type="text" class="dm-search" placeholder="Search Models" id="searchByName">
                                    <span class="dm-close-search absolute hide">
                                        <i class="icon-x-plain" title="close search results"></i>
                                    </span>
                                    <span class="dm-btn-search absolute">
                                        <i class="icon-magnifying-glass"></i>
                                    </span>
                                    <input type="checkbox" id="dmServicesList" class="hide">
                                    <label class="dm-filter-search absolute" for="dmServicesList">
                                        <svg class="icon-svg svg-filter" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20"><line id="Line_2" class="cls-1" x1="12" y1="18" x2="2" y2="18"></line><line class="cls-1" x1="22" y1="18" x2="16" y2="18"></line><line class="cls-1" x1="5" y1="12" x2="2" y2="12"></line><line class="cls-1" x1="22" y1="12" x2="9" y2="12"></line><line class="cls-1" x1="15" y1="6" x2="2" y2="6"></line><line class="cls-1" x1="22" y1="6" x2="19" y2="6"></line><circle class="cls-1" cx="17" cy="6" r="2"></circle><circle class="cls-1" cx="7" cy="12" r="2"></circle><circle class="cls-1" cx="14" cy="18" r="2"></circle></svg>
                                    </label>
                                    <label class="full-screen dm-services-list-close" for="dmServicesList"></label>
                                    <ul class="drop-menu dm-services-list">
                                        <li class="active dm-service-search-option" data-service="all">
                                            <i class="icon-checkmark"></i>
                                            <span>All</span>
                                        </li>
                                        <li class="dm-service-search-option" data-service="girls">
                                            <i class="icon-checkmark"></i>
                                            <span>Girls</span>
                                        </li>
                                        <li class="dm-service-search-option" data-service="guys">
                                            <i class="icon-checkmark">                                                
                                            </i><span>Guys</span>
                                        </li>
                                        <li class="dm-service-search-option" data-service="trans">
                                            <i class="icon-checkmark"></i>
                                            <span>Trans</span>
                                        </li>
                                    </ul>
                                </div>
                                                                <a href="javascript:;" class="hide dm-header-icon dm-recents-minify-btn tooltip tip-top">
                                                                            <i class="icon-down"></i>
                                        <i class="icon-right"></i>
                                        <span class="tip">Open/close recents and search.</span>
                                                                    </a>
                                                            </div>
                            
                            <div class="dm-recents-info hide dm-scrollbar">
                                                                <div class="dm-loading">
                                    <i class="loading-v2 lg"></i>
                                </div>
                                
                                                                <ul class="dm-recents-list">
                                    <h4 class="section-title">Inbox</h4>
                                    <li class="dm-model-item inbox-model dm-recent-convo">
                                        <div class="dm-model-photo-wrap">
                                            <div class="dm-model-photo" style="background-image: url('https://cdn5.vscdns.com/images/models/samples/4406616.jpg')">
                                                <span class="dm-model-status-dot offline"></span>
                                                <svg class="dm-default-user-icon icon-svg svg-profile hide" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs></defs><path class="cls-1" d="m12.94409,6.61676c.462-.2182,1.63498-.91289,1.63498-1.61676h-4.20112c-.88709,0-1.4666.60634-1.4666,1.41187v.20489c-.22983.00696-.41413.17725-.41413.38764v2.29075s-1.35462,1.10644-.04474,2.218c0,0,.5689,2.67561,3.33602,3.10905,2.76711-.43345,3.33601-3.10905,3.33601-3.10905,1.30988-1.11157-.04474-1.93166-.04474-1.93166v-2.57709c0-.21039-.1843-.38069-.41413-.38764"></path><path class="cls-1" d="m5.25435,18c.75633-1.44775,2.55676-1.88527,3.38834-2.18004,1.06704-.37827.94895-1.19883.94895-1.48517v-.77312"></path><path class="cls-1" d="m13.98921,13.56167v.77312c0,.28634-.11805,1.1069.94895,1.48517.83163.29477,2.6297.73229,3.38503,2.18004"></path></svg>
                                            </div>
                                        </div>
                                        <div class="dm-model-item-name">
                                                <div class="dm-model-item-name-top-wrap">    
                                                    <h5 class="dm-inbox-item-name">Sasha Elite</h5>
                                                    <div class="dm-latest-message-date">2 h ago</div> 
                                                </div>
                                                <div class="dm-model-item-name-bottom-wrap">     
                                                    <div class="dm-latest-message-preview">Lorem ipsum dolor sit amet dolor elips</div>
                                                    <div class="dm-unread-num hide"></div>
                                                    <div class="dm-message-dropdown-menu has-drop-menu hide">
                                                        <input type="checkbox" id="dmMessageMenuControlModelID" class="drop-menu-input">
                                                        <label for="dmMessageMenuControlModelID" class="menu-label"></label>
                                                        <i class="arrow-down"></i>
                                                        <label class="full-screen" for="dmMessageMenuControlModelID"></label>
                                                        <ul class="drop-menu">
                                                            <li class="dm-block-model dm-block">Block The Model</li>
                                                            <li class="dm-unblock-model">Unblock The Model</li>
                                                            <li class="dm-remove-recent">Delete History</li>
                                                        </ul> 
                                                    </div>
                                                </div>
                                        </div> 
                                    </li>
                                    <li class="dm-model-item no-results hide">
                                        No results
                                    </li>
                                </ul>

                                                                <ul class="dm-search-recommended-list">                                    
                                    <h4 class="section-title">Recommended</h4>
                                    <li title="Send a direct message (DM)" class="dm-model-item recommended-model dm-recent-convo hide" data-cloneable="1">
                                        <div class="dm-model-photo-wrap">
                                            <div class="dm-model-photo" style="background-image: url('https://cdn5.vscdns.com/images/models/samples/4406616.jpg')">
                                                <span class="dm-model-status-dot offline"></span>
                                                <svg class="dm-default-user-icon icon-svg svg-profile hide" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs></defs><path class="cls-1" d="m12.94409,6.61676c.462-.2182,1.63498-.91289,1.63498-1.61676h-4.20112c-.88709,0-1.4666.60634-1.4666,1.41187v.20489c-.22983.00696-.41413.17725-.41413.38764v2.29075s-1.35462,1.10644-.04474,2.218c0,0,.5689,2.67561,3.33602,3.10905,2.76711-.43345,3.33601-3.10905,3.33601-3.10905,1.30988-1.11157-.04474-1.93166-.04474-1.93166v-2.57709c0-.21039-.1843-.38069-.41413-.38764"></path><path class="cls-1" d="m5.25435,18c.75633-1.44775,2.55676-1.88527,3.38834-2.18004,1.06704-.37827.94895-1.19883.94895-1.48517v-.77312"></path><path class="cls-1" d="m13.98921,13.56167v.77312c0,.28634-.11805,1.1069.94895,1.48517.83163.29477,2.6297.73229,3.38503,2.18004"></path></svg>
                                            </div>
                                        </div>
                                        <div class="dm-model-item-name">
                                            <div class="dm-model-item-name-top-wrap">    
                                                <h5 class="dm-search-result-name">Sasha Elite</h5>
                                            </div>    
                                        </div> 
                                    </li>
                                    <li class="dm-model-item no-results hide">
                                        No results
                                    </li>

                                </ul>


                            </div>
                            <div class="dm-notification-settings-tab">
                                <h4 class="section-title">Notification Settings</h4>
                                <input type="radio" id="dailyDmNotificationsToggle" name="dm_notifications_toggle" class="hide dm-notification-setting" data-value="2"> 
                                <input type="radio" id="immediateDmNotificationsToggle" name="dm_notifications_toggle" class="hide dm-notification-setting" data-value="0" checked> 
                                <input type="radio" id="noDmNotificationsToggle" name="dm_notifications_toggle" class="hide dm-notification-setting" data-value="1" > 
                                <div class="form-check-radio toggle-check custom-radio-toggle daily-dm-settings-toggle">
                                    <label for="dailyDmNotificationsToggle">
                                        <span class="toggle-check-box"></span> 
                                        <span class="toggle-check-text">Daily Notifications</span>
                                    </label>
                                </div>
                                <div class="form-check-radio toggle-check custom-radio-toggle immediate-dm-settings-toggle">
                                    <label for="immediateDmNotificationsToggle">
                                        <span class="toggle-check-box"></span> 
                                        <span class="toggle-check-text">Instant Notifications</span>
                                    </label>
                                </div>
                                <div class="form-check-radio toggle-check custom-radio-toggle none-dm-settings-toggle">
                                    <label for="noDmNotificationsToggle">
                                        <span class="toggle-check-box"></span> 
                                        <span class="toggle-check-text">None</span>
                                    </label>
                                </div>
                            </div>
                            <div class="dm-main-info dm-scrollbar">
                                                                <div class="dm-loading">
                                    <i class="loading-v2 lg"></i>
                                </div>

                                                                <ul class="dm-search-list"> 
                                    <h4 class="section-title dm-all-results-title">All Models</h4>                                   
                                    <li title="Send a direct message (DM)" class="dm-model-item all-model dm-recent-convo hide" data-cloneable="1">
                                        <div class="dm-model-photo-wrap">
                                            <div class="dm-model-photo" style="background-image: url('https://cdn5.vscdns.com/images/models/samples/4406616.jpg')">
                                                <span class="dm-model-status-dot offline"></span>
                                                <svg class="dm-default-user-icon icon-svg svg-profile hide" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs></defs><path class="cls-1" d="m12.94409,6.61676c.462-.2182,1.63498-.91289,1.63498-1.61676h-4.20112c-.88709,0-1.4666.60634-1.4666,1.41187v.20489c-.22983.00696-.41413.17725-.41413.38764v2.29075s-1.35462,1.10644-.04474,2.218c0,0,.5689,2.67561,3.33602,3.10905,2.76711-.43345,3.33601-3.10905,3.33601-3.10905,1.30988-1.11157-.04474-1.93166-.04474-1.93166v-2.57709c0-.21039-.1843-.38069-.41413-.38764"></path><path class="cls-1" d="m5.25435,18c.75633-1.44775,2.55676-1.88527,3.38834-2.18004,1.06704-.37827.94895-1.19883.94895-1.48517v-.77312"></path><path class="cls-1" d="m13.98921,13.56167v.77312c0,.28634-.11805,1.1069.94895,1.48517.83163.29477,2.6297.73229,3.38503,2.18004"></path></svg>
                                            </div>
                                        </div>
                                        <div class="dm-model-item-name">
                                            <div class="dm-model-item-name-top-wrap">    
                                                <h5 class="dm-search-result-name">Sasha Elite</h5>
                                            </div>    
                                        </div> 
                                    </li>
                                    <li class="dm-model-item no-results hide">
                                        No results
                                    </li>
                                </ul>                                   
                                
                                                                <ul class="dm-inbox-list">
                                    <div class="section-title">
                                        <div class="dm-messages-counter-unread"><span class="dm-unread-amount">0</span> unread</div>
                                        <div class="dm-messages-counter-total">
                                            <span class="dm-total-amount">0</span> messages
                                        </div>     
                                    </div>
                                    <li class="dm-model-item inbox-model dm-recent-convo hide" data-cloneable="1">
                                        <div class="dm-model-photo-wrap">
                                            <div class="dm-model-photo" style="background-image: url('https://cdn5.vscdns.com/images/models/samples/4406616.jpg')">
                                                <span class="dm-model-status-dot offline"></span>
                                                <svg class="dm-default-user-icon icon-svg svg-profile hide" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs></defs><path class="cls-1" d="m12.94409,6.61676c.462-.2182,1.63498-.91289,1.63498-1.61676h-4.20112c-.88709,0-1.4666.60634-1.4666,1.41187v.20489c-.22983.00696-.41413.17725-.41413.38764v2.29075s-1.35462,1.10644-.04474,2.218c0,0,.5689,2.67561,3.33602,3.10905,2.76711-.43345,3.33601-3.10905,3.33601-3.10905,1.30988-1.11157-.04474-1.93166-.04474-1.93166v-2.57709c0-.21039-.1843-.38069-.41413-.38764"></path><path class="cls-1" d="m5.25435,18c.75633-1.44775,2.55676-1.88527,3.38834-2.18004,1.06704-.37827.94895-1.19883.94895-1.48517v-.77312"></path><path class="cls-1" d="m13.98921,13.56167v.77312c0,.28634-.11805,1.1069.94895,1.48517.83163.29477,2.6297.73229,3.38503,2.18004"></path></svg>
                                            </div>   
                                        </div>
                                        <div class="dm-model-item-name">
                                            <div class="dm-model-item-name-top-wrap">    
                                                <h5 class="dm-inbox-item-name">Sasha Elite</h5>
                                                <div class="dm-latest-message-date">2 h ago</div> 
                                            </div>
                                            <div class="dm-model-item-name-bottom-wrap">     
                                                <div class="dm-latest-message-preview">Lorem ipsum dolor sit amet dolor elips</div>
                                                <div class="dm-unread-num hide"></div>
                                                <div class="dm-message-dropdown-menu has-drop-menu hide">
                                                    <input type="checkbox" id="dmMessageMenuControlModelID" class="drop-menu-input">
                                                    <label for="dmMessageMenuControlModelID" class="menu-label"></label>
                                                    <i class="arrow-down"></i>
                                                    <label class="full-screen" for="dmMessageMenuControlModelID"></label>
                                                    <ul class="drop-menu">
                                                        <li class="dm-block-model dm-block">Block The Model</li>
                                                        <li class="dm-unblock-model">Unblock The Model</li>
                                                        <li class="dm-remove-recent">Delete History</li>
                                                    </ul> 
                                                </div>
                                            </div>
                                        </div> 
                                    </li>
                                    <li class="dm-model-item no-results">
                                        Inbox is empty
                                    </li>
                                    <li class="dm-model-item no-inbox-search-results hide">
                                        No results
                                    </li> 
                                    
                                    

                                </ul>

                                                                <ul class="dm-recommended-list">
                                    <h4 class="section-title">Recommended</h4>
                                    <li class="dm-model-item recommended-model dm-recent-convo hide" data-cloneable="1">
                                        <div class="dm-model-photo-wrap">
                                            <div class="dm-model-photo" style="background-image: url('https://cdn5.vscdns.com/images/models/samples/4406616.jpg')">
                                                <span class="dm-model-status-dot offline"></span>
                                                <svg class="dm-default-user-icon icon-svg svg-profile hide" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs></defs><path class="cls-1" d="m12.94409,6.61676c.462-.2182,1.63498-.91289,1.63498-1.61676h-4.20112c-.88709,0-1.4666.60634-1.4666,1.41187v.20489c-.22983.00696-.41413.17725-.41413.38764v2.29075s-1.35462,1.10644-.04474,2.218c0,0,.5689,2.67561,3.33602,3.10905,2.76711-.43345,3.33601-3.10905,3.33601-3.10905,1.30988-1.11157-.04474-1.93166-.04474-1.93166v-2.57709c0-.21039-.1843-.38069-.41413-.38764"></path><path class="cls-1" d="m5.25435,18c.75633-1.44775,2.55676-1.88527,3.38834-2.18004,1.06704-.37827.94895-1.19883.94895-1.48517v-.77312"></path><path class="cls-1" d="m13.98921,13.56167v.77312c0,.28634-.11805,1.1069.94895,1.48517.83163.29477,2.6297.73229,3.38503,2.18004"></path></svg>
                                            </div>
                                        </div>
                                        <div class="dm-model-item-name">
                                            <div class="dm-model-item-name-top-wrap">    
                                                <h5 class="dm-recommended-model-name">Sasha Elite</h5>
                                            </div>    
                                        </div> 
                                    </li> 
                                    <li class="dm-model-item no-results">
                                        No recommended models
                                    </li>
                                    <li class="dm-model-item no-recommended-search-results hide">
                                        No results
                                    </li>                                        
                                </ul>                             
                            </div>
                        </div>
                        
                        <div class="dm-reconnect dm-scrollbar">
                            <div class="dm-reconnect-wrap">
                                <div class="dm-reconnect-ico-btn-wrap">
                                    <div class="dm-reconnect-icon">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="29.266" height="29.322" viewBox="0 0 29.266 29.322">
                                            <g id="Group_403" data-name="Group 403" transform="translate(-1057.338 -394.34)">
                                                <path id="Path_2336" data-name="Path 2336" d="M23.269,23.269A13.564,13.564,0,0,1,4.087,4.087a13.63,13.63,0,0,1,19.182,0" transform="translate(1058.321 395.323)" fill="none" stroke="#6fb2ff" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2.25"/>
                                                <path id="Path_2337" data-name="Path 2337" d="M32.625,6.85v7.775A1.125,1.125,0,0,1,31.5,15.75H23.725a1.125,1.125,0,0,1-.8-1.92L30.7,6.054A1.125,1.125,0,0,1,32.625,6.85Z" transform="translate(1053.979 389.278)" fill="#6fb2ff"/>
                                            </g>
                                        </svg>
                                    </div>
                                    <div class="dm-reconnect-btn">
                                        Reconnect
                                    </div>
                                </div>
                                <p>Connection Interrupted Try To Refresh The Page</p>    
                            </div>        
                        </div>
                        
                                            </div>    
                    <div class="dm-col-right">
                        <div class="dm-header">
                            <label class="mobile-back-btn absolute" for="mobilePanelControl">
                                <i class="icon-left"></i>
                                <span class="flag-amount primary dm-amount hide">0</span>                                
                            </label>
                            
                            <div class="dm-model-image-area">
                                <div class="dm-model-image" style="background-image: url('https://cdn5.vscdns.com/images/models/samples/4406616.jpg')">
                                    <svg class="dm-default-user-icon icon-svg svg-profile hide" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs></defs><path class="cls-1" d="m12.94409,6.61676c.462-.2182,1.63498-.91289,1.63498-1.61676h-4.20112c-.88709,0-1.4666.60634-1.4666,1.41187v.20489c-.22983.00696-.41413.17725-.41413.38764v2.29075s-1.35462,1.10644-.04474,2.218c0,0,.5689,2.67561,3.33602,3.10905,2.76711-.43345,3.33601-3.10905,3.33601-3.10905,1.30988-1.11157-.04474-1.93166-.04474-1.93166v-2.57709c0-.21039-.1843-.38069-.41413-.38764"></path><path class="cls-1" d="m5.25435,18c.75633-1.44775,2.55676-1.88527,3.38834-2.18004,1.06704-.37827.94895-1.19883.94895-1.48517v-.77312"></path><path class="cls-1" d="m13.98921,13.56167v.77312c0,.28634-.11805,1.1069.94895,1.48517.83163.29477,2.6297.73229,3.38503,2.18004"></path></svg>
                                </div>
                                <span class="dm-model-status-dot online"></span>
                            </div>
                            <div class="dm-model-info-wrap">
                                <div class="dm-name-area">
                                    <a href="javascript:;" class="dm-model-name"></a>
                                    <a href="javascript:;" class="dm-header-fav tooltip tip-right dm-favorites-btn">
                                        <span class="tip">Favorite this <span class="dm-user-type">model</span>.</span>
                                        <i class="icon-heart"></i>
                                    </a>
                                </div>
                                <div class="dm-model-info-items">
                                    <div class="dm-model-info-service">Female</div>
                                </div>
                            </div>

                                                        <a href="javascript:;" class="hide dm-header-icon tooltip tip-top dm-online-status-btn">
                                <i class="icon-lightbulb-off" title="Offline"></i>
                                <span class="tip">Set your status to online or offline.</span>
                                <i class="icon-lightbulb-on" title="Online"></i>
                            </a>
                            <a href="javascript:;" class="hide dm-header-icon tooltip tip-top dm-popout-btn">
                                <i class="icon-external-link"></i>
                                <span class="tip">Launch in window<br>Please disable popup blocker</span>
                            </a>
                            <a href="javascript:;" class="hide dm-header-icon tooltip tip-top dm-minimize-btn">
                                <i class="icon-down"></i>
                                <i class="icon-up"></i>
                                <span class="tip">Minimize/Maximize</span>
                            </a>

                                                        <a href="javascript:;" class="hide dm-header-icon dm-recents tooltip tip-top dm-recents-toggle-btn">
                                <i class="icon-hamburger"></i>
                                <span class="tip">Open/close recents and search.</span>
                            </a>
                                                        <div class="dm-model-cost tooltip tip-left ml-sm">
                                <div class="d-flex">
                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 22.19 22.19">
                                        <defs>
                                            <clipPath id="dm-price-icon-path">
                                            <rect width="22.19" height="22.19"/>
                                            </clipPath>
                                        </defs>
                                        <g >
                                            <g class="dm-price-svg-icon">
                                            <g id="Group_413">
                                                <path id="Path_2341" class="star_path" d="M11.86,1l2.6,5.54c.12.26.36.44.65.49l5.84.89c.49.09.81.55.72,1.04-.03.18-.12.34-.24.47l-4.24,4.34c-.2.21-.29.49-.24.78l1,6.11c.09.47-.22.92-.68,1.01-.19.04-.39,0-.56-.08l-5.2-2.87c-.25-.14-.56-.14-.81,0l-5.2,2.87c-.42.22-.94.06-1.16-.36-.09-.17-.12-.37-.08-.57l1-6.11c.05-.28-.04-.57-.24-.78L.75,9.42c-.35-.35-.34-.92.01-1.26.13-.13.29-.21.47-.24l5.84-.89c.28-.05.52-.23.64-.49l2.6-5.53c.19-.43.69-.62,1.12-.42.19.08.34.24.42.42Z"/>
                                                <path id="Path_2342" class="cash_path" d="M10.64,16.53v-1.12c-.65,0-1.28-.18-1.84-.51l.31-1.09c.54.32,1.15.5,1.78.51.72,0,1.21-.36,1.21-.91,0-.52-.4-.85-1.24-1.17-1.2-.44-1.97-.99-1.97-2.07.02-1.03.81-1.88,1.83-1.96v-1.13h.94v1.07c.55,0,1.08.14,1.57.38l-.31,1.06c-.48-.25-1.01-.39-1.55-.39-.8,0-1.08.41-1.08.81,0,.47.41.74,1.38,1.13,1.28.48,1.85,1.11,1.85,2.14-.02,1.08-.85,1.97-1.92,2.05v1.19h-.94Z"/>
                                            </g>
                                            </g>
                                        </g>
                                    </svg>
                                    <div class="d-flex flex-column">
                                        <div class="d-flex">
                                            <span class="cost-text mr-xs">30</span> <span>credits</span>
                                        </div>
                                        <p>per message</p>
                                    </div>
                                </div>
                                <span class="tip">This model charges <span class="cost-text">30</span> credits per message</span>
                            </div>
                        </div>

                                                <div class="dm-loading">
                            <i class="loading-v2 lg"></i>
                        </div>

                        <div class="dm-chat-area dm-scrollbar">
                                                    </div>

                        <div class="cloneable-dm-messages hide">

                                
                            <div class="dm-message-container dm-chatroom-message dm-incoming hide" title="Sent: 10:45pm 10/14/2019" data-cloneable="1" data-message-type="incoming">
                                <div class="dm-chatroom-message-wrap">
                                    <span class="dm-message-name">
                                        <span class="dm-user-username dm-display-name">Eva Sin</span>
                                    </span>
                                    <span class="dm-message-inner">
                                        <span class="dm-msg-container">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et.</span>
                                    </span>    
                                </div>
                            </div> 
                            
                                
                            <div class="dm-message-container dm-chatroom-message dm-outgoing hide" title="Sent: 10:45pm 10/14/2019" data-cloneable="1" data-message-type="outgoing">
                                <div class="dm-chatroom-message-wrap">
                                    <span class="dm-message-name">
                                        <span class="dm-user-username dm-display-name">Johny123</span>
                                    </span>
                                    <span class="dm-message-inner">
                                        <span class="dm-msg-container">Stet clita kasd gubergren, no sea takimata sanctus est.</span>
                                    </span>
                                </div>
                            </div>
                            
                              
                            <div class="dm-chatroom-message dm-message-container dm-admin hide" title="Sent: 10:45pm 10/14/2019" data-cloneable="1" data-message-type="admin">
                                <div class="dm-chatroom-message-wrap">
                                    <span class="dm-message-name">
                                        <span class="dm-user-admin">— Admin Message —</span>
                                    </span>
                                    <span class="dm-message-inner">
                                        <span class="dm-msg-container">Stet clita kasd gubergren, no sea takimata sanctus est.</span>
                                    </span>
                                </div>
                            </div>

                              
                            <div class="dm-chatroom-message dm-message-container dm-adblock hide" title="Sent: 10:45pm 10/14/2019" data-cloneable="1" data-message-type="adblock">
                                <div class="dm-chatroom-message-wrap">
                                    <span class="dm-message-name">
                                        <span class="dm-user-admin">— AdBlock Detected —</span>
                                    </span>
                                    <span class="dm-message-inner">
                                        <span class="dm-message-adblock-header">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="30.544" height="30.544" viewBox="0 0 30.544 30.544">
                                                <path id="Adblock-Icon" d="M-1714-1438.228A14.788,14.788,0,0,1-1699.228-1453a14.789,14.789,0,0,1,14.772,14.772,14.789,14.789,0,0,1-14.772,14.772A14.789,14.789,0,0,1-1714-1438.228Zm8.877,7.327-2.367,2.367a12.687,12.687,0,0,0,8.262,3.052,12.761,12.761,0,0,0,12.747-12.746,12.686,12.686,0,0,0-3.052-8.262l-2.367,2.367-1.431-1.432,2.367-2.368a12.689,12.689,0,0,0-8.263-3.052,12.761,12.761,0,0,0-12.746,12.746,12.689,12.689,0,0,0,3.052,8.263l2.368-2.367Zm7.058-3.1v-8.415h2.912a4.395,4.395,0,0,1,3.128,1.036,3.911,3.911,0,0,1,1.1,2.993,4.345,4.345,0,0,1-1.16,3.246,4.455,4.455,0,0,1-3.261,1.14Zm2.273-1.865h.507a1.833,1.833,0,0,0,1.519-.6,2.9,2.9,0,0,0,.484-1.839,2.675,2.675,0,0,0-.457-1.715,1.693,1.693,0,0,0-1.39-.558h-.662Zm-5.669,1.865-.414-1.577h-2.734l-.426,1.577h-2.5l2.745-8.449h3.033l2.78,8.449Zm-2-6.1q-.152.673-.676,2.653h1.79l-.363-1.381q-.127-.46-.308-1.191t-.239-1.047Q-1703.309-1440.772-1703.461-1440.1Z" transform="translate(1714.5 1453.5)" fill="#fff" stroke="rgba(0,0,0,0)" stroke-width="1"/>
                                            </svg>
                                            Attention AdBlock/AdBlock Plus User:
                                        </span>
                                        <span class="dm-msg-container">There is a known compatibility issue between this adblocker and DM+ connections. If you cannot connect to DM+, we recommend disabling AdBlock/AdBlock Plus, or switching to an alternative ad blocker for an improved experience. Thank you for your cooperation!</span>
                                    </span>
                                </div>
                            </div>

                                
                            <div class="dm-chatroom-message dm-message-container dm-system-message dm-disclaimer hide" title="Sent: 10:45pm 10/14/2019" data-cloneable="1" data-message-type="disclaimer">
                                <div class="dm-chatroom-message-wrap">
                                    <span class="dm-message-name">
                                        <span class="dm-user-admin">— System Message —</span>
                                    </span>
                                    <span class="dm-message-inner">
                                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 22.19 22.19">
                                            <defs>
                                                <clipPath id="dm-price-icon-path">
                                                <rect width="22.19" height="22.19"/>
                                                </clipPath>
                                            </defs>
                                            <g >
                                                <g class="dm-price-svg-icon">
                                                <g id="Group_413">
                                                    <path id="Path_2341" class="star_path" stroke="red" d="M11.86,1l2.6,5.54c.12.26.36.44.65.49l5.84.89c.49.09.81.55.72,1.04-.03.18-.12.34-.24.47l-4.24,4.34c-.2.21-.29.49-.24.78l1,6.11c.09.47-.22.92-.68,1.01-.19.04-.39,0-.56-.08l-5.2-2.87c-.25-.14-.56-.14-.81,0l-5.2,2.87c-.42.22-.94.06-1.16-.36-.09-.17-.12-.37-.08-.57l1-6.11c.05-.28-.04-.57-.24-.78L.75,9.42c-.35-.35-.34-.92.01-1.26.13-.13.29-.21.47-.24l5.84-.89c.28-.05.52-.23.64-.49l2.6-5.53c.19-.43.69-.62,1.12-.42.19.08.34.24.42.42Z"/>
                                                    <path id="Path_2342" class="cash_path" d="M10.64,16.53v-1.12c-.65,0-1.28-.18-1.84-.51l.31-1.09c.54.32,1.15.5,1.78.51.72,0,1.21-.36,1.21-.91,0-.52-.4-.85-1.24-1.17-1.2-.44-1.97-.99-1.97-2.07.02-1.03.81-1.88,1.83-1.96v-1.13h.94v1.07c.55,0,1.08.14,1.57.38l-.31,1.06c-.48-.25-1.01-.39-1.55-.39-.8,0-1.08.41-1.08.81,0,.47.41.74,1.38,1.13,1.28.48,1.85,1.11,1.85,2.14-.02,1.08-.85,1.97-1.92,2.05v1.19h-.94Z"/>
                                                </g>
                                                </g>
                                            </g>
                                        </svg>
                                                                                    <span class="dm-msg-container">
                                                Price for this customer has changed to <span class="cost-text mx-xs">10</span> credits per message.
                                                <span class="verify-send-msg hide">
                                                    Do you still want to send this message at this new price?
                                                    <div class="d-flex mt-sm">
                                                        <a href="javascript:void(0);" class="dm-action-btn hide btn primary btn-xs mr-xs" data-cloneable="1"></a>
                                                    </div>
                                                </span>
                                            </span>
                                                                            </span>
                                </div>
                            </div>

                              
                            <div class="dm-chatroom-message dm-message-container dm-admin dm-error hide" title="Sent: 10:45pm 10/14/2019" data-cloneable="1" data-message-type="error">
                                <div class="dm-chatroom-message-wrap">
                                    <span class="dm-message-name">
                                        <span class="dm-user-admin">— Admin Message —</span>
                                    </span>
                                    <span class="dm-message-inner">
                                        <span class="dm-icon-container"><i class="icon-alert"></i></span>
                                        <span class="dm-msg-container">Stet clita kasd gubergren, no sea takimata sanctus est.</span>
                                        <span class="dm-message-btn">
                                            <a href="javascript:;" class="btn primary btn-xs">Try Again</a>
                                        </span>
                                    </span>
                                </div>
                            </div>
                            
                                
                            <div class="dm-message-container dm-chatroom-message dm-incoming photo hide" title="Sent: 10:45pm 10/14/2019" data-cloneable="1" data-message-type="incoming-photo">
                                <div class="dm-chatroom-message-wrap">
                                    <span class="dm-message-name">
                                        <span class="dm-user-username dm-display-name">Eva Sin</span>
                                    </span>
                                    <div class="dm-message-inner photo-loading">
                                        <a href="#" target="_blank" rel="noopener noreferrer"><img src=""></a>
                                        <div class="dm-unlock-photo-wrap">
                                            <div class="dm-unlock">
                                                <i class="icon-unlock"></i>
                                                See Photo
                                            </div>
                                            <div class="dm-unlock-hover">
                                                <span>Unlock Photo</span>
                                                10 Credits
                                            </div>
                                        </div>
                                        <div class="dm-message-photo-description hide">
                                        </div>
                                    </div>                                
                                </div>
                            </div> 

                                
                            <div class="dm-message-container dm-chatroom-message dm-outgoing photo hide" title="Sent: 10:45pm 10/14/2019" data-cloneable="1" data-message-type="outgoing-photo">
                                <div class="dm-chatroom-message-wrap">
                                    <span class="dm-message-name">
                                        <span class="dm-user-username dm-display-name">Johny123</span>
                                    </span>
                                    <div class="dm-message-inner photo-loading">
                                        <a href="#" target="_blank" rel="noopener noreferrer"><img src=""></a>
                                        <div class="dm-message-photo-price hide">
                                            <div class="d-flex align-items-center">
                                                <i class="icon-credits"></i><span class="dm-photo-price-amount"></span>
                                            </div>
                                            <div class="d-flex align-items-center">
                                                <i class="icon-lock dm-photo-icon-lock hide"></i>
                                                <i class="icon-unlock dm-photo-icon-unlock hide"></i>
                                            </div>
                                        </div>
                                        <div class="dm-message-photo-description hide">
                                        </div>
                                    </div>
                                </div>
                            </div>

                              
                            <div class="dm-message-container dm-chatroom-message dm-incoming video hide" title="Sent: 10:45pm 10/14/2019" data-cloneable="1" data-message-type="incoming-video">
                                <div class="dm-chatroom-message-wrap">
                                    <span class="dm-message-name">
                                        <span class="dm-user-username dm-display-name">Eva Sin</span>
                                    </span>
                                    <div class="dm-message-inner photo-loading">
                                        <video controls preload="metadata">
                                            <p>Your browser does not support the video tag.</p>
                                        </video>
                                        <div class="dm-unlock-video-wrap">
                                            <div class="dm-unlock">
                                                <i class="icon-unlock"></i>
                                                See Video
                                            </div>
                                            <div class="dm-unlock-hover">
                                                <span>Unlock Video</span>
                                                10 Credits
                                            </div>
                                        </div>
                                        <div class="dm-message-video-description hide">
                                        </div>
                                        <span class="dm-report-message-wrap hide">
                                            <label title="Report Message" for="dmReportMessageModal" class="dm-report-message-btn btn btn-xs right">
                                                <i class="icon-megaphone"></i>
                                            </label>
                                            <span class="clear"></span>
                                        </span>
                                    </div>
                                </div>
                            </div> 

                                
                            <div class="dm-message-container dm-chatroom-message dm-outgoing video hide" title="Sent: 10:45pm 10/14/2019" data-cloneable="1" data-message-type="outgoing-video">
                                <div class="dm-chatroom-message-wrap">
                                    <span class="dm-message-name">
                                        <span class="dm-user-username dm-display-name">Johny123</span>
                                    </span>
                                    <div class="dm-message-inner photo-loading">
                                        <video controls preload="metadata">
                                            <p>Your browser does not support the video tag.</p>
                                        </video>
                                        <div class="dm-message-video-price hide">
                                            <div class="d-flex align-items-center">
                                                <i class="icon-credits"></i><span class="dm-video-price-amount"></span>
                                            </div>
                                            <div class="d-flex align-items-center">
                                                <i class="icon-lock dm-photo-icon-lock hide"></i>
                                                <i class="icon-unlock dm-photo-icon-unlock hide"></i>
                                            </div>
                                        </div>
                                        <div class="dm-message-video-description hide">
                                        </div>
                                    </div>
                                </div>
                            </div> 
                        </div>

                        <div class="dm-reconnect dm-scrollbar">
                            <div class="dm-reconnect-wrap">
                                <div class="dm-reconnect-ico-btn-wrap">
                                    <div class="dm-reconnect-icon">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="29.266" height="29.322" viewBox="0 0 29.266 29.322">
                                            <g id="Group_403" data-name="Group 403" transform="translate(-1057.338 -394.34)">
                                                <path id="Path_2336" data-name="Path 2336" d="M23.269,23.269A13.564,13.564,0,0,1,4.087,4.087a13.63,13.63,0,0,1,19.182,0" transform="translate(1058.321 395.323)" fill="none" stroke="#6fb2ff" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2.25"/>
                                                <path id="Path_2337" data-name="Path 2337" d="M32.625,6.85v7.775A1.125,1.125,0,0,1,31.5,15.75H23.725a1.125,1.125,0,0,1-.8-1.92L30.7,6.054A1.125,1.125,0,0,1,32.625,6.85Z" transform="translate(1053.979 389.278)" fill="#6fb2ff"/>
                                            </g>
                                        </svg>
                                    </div>
                                    <div class="dm-reconnect-btn">
                                        Reconnect
                                    </div>
                                </div>
                                <p>Connection Interrupted Try To Refresh The Page</p>    
                            </div>        
                        </div>

                        <div class="dm-send-area">
                                                        <div class="dm-select hide" title="Direct Message">
                                <i class="icon-dm-bubble"></i>
                            </div>
                                                        <div class="dm-send-area-wrap">
                                                                    <div contenteditable="true" id="dmChatInput" class="dm-chat-input-2" data-text="Send a message..." aria-label="Send a message..."></div>
                                
                                                                <input type="radio" id="dmEmojiBoxOff" name="userControlsDM" class="hide">                                 <input type="radio" id="dmEmojiBoxOn" name="userControlsDM" class="hide">                                 <label for="dmEmojiBoxOn" class="dm-emoji-select off">                                    <span class="visually-hidden"> Emoji Box Open</span><i class="icon-happyface"></i>
                                </label>
                                <label for="dmEmojiBoxOff" class="dm-emoji-select on">                                    <span class="visually-hidden"> Emoji Box Close </span><i class="icon-happyface"></i>
                                </label>

                                                                <div id="dmEmoji" class="dm-chat-emojis active dm-emoji-box dm-scrollbar">
                                    <div class="dm-emoji-tooltip tooltip tip-bottom">
                                        Want more emojis?
                                        <span class="tip">
                                            <ol class="chrome-emoji-tooltip">
                                                <li>Click the "Send a message..." area</li>
                                                <li>Right-click current area</li>
                                                <li>Select "Emoji" or "Emoji & Symbols"</li>
                                            </ol>
                                            <ol class="firefox-safari-emoji-tooltip">
                                                <li>Click the "Send a message..." area</li>
                                                <li>Open "Edit" menu</li>
                                                <li>Select "Emoji & Symbols" <span class="safari-text-only">(^&#8984;SPACE)</span></li>
                                            </ol>
                                        </span>
                                    </div>
                                    <div class="dm-original-emojis-container">
                                    </div>
                                    <div class='dm-twemojis-container'>
                                                                                <div id="dmPeopleEmoji" data-section-name="people-emoji" data-name="People" class="clearfix dm-emoji-section"></div>
                                        <div id="dmFoodAndDrinkEmoji" data-section-name="food-and-drink-emoji" data-name="Food and Drink" class="clearfix dm-emoji-section"></div>
                                        <div id="dmNatureEmoji" data-section-name="nature-emoji" data-name="Nature" class="clearfix dm-emoji-section"></div>
                                        <div id="dmTravelAndPlacesEmoji" data-section-name="travel-and-places-emoji" data-name="Travel and Places" class="clearfix dm-emoji-section"></div>
                                        <div id="dmActivitiesEmoji" data-section-name="activities-emoji" data-name="Activities" class="clearfix dm-emoji-section"></div>
                                        <div id="dmCelebrationEmoji" data-section-name="celebration-emoji" data-name="Celebration" class="clearfix dm-emoji-section"></div>
                                        <div id="dmObjectAndSymbolsEmoji" data-section-name="object-and-symbols-emoji" data-name="Object and Symbols" class="clearfix dm-emoji-section"></div>
                                    </div>
                                </div>
                                
                                <div class="dm-upload">
                                    <label for="dmFile" class="dm-upload-label">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="19.333" height="19.333" viewBox="0 0 19.333 19.333">
                                            <g id="Image-Icon" transform="translate(0.5 0.5)">
                                                <g id="Icon_akar-image" data-name="Icon akar-image" transform="translate(0 0)">
                                                <path id="Path_2327" data-name="Path 2327" d="M3,6.667A3.667,3.667,0,0,1,6.667,3h11a3.667,3.667,0,0,1,3.667,3.667v11a3.667,3.667,0,0,1-3.667,3.667h-11A3.667,3.667,0,0,1,3,17.667Z" transform="translate(-3 -3)" fill="none" class="svg-line" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
                                                <path id="Path_2328" data-name="Path 2328" d="M13.673,11.337A2.337,2.337,0,1,1,11.337,9a2.337,2.337,0,0,1,2.337,2.337Z" transform="translate(-5.357 -5.357)" fill="none" class="svg-line" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
                                                <path id="Path_2329" data-name="Path 2329" d="M16.968,18.561,9,27.327H20.34a3.614,3.614,0,0,0,3.614-3.614v-.124a1.19,1.19,0,0,0-.458-.925l-3.766-4.108a1.869,1.869,0,0,0-2.761.006Z" transform="translate(-5.62 -8.994)" fill="none" class="svg-line" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
                                                </g>
                                            </g>
                                        </svg>
                                    </label>
                                    <input type="button" id="dmFile" name="dmFile" class="hide">
                                </div>

                                <div class="btn dm-send-btn">
                                    <svg width="19" class="icon-svg svg-send-message" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs></defs><polygon class="cls-1" points="6.48781 12.5 21 12.5 4 2 6.48781 12.5"></polygon><polyline class="cls-1" points="5.6103 16.20347 4 23 21 12.5"></polyline></svg>
                                </div>

                                <div class="dm-cost-tool-tip absolute">This model charges <span class="dm-cost-value cost-text ml-xs mr-xs">10</span> credits per message</div>
                            </div>
                        </div>
                    </div>
                                        <div class="dm-video-info-bubble hide">
                        <div class="dm-video-info-bubble-text">
                            <strong>Exciting New Feature!</strong> Share Video with the models you love!
                        </div>
                        <div class="dm-video-info-bubble-close-btn">
                            <i class="icon-x-plain"></i>
                        </div>
                    </div>
                </div>                <div class="dm-bottom hide">
                    <a class="dm-bottom-item" href="/support.php">
                        <i class="icon-chat"></i>Customer Service Help
                    </a>
                    <div class="dm-bottom-item">
                        <label class="form-check-radio toggle-check">
                            <input type="checkbox" id="allowModelsSend">
                            <span class="toggle-check-text">Allow Models To Send You The First Message</span>
                            <span class="toggle-check-box"></span> 
                        </label>
                    </div>
                </div>
                
                                <div class="connecting-loader">
                    <i class="loading-v2 lg"></i>
                    <div class="connect-text">Please wait, trying to connect.</div>

                    <a href="javascript:;" class="dm-header-icon tooltip tip-top dm-popout-btn hide">
                        <i class="icon-external-link"></i>
                        <span class="tip">Launch in window<br>Please disable popup blocker</span>
                    </a>
                                        <a href="javascript:;" class="dm-header-icon tooltip tip-left dm-close-app-btn">
                        &#x2715;
                        <span class="tip">Close DM. Click DM icon to re-open</span>
                    </a>
                                    </div>
            </div>

                        <div class="dm-minimized-bubble dm-minimize-btn hide">
                <span class="flag-amount dm-name-message-count dm-name-message-count-sum primary dm-amount hide"></span>
            <i class="icon-dm-bubble"></i>
            Chat
            </div>
        </div>

                <div class="modal-container dm-modal">
            <label class="visually-hidden" for="dmModal">Show DM</label>
            <input type="radio" name="modalControl" class="hide modal-control" id="dmModal">
            <label class="modal-shadow" for="hide_modal"><span class="visually-hidden"> modal shadow</span></label>
            <div class="modal-wrap">
                <div class="modal">
                    <div class="modal-header">
                        <span class="dm-modal-header"></span>
                        <label class="close-modal" for="hide_modal"><span class="visually-hidden"> close modal</span><i class="icon-x-plain"></i></label>
                    </div>
                    <div class="modal-body">

                    </div>
                    <div class="modal-footer"></div>
                </div>
            </div>
        </div>


                <div class="modal-container dm-modal photo-confirmation-modal">
            <label class="visually-hidden" for="dmPhotoModal">Show DM</label>
            <input type="radio" name="modalControl" class="hide modal-control" id="dmPhotoModal">
            <label class="modal-shadow" for="hide_modal"><span class="visually-hidden"> modal shadow</span></label>
            <div class="modal-wrap">
                <div class="modal">
                    <div class="modal-body">
                        <label class="close-modal" for="hide_modal"><span class="visually-hidden"> close modal</span><i class="icon-x-plain"></i></label>
                        <div class="photo-confirmation-modal-content">
                            <h3><i class="icon-my-photos"></i>Photo Preview</h3>
                            <div class="d-flex align-items-start dm-photo-modal-details">
                                <img src="">
                                <div class="d-flex flex-column dm-photo-modal-setup-col">
                                    <div class="dm-set-price-row d-flex flex-column">
                                        <h4><i class="icon-credits"></i>Set Price</h4>
                                        <div class="dm-price-options-wrap">
                                            <div class="select-element">
                                                <select class="dm-price-options">
                                                    <option value="0">free</option>
                                                    <option value="10">10</option>
                                                </select>
                                                <div class="select-arrow"></div>
                                            </div>    
                                        </div>
                                    </div> 
                                    <div class="dm-add-description-row d-flex flex-column">
                                        <h4><i class="icon-edit"></i>Add Description</h4>
                                        <div class="dm-photo-description-input-wrap">
                                            <input type="text" id="dmPhotoDescription" class="dm-photo-description-input" placeholder="Write description...">   
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <button class="dm-set-price dm-send-photo">Send</button>
                            <div class="dm-photo-modal-error hide">
                                <i class="icon-alert"></i><span class="dm-photo-modal-error-message"></span>
                            </div>
                        </div>  
                    </div>
                </div>
            </div>
        </div>

                <div class="modal-container dm-modal video-confirmation-modal" data-modal-type="dmVideoModal">
            <label class="visually-hidden" for="dmVideoModal">Show DM</label>
            <input type="radio" name="modalControl" class="hide modal-control" id="dmVideoModal">
            <label class="modal-shadow" for="hide_modal"><span class="visually-hidden"> modal shadow</span></label>
            <div class="modal-wrap">
                <div class="modal">
                    <div class="modal-body">
                        <label class="close-modal" for="hide_modal"><span class="visually-hidden"> close modal</span><i class="icon-x-plain"></i></label>
                        <div class="video-confirmation-modal-content">
                            <h3><i class="icon-my-videos"></i>Video Preview</h3>
                            <div class="d-flex align-items-start dm-video-modal-details">
                                <video width="320" height="240" controls preload="metadata">
                                    <p>Your browser does not support the video tag.</p>
                                </video>
                                <div class="d-flex flex-column dm-video-modal-setup-col">
                                    <div class="dm-set-price-row d-flex flex-column">
                                        <h4><i class="icon-credits"></i>Set Price</h4>
                                        <div class="dm-video-options-wrap">
                                            <div class="select-element">
                                                <select class="dm-price-options">
                                                    <option value="0">free</option>
                                                    <option value="10">10</option>
                                                </select>
                                                <div class="select-arrow"></div>
                                            </div>    
                                        </div>
                                    </div> 
                                    <div class="dm-add-description-row d-flex flex-column">
                                        <h4><i class="icon-edit"></i>Add Description</h4>
                                        <div class="dm-video-description-input-wrap">
                                            <input type="text" id="dmVideoDescription" class="dm-video-description-input" placeholder="Write description...">   
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <button class="dm-set-price dm-send-media">Send</button>
                            <div class="dm-video-modal-error hide">
                                <i class="icon-alert"></i><span class="dm-video-modal-error-message"></span>
                            </div>
                        </div>  
                    </div>
                </div>
            </div>
        </div>

                <div class="modal-container dm-modal vip-tool-tip-modal">
            <label class="visually-hidden" for="dmVipToolTipModal"></label>
            <input type="checkbox" name="modalControl" class="hide modal-control" id="dmVipToolTipModal">
            <label class="modal-shadow" for="dmVipToolTipModal"><span class="visually-hidden"> modal shadow</span></label>
            <div class="modal-wrap">
                <div class="modal">
                    <div class="modal-body">
                        <label class="close-modal" for="dmVipToolTipModal"><span class="visually-hidden"> close modal</span><i class="icon-x-plain"></i></label>
                        <div class="vip-tool-tip-modal-content">
                            VIP members receive 100 bonus DM credits each month. These credits do not carry over to the following month.
                        </div>  
                    </div>
                </div>
            </div>
        </div>


        
    <script src="https://cdn5.vscdns.com/assets/min/js/model_access_2026_06_09_01.js"></script>	


<script>

window.DMbillingPageLink = "https://flirt4free.com/click-track.php?product=vip&amp;dhd_page=FullPay&amp;model_id=0&amp;pa_id=0&amp;pg=0&amp;sitekey=flirt4free&amp;test_group=GROUP_A";

</script>

<script type="text/javascript">
    document.addEventListener('DOMContentLoaded', function() {
        DMMessenger.init({
            isDev: false,
            isInternal: 0,
            isPriviliged: 0,
            cdn: 'https://cdn5.vscdns.com',
            userType: 'customer',
            mode: 'embedded',
            customerType: 'guest',            
            screenName: '',
            userPlatform: 'computer',
            userClientSrc:  'web' ,
            dmKey: '',
            inChat: !!(window.AppController && window.RoomController && window.HomePageView),
            onlineStatus: 'offline',
            UAParser:  new UAParser().getResult(),
            sessionId:  "nalp03ff2dild3j25nl4bb55dq" ,
        });
    });
</script>



    


<div class="modal-container ad-block-warning hide" id="adBlockWarning">
    <div class="modal-shadow" id="adBlockWarningShadow">
        <div class="modal ad-block-modal flex-column">
            <input type="checkbox" name="ad_block_info" id="adBlockMoreInfo" class="hide">
            <div class="alert">
                <div class="d-flex">
                    <i class="icon-info"></i>
                </div>
            </div>
            <div class="modal-body">
                <p class="text-center">For more information about de-activating adblock and white-listing domains within your adblocker:</p>
                <div class="listed-links text-center flex-column">
                    <p><a href="https://support.google.com/chrome/answer/7632919?hl=en&co=GENIE.Platform%3DDesktop" target="_blank" rel="noopener noreferrer">Disable Chrome's ad block</a></p>
                    <p><a href="https://helpcenter.getadblock.com/hc/en-us/articles/9738518103059-How-to-disable-AdBlock-on-specific-sites" target="_blank" rel="noopener noreferrer">How to disable AdBlock</a></p>
                </div>
            </div>
            <div class="modal-footer">
                <button class="btn skip-ad-block-btn">Close</button>
            </div>
        </div>
    </div>
</div>

		<div class="footer-banner mx-auto max-site-width main-container py-lg text-center">
			


    
        <div data-ad-markup-src="https://www.vs4.com/req.php?z=2567&r=491376&h=https%3A%2F%2Fwww.flirt4free.com&wld=flirt4free.com&ll=1"></div>     

        <noscript><a href="https://www.vs4.com/clk.php?z=&r=491376" target="_top" aria-label="banner"><img src="https://www.vs4.com/img.php?z=&r=491376" border="0" alt="Zone Capture" loading="lazy" /></a></noscript>

    
		</div>
	
<footer class="bottom-container elements-to-show-after-homepage-render ">
			<div class="footer-section top py-lg">
			<div class="mx-auto max-site-width main-container">
				<div class="flex-grid">
					<div class="col-2">
						<h5 class="footer-subtitle">
							Live Chat						</h5>
						<div class="footer-nav-links">
							<div>
                  <a href="/">
                    Home
                  </a>
																	<a rel="nofollow" href="javascript:popRegistration('f4f_footer_link',reg_overlay_template_set);">
										Register Free									</a>
																<a href="/rates.php">
									Show Rates								</a>
								<a href="/help-popups/cam2cam.php">
									Cam2Cam Chat								</a>
								<a href="/interactive/">
									Interactive								</a>
								<a href="/fanclubs/girls/">
									Fan Clubs								</a>
								<a href="/models/schedule.php">
									Adult Model Schedules								</a>
								<a href="/phone/">
									Flirt Phone								</a>
																<a href="/promos/girls/">
									Promos								</a>
								<a href="/spotlight/show-offers.php">
									Show Offers								</a>
								<a href="/deals/">
									Deals								</a>
								<a href="/blogs/girls/">
									Blog								</a>
							</div>
						</div>
					</div>

					<div class="col-2">
						<h5 class="footer-subtitle">
							Models						</h5>
						<div class="footer-nav-links">
							<div>
								<a href="/models/top20.php?service=girls">
									Top 20 Adult Webcam Models								</a>
								<a href="https://studios.flirt4free.com/modelsignup/">
									Models Wanted								</a>
								<a href="/models/">
									Search Models								</a>
								<a href="/contest/">
									Webcam Model of the Week								</a>
								<a href="/features.php?service=girls">
									Adult Feature Shows								</a>
								<a href="/photos/girls/">
									Photo Archives								</a>
								<a href="/fotm/">
									Flirt of the Month								</a>
								<a href="/foty/">
									Flirt of the Year								</a>
								<a href="/hall-of-fame/">
									Webcam Hall of Fame								</a>
							</div>
						</div>
					</div>

					<div class="col-2">
						<h5 class="footer-subtitle">
							Videos On Demand						</h5>
						<div class="footer-nav-links">
							<div>
								<a href="/videos/girls/">
									Videos								</a>
								<a href="/videos/girls/trending/">
									Hot Today								</a>
								<a href="/videos/girls/new/">
									New Arrivals								</a>
								<a href="/videos/girls/charts/">
									Leaderboard								</a>
								<a href="/videos/girls/categories/">
									Categories								</a>
								<a href="/vod/volunteers.php">
									Volunteers								</a>
							</div>
						</div>
					</div>

					<div class="col-2">
						<h5 class="footer-subtitle">
							Support						</h5>
						<div class="footer-nav-links">
							<div>
                                                                    <a class="error-report-header-btn drop-menu-section-single-link">
										<i class="icon-alert"></i>
										<span><label for="customerErrorReportModal">Report a Problem</label></span>
									</a>
                                								<a href="javascript:void(0)" id="freshChatOpen">
									Live Support <i class="icon-support"></i>
								</a>
								<a href="/forums/">
									Forums								</a>
								<a href="/lists/girls/">
									Lists								</a>
								<a href="/guides/monitors/">
									Chatroom Guide								</a>
								<a href="/faq.php">
									FAQ								</a>
								<a href="/lookup.php">
									Forgot Password?								</a>
								<a href="/support.php">
									Contact Us								</a>
															</div>
						</div>
					</div>

					<div class="col-2">
						<h5 class="footer-subtitle">
							Account Info						</h5>
						<div class="footer-nav-links">
							<div>
																	<a href="#" class="vs-checkbox-toggler login-link" data-checkbox-selector="#loginModal">
										Login									</a>
									<a href="/vip/member-benefits.php">
										VIP Benefits									</a>
									<a href="/rewards/">
										Flirt Rewards									</a>
									<a href="/gifts/">
										Gifts									</a>
															</div>
						</div>
					</div>

					<div class="col-2">
						<div class="footer-howto-container">
							<h5 class="footer-subtitle">
								Become a Model							</h5>
							<div class="footer-howto">
								<div>
									<p class="m-0">
										Become a webcam model and start enjoying your work. Make money from anywhere with an Internet connection!									</p>
									<a class="p-0 color-accent-dark" href="https://studios.flirt4free.com/modelsignup/" target="_blank" rel="noopener noreferrer">
										Click here to learn more									</a>
								</div>
							</div>
						</div>

						<div class="footer-howto-container">
							<h5 class="footer-subtitle mt-lg">
								Affiliates							</h5>
							<div class="footer-howto">
								<div>
									<p class="m-0">
										The adult industry's premier Live Cam affiliate program since 1996. Our expert team has delivered millions to webmasters worldwide through top-performing, high-payout offers for all types of traffic.									</p>
									<a class="p-0 color-accent-dark" href="https://affiliates.flirt4free.com/?tracker=10056" target="_blank" rel="noopener">
										Click here to get started									</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="footer-section center py-sm">
		<div class="mx-auto max-site-width main-container flex-grid py-sm">
		<div class="col-6 footer-logos-container d-flex">
				<div class="credit-cards-logos d-flex">
					<svg id="mc" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="50.215" height="41.189" viewBox="0 0 50.215 41.189">
					<defs>
						<clipPath id="clip-path-mc">
						<rect id="Rectangle_99" data-name="Rectangle 99" width="50.215" height="41.189" transform="translate(0 0)" fill="#728190"/>
						</clipPath>
					</defs>
					<g id="Group_18" data-name="Group 18" transform="translate(0 0)" clip-path="url(#clip-path-mc)">
						<path id="Path_317" data-name="Path 317" d="M22.4,45.977V43.925a1.217,1.217,0,0,0-1.286-1.3,1.266,1.266,0,0,0-1.149.581,1.2,1.2,0,0,0-1.081-.581,1.081,1.081,0,0,0-.957.485v-.4h-.711v3.27h.718V44.164a.765.765,0,0,1,.8-.869c.472,0,.711.308.711.862v1.819h.718V44.164a.771.771,0,0,1,.8-.869c.485,0,.718.308.718.862v1.819Zm10.63-3.27H31.868v-.992H31.15v.992h-.663v.65h.663v1.491c0,.759.294,1.211,1.136,1.211a1.671,1.671,0,0,0,.889-.253l-.205-.609a1.313,1.313,0,0,1-.629.185c-.356,0-.472-.219-.472-.547V43.357h1.163Zm6.067-.082a.964.964,0,0,0-.862.479v-.4h-.7v3.27h.711V44.144c0-.54.233-.841.7-.841a1.159,1.159,0,0,1,.444.082l.219-.67a1.528,1.528,0,0,0-.506-.089m-9.173.342a2.445,2.445,0,0,0-1.334-.342c-.827,0-1.361.4-1.361,1.046,0,.534.4.862,1.128.965l.335.048c.39.054.575.157.575.342,0,.253-.26.4-.746.4a1.741,1.741,0,0,1-1.087-.342l-.335.554a2.359,2.359,0,0,0,1.416.424c.944,0,1.491-.445,1.491-1.067,0-.574-.431-.875-1.142-.978l-.335-.048c-.308-.041-.554-.1-.554-.322,0-.239.232-.383.622-.383a2.108,2.108,0,0,1,1.019.28Zm19.057-.342a.964.964,0,0,0-.862.479v-.4h-.7v3.27h.711V44.144c0-.54.233-.841.7-.841a1.159,1.159,0,0,1,.445.082l.219-.67a1.528,1.528,0,0,0-.506-.089m-9.166,1.717a1.652,1.652,0,0,0,1.744,1.717,1.713,1.713,0,0,0,1.177-.39l-.342-.575a1.438,1.438,0,0,1-.855.294,1.048,1.048,0,0,1,0-2.093,1.438,1.438,0,0,1,.855.294l.342-.575a1.713,1.713,0,0,0-1.177-.39,1.652,1.652,0,0,0-1.744,1.717m6.662,0V42.707h-.711v.4a1.24,1.24,0,0,0-1.033-.479,1.719,1.719,0,0,0,0,3.434,1.241,1.241,0,0,0,1.033-.479v.4h.711Zm-2.647,0a.99.99,0,1,1,.992,1.046.981.981,0,0,1-.992-1.046m-8.584-1.717a1.718,1.718,0,0,0,.048,3.434,1.987,1.987,0,0,0,1.341-.458l-.349-.526a1.558,1.558,0,0,1-.951.342.908.908,0,0,1-.978-.8h2.428c.007-.089.014-.178.014-.274a1.568,1.568,0,0,0-1.553-1.717m-.014.636a.812.812,0,0,1,.827.794h-1.7a.842.842,0,0,1,.869-.794M53.08,44.342V41.394h-.711V43.1a1.24,1.24,0,0,0-1.033-.479,1.719,1.719,0,0,0,0,3.434,1.241,1.241,0,0,0,1.033-.479v.4h.711Zm-2.647,0a.99.99,0,1,1,.992,1.046.981.981,0,0,1-.992-1.046m-24.023,0V42.707H25.7v.4a1.24,1.24,0,0,0-1.033-.479,1.719,1.719,0,0,0,0,3.434A1.241,1.241,0,0,0,25.7,45.58v.4h.711Zm-2.647,0a.99.99,0,1,1,.992,1.046.981.981,0,0,1-.992-1.046m30.5,1.161a.332.332,0,0,1,.129.025.339.339,0,0,1,.105.07.321.321,0,0,1,.071.1.319.319,0,0,1,0,.252.322.322,0,0,1-.071.1.334.334,0,0,1-.105.07.321.321,0,0,1-.129.026.331.331,0,0,1-.307-.2.319.319,0,0,1,0-.252.325.325,0,0,1,.07-.1.331.331,0,0,1,.106-.07.338.338,0,0,1,.131-.025m0,.578a.24.24,0,0,0,.1-.02.253.253,0,0,0,0-.466.245.245,0,0,0-.1-.019.256.256,0,0,0-.1.019.253.253,0,0,0,.1.486m.019-.405a.136.136,0,0,1,.09.026.085.085,0,0,1,.031.07.081.081,0,0,1-.025.062.119.119,0,0,1-.071.03l.1.114h-.077l-.092-.113H54.21v.113h-.065v-.3Zm-.075.057v.08h.074a.072.072,0,0,0,.041-.01.038.038,0,0,0,0-.061.075.075,0,0,0-.041-.01ZM53.825,35.1v-.4h.16v-.081h-.407v.081h.16v.4Zm.79,0v-.478H54.49l-.143.329-.144-.329h-.125V35.1h.088v-.361l.135.311h.091l.135-.312V35.1ZM33.985,37.48c.1.084.2.165.3.247a12.314,12.314,0,1,1,0-20.512c-.1.082-.2.162-.3.246a13.257,13.257,0,0,0,0,20.019m8.7-22.323a12.256,12.256,0,0,0-6.817,2.058c.1.082.2.162.3.247a13.257,13.257,0,0,1,0,20.019c-.1.084-.2.165-.3.247a12.314,12.314,0,1,0,6.817-22.57m-7.61,2.637q-.238.187-.466.386a12.3,12.3,0,0,0,0,18.582q.228.2.466.386.238-.187.466-.386a12.3,12.3,0,0,0,0-18.582q-.228-.2-.466-.386" transform="translate(-9.969 -9.972)" fill="#728190"/>
					</g>
					</svg>
					<svg id="visa" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="52.921" height="17.091" viewBox="0 0 52.921 17.091">
					<defs>
						<clipPath id="clip-path-visa">
						<rect id="Rectangle_100" data-name="Rectangle 100" width="52.921" height="17.091" fill="#728190"/>
						</clipPath>
					</defs>
					<g id="Group_20" data-name="Group 20" clip-path="url(#clip-path-visa)">
						<path id="Path_318" data-name="Path 318" d="M20.093.3,13.165,16.833H8.645L5.235,3.641A1.812,1.812,0,0,0,4.219,2.188,17.9,17.9,0,0,0,0,.783L.1.3H7.378A1.993,1.993,0,0,1,9.35,1.988l1.8,9.565L15.6.3h4.493ZM37.8,11.436c.018-4.363-6.033-4.6-5.991-6.552.013-.593.578-1.224,1.814-1.385a8.068,8.068,0,0,1,4.216.74L38.594.733a11.49,11.49,0,0,0-4-.733c-4.227,0-7.2,2.247-7.226,5.464-.027,2.38,2.123,3.708,3.743,4.5,1.667.81,2.226,1.33,2.22,2.055-.012,1.109-1.329,1.6-2.561,1.618a8.958,8.958,0,0,1-4.391-1.044L25.6,16.213a12.967,12.967,0,0,0,4.755.878c4.493,0,7.431-2.219,7.445-5.656m11.161,5.4h3.955L49.469.3h-3.65A1.946,1.946,0,0,0,44,1.515L37.582,16.833h4.49l.891-2.469H48.45Zm-4.771-5.857,2.251-6.207,1.3,6.207ZM26.2.3,22.667,16.833H18.391L21.929.3Z" fill="#728190"/>
					</g>
					</svg>
				</div>
				<div class="social-logos d-flex">
					<a href="https://x.com/Flirt4Free" target="_blank" class="social-logos-link" aria-label="Flirt 4 Free Twitter Account" rel="noreferrer noopener">
						<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
							viewBox="0 0 30.747 30.747" style="enable-background:new 0 0 30.747 30.747;" xml:space="preserve" width="30.747" height="30.747">
						<style type="text/css">
							.st0x{fill:#728190;}
						</style>
						<path id="Path_311_00000013183287454764205280000009525132985180172167_" class="st0x" d="M22.58,19.208
							c0.24,0.183,0.494,0.346,0.76,0.489c0.01-0.01,0.031-0.021,0.042-0.042c0.26-0.3-0.26-0.291-0.8-0.447"/>
						<g>
							<path class="st0" d="M26.242,4.501C20.24-1.495,10.514-1.489,4.518,4.513c-5.996,6.002-5.99,15.728,0.012,21.724
								s15.728,5.99,21.724-0.012c2.878-2.881,4.495-6.788,4.493-10.861C30.755,11.287,29.133,7.376,26.242,4.501z M18.277,22.711
								l-3.915-5.697l-4.901,5.697H8.194l5.606-6.516L8.194,8.036h4.276l3.707,5.395l4.641-5.395h1.267L16.74,14.25h0l5.814,8.461H18.277z
								"/>
							<polygon class="st0" points="15.51,14.207 11.863,8.99 9.917,8.99 14.437,15.454 15.005,16.267 15.005,16.267 18.873,21.8 
								20.819,21.8 16.078,15.019 	"/>
						</g>
						</svg>
					</a>
					<a href="https://www.instagram.com/realflirt4free/" target="_blank" class="social-logos-link social-logos-instagram" aria-label="Flirt 4 Free Instagram Account" rel="noreferrer noopener">
						<svg id="ig" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30.748" height="30.748" viewBox="0 0 30.748 30.748">
							<defs>
								<clipPath id="clip-path-in">
									<rect id="Rectangle_6822" data-name="Rectangle 6822" width="30.748" height="30.748" transform="translate(0 0)"/>
								</clipPath>
							</defs>
							<g id="Group_966" data-name="Group 966" clip-path="url(#clip-path-in)">
								<path id="Path_3343" data-name="Path 3343" d="M21.087,11.05a2.4,2.4,0,0,0-.55-.843,2.241,2.241,0,0,0-.843-.549,4.186,4.186,0,0,0-1.363-.25c-.769-.036-1-.043-2.961-.043s-2.191.007-2.96.043a3.93,3.93,0,0,0-1.364.25,2.394,2.394,0,0,0-.842.549,2.247,2.247,0,0,0-.55.843A4.114,4.114,0,0,0,9.4,12.413c-.037.77-.044,1-.044,2.961s.007,2.191.044,2.961A3.905,3.905,0,0,0,9.654,19.7a2.4,2.4,0,0,0,.55.843,2.247,2.247,0,0,0,.842.55,4.235,4.235,0,0,0,1.364.249c.769.036,1,.044,2.96.044s2.192-.008,2.961-.044a3.948,3.948,0,0,0,1.363-.249A2.445,2.445,0,0,0,21.087,19.7a4.2,4.2,0,0,0,.249-1.363c.037-.77.044-1,.044-2.961s-.007-2.191-.044-2.961a3.935,3.935,0,0,0-.249-1.363M15.37,19.141a3.767,3.767,0,1,1,3.767-3.767,3.766,3.766,0,0,1-3.767,3.767m3.914-6.8a.88.88,0,1,1,.879-.879.882.882,0,0,1-.879.879"/>
								<path id="Path_3344" data-name="Path 3344" d="M26.243,4.5a15.374,15.374,0,1,0,4.5,10.873A15.375,15.375,0,0,0,26.243,4.5m-3.6,13.9a5.188,5.188,0,0,1-.337,1.781,3.486,3.486,0,0,1-.843,1.3,3.634,3.634,0,0,1-1.3.843,5.607,5.607,0,0,1-1.781.337c-.777.037-1.026.044-3.019.044s-2.243-.007-3.027-.051a5.212,5.212,0,0,1-1.781-.337,3.511,3.511,0,0,1-1.3-.843,3.63,3.63,0,0,1-.843-1.3,5.585,5.585,0,0,1-.337-1.781c-.037-.777-.044-1.026-.044-3.02s.007-2.242.044-3.019a5.425,5.425,0,0,1,.344-1.788,3.51,3.51,0,0,1,.843-1.3,3.618,3.618,0,0,1,1.3-.842,5.569,5.569,0,0,1,1.781-.338c.777-.036,1.026-.044,3.02-.044s2.242.008,3.026.052a5.183,5.183,0,0,1,1.781.337,3.486,3.486,0,0,1,1.3.843,3.608,3.608,0,0,1,.843,1.3,5.585,5.585,0,0,1,.337,1.781c.037.777.044,1.026.044,3.019s-.007,2.243-.051,3.027"/>
								<path id="Path_3345" data-name="Path 3345" d="M15.37,12.934a2.441,2.441,0,1,0,2.44,2.44,2.439,2.439,0,0,0-2.44-2.44"/>
							</g>
						</svg>
					</a> 
					<a href="https://youtube.com/flirt4free/" target="_blank" class="social-logos-link" aria-label="Flirt 4 Free Youtube Channel" rel="noreferrer noopener">
						<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30.758" height="30.748" viewBox="0 0 30.758 30.748">
						<defs>
							<clipPath id="clip-path-yt">
							<rect id="Rectangle_98" data-name="Rectangle 98" width="30.758" height="30.747"/>
							</clipPath>
						</defs>
						<g id="yt" transform="translate(0)">
							<path id="Path_315" data-name="Path 315" d="M91.3,81.459l5.785,3.663L91.3,88.784Z" transform="translate(-78.166 -69.742)"/>
							<g id="Group_16" data-name="Group 16" transform="translate(0)">
							<g id="Group_15" data-name="Group 15" clip-path="url(#clip-path-yt)">
								<path id="Path_316" data-name="Path 316" d="M26.252,4.5a15.374,15.374,0,1,0,4.505,10.873A15.353,15.353,0,0,0,26.252,4.5M24.078,18.729a2.543,2.543,0,0,1-2.424,2.653H9.094A2.542,2.542,0,0,1,6.68,18.729v-6.7A2.549,2.549,0,0,1,9.094,9.375H21.653a2.55,2.55,0,0,1,2.424,2.653Z" transform="translate(0)"/>
							</g>
							</g>
						</g>
						</svg>
					</a>
					<a href="/social">
						<span>All F4F Accounts</span>
						<svg xmlns="https://www.w3.org/2000/svg" width="4.536" height="7.657" viewBox="0 0 4.536 7.657" class="social-hub-link-arrow">
						<path id="arrow" d="M2338.155,85.266l3.475,3.475,3.475-3.475" transform="translate(-84.913 2345.459) rotate(-90)" fill="none" stroke-width="1"/>
						</svg>
					</a>
				</div>
		</div> 
		<div class="col-6">
				<div class="footer-legal-links">
										<div class="footer-legal-links-top">
						<a class="footer-legal-link" rel="nofollow" href="/2257.php" class="compliance" >
							18 U.S.C. 2257 Record-Keeping Requirements Compliance Statement						</a>
					</div>
					<div class="footer-legal-links-center">
						<a class="footer-legal-link" rel="nofollow" href="/privacy.php" >
							Privacy Policy						</a>
						<span class="footer-link-divider"></span>
						<a class="footer-legal-link" rel="nofollow" href="/privacy-ccpa.php" >
							CA-Privacy Policy						</a>
						<span class="footer-link-divider"></span>
						<a class="footer-legal-link" rel="nofollow" href="/dmca.php" >
							Copyright Policy						</a>
						<span class="footer-link-divider"></span>
												<a class="footer-legal-link" rel="nofollow" href="/content-complaints.php" >
							Content Complaints
						</a>
						<span class="footer-link-divider"></span>
						<a class="footer-legal-link" rel="nofollow" href="/terms.php" >
							Terms &amp; Conditions						</a>
					</div>
									</div>
		</div>
		</div>
	</div>
	<div class="footer-section bottom py-xs">
		<div class="mx-auto max-site-width main-container flex-grid footer-bottom-links py-sm">
			<div class="col-6">
										<p class="my-0">
							Brought to you by VS Media, Inc., Westlake Village, CA, United States <br/>						</p>
						<p class="my-0">
							FBP Media s.r.o. (Reg. 06483453 ), Vodickova 791/41 Nove Mesto, 110 00 Praha 1, Czech Republic
						</p>
							</div>
			<div class="col-6 footer-copyright">
											<p class="my-0">
							&copy; 1996 - 2026 VS3.COM, VS Media, Inc. All Rights Reserved.						</p>
								</div>
		</div>
	</div>
</footer>




		<input type="checkbox" class="hide" id="closePopBlock">
	<div class="popup-blocked-message-container">
		<i class="icon-alert text-danger"></i>
		<div class="popup-message">To use the cam 2 cam feature you may need to disable your Pop-up Blocker.</div>
		<label for="closePopBlock"><span class="visually-hidden">Close</span><i class="icon-x"></i></label>
	</div>

	



<style>
    
    .vip-modal.vip-modal-girls .modal {
        background-image: url('https://cdn5.vscdns.com/images/modals/vip-modal/bg.webp');
    }

    .vip-modal.vip-modal-guys .modal {
        background-image: url('https://cdn5.vscdns.com/images/modals/vip-modal/bg-guys.webp');
    }

    /* Safari */
    .vip-modal.vip-modal-girls .modal:root:root {
        background-image: url('https://cdn5.vscdns.com/images/modals/vip-modal/bg.png');
    }

    .vip-modal.vip-modal-guys .modal:root:root {
        background-image: url('https://cdn5.vscdns.com/images/modals/vip-modal/bg-guys.png');
    }

    /* Safari v13+ (2020) */
    _::-webkit-full-page-media,
    _:future,
    :root .vip-modal.vip-modal-girls .modal {
        background-image: url('https://cdn5.vscdns.com/images/modals/vip-modal/bg.png');
    }

    _::-webkit-full-page-media,
    _:future,
    :root .vip-modal.vip-modal-guys .modal {
        background-image: url('https://cdn5.vscdns.com/images/modals/vip-modal/bg-guys.png');
    }

    /* Safari v10.1+ */
    @media not all and (min-resolution: .001dpcm) {
        @supports (-webkit-appearance:none) {
            .vip-modal.vip-modal-girls .modal {
                background-image: url('https://cdn5.vscdns.com/images/modals/vip-modal/bg.png');
            }

            .vip-modal.vip-modal-guys .modal {
                background-image: url('https://cdn5.vscdns.com/images/modals/vip-modal/bg-guys.png');
            }
        }
    }

    /* IE */
    @media all and (-ms-high-contrast: none),
    (-ms-high-contrast:active) {
        .vip-modal.vip-modal-girls .modal {
            background-image: url('https://cdn5.vscdns.com/images/modals/vip-modal/bg.png');
        }

        .vip-modal.vip-modal-guys .modal {
            background-image: url('https://cdn5.vscdns.com/images/modals/vip-modal/bg-guys.png');
        }
    }
</style>

<input type="radio" name="vip-modal" class="hide" id="hide_vip_modal" checked>
<div class="modal-container modal-top animate-from-top">
    <input type="radio" name="modalControl" class="hide modal-control" id="vip_modal" data-modal-priority="3.5">
            <label class="modal-shadow" for="vip_modal"><span class="visually-hidden">VIP modal</span></label>
        <div class="modal-wrap vip-modal vip-modal-girls">
        <div class="modal ">
            <div class="modal-body">
                <label class="close-modal" for="hide_modal"><span class="visually-hidden">Close</span><i class="icon-x"></i></label>
                <div class="vip-modal-inner">
                    <div class="vip-modal-intro-text-l1">Ready to take it a step further?</div>
                    <div class="vip-modal-intro-text-l2">Join <span>VIP</span> for instant access to:</div>
                    <div class="vip-modal-benefits-list">
                        <div class="vip-list-item">
                            <div class="vip-list-icon">
                                <i class="icon-crown"></i>
                            </div>
                            <div class="vip-list-text">
                                <div class="vip-list-text-l1">VIP ONLY</div>
                                <div class="vip-list-text-l2">Exclusive Discounts</div>
                            </div>
                        </div>
                        <div class="vip-list-item">
                            <div class="vip-list-icon">
                                <i class="icon-video "></i>
                            </div>
                            <div class="vip-list-text">
                                <div class="vip-list-text-l1 ">200 Free</div>
                                <div class="vip-list-text-l2">Video per day</div>
                            </div>
                        </div>
                        <div class="vip-list-item">
                            <div class="vip-list-icon">
                                <i class="icon-community "></i>
                            </div>
                            <div class="vip-list-text">
                                <div class="vip-list-text-l1 ">Stand out and be noticed</div>
                                <div class="vip-list-text-l2">in any models room</div>
                            </div>
                        </div>
                        <div class="vip-list-item">
                            <div class="vip-list-icon">
                                <i class="icon-clapboard "></i>
                            </div>
                            <div class="vip-list-text">
                                <div class="vip-list-text-l1 ">33-40% Discount</div>
                                <div class="vip-list-text-l2">on show pass</div>
                            </div>
                        </div>
                        <div class="vip-list-item plus-more">
                            <div class="vip-list-icon">
                                <i class="icon-plus "></i>
                            </div>
                            <div class="vip-list-text">
                                <div class="vip-list-text-l1 ">MORE!</div>
                            </div>
                        </div>
                    </div>
                    <div class="vip-button-containers">
                                                    <a href="javascript:void(0)" id="vipAdNagLearnMore" class="btn btn-vip-modal " aria-label="Learn more about VIP benefits">Learn More</a>
                                                <a href="javascript:void(0)" id="vipAdNagContinueBtn" class="continue-basic">Continue Without Benefits</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<style>
    .show-expiring-modal {
        margin-top: 25px !important;
        transition: margin .3s ease-out;
    }
</style>
<div class="modal-container modal-top animate-from-top">
    <input type="radio" name="modalControl" class="hide modal-control" id="vip_expiring_modal" data-modal-priority="3.5">
    <label class="modal-shadow" for="hide_modal"><span class="visually-hidden">VIP expiring</span></label>
    <div class="modal-wrap vip-modal-expiring">
        <div class="modal">
            <label class="close-modal" for="hide_modal" id="expiringModalClose"><span class="visually-hidden">close modal</span><i class="icon-x"></i></label>
            <div class="vip-modal-inner flex-grid p-0">
                <div class="vip-modal-model d-flex justify-content-end p-0 align-items-center">
                    <img loading="lazy" class="vip-exp-bg-img" src="https://cdn5.vscdns.com/images/vip/amber-rush-vip-expire-modal.png" data-src="https://cdn5.vscdns.com/images/vip/amber-rush-vip-expire-modal.png" alt="" class="modal-girl">
                </div>
                <div class="vip-expire-modal-text">
                    <div class="d-flex justify-content-center flex-column align-items-center vip-expire-modal-text-inner">
                        <div class="vip-expire-modal-headline">
                            <div id="vipHasExpired" class="hide">
                                <strong>Your VIP Membership</strong><br> Has Just <strong style="color: #d93434;">Expired!</strong>
                            </div>
                            <div id="vipAboutToExpire" class="hide">
                                <strong>Your VIP Membership</strong><br> Is About To <strong style="color: #d93434;">Expire!</strong>
                            </div>
                        </div>
                        <div class="vip-expire-modal-sub-headline">
                            Dont Miss Out On These VIP Only Features:
                        </div>
                        <div class="vip-expire-modal-icons flex-grid justify-content-center">
                            <div class="vip-expire-modal-icon">
                                <img src="https://cdn5.vscdns.com/images/vip/landing-page/dm-icon.png" alt="Direct Messaging Icon" loading="lazy">
                                <p>Private Messaging</p>
                            </div>
                            <div class="vip-expire-modal-icon">
                                <img src="https://cdn5.vscdns.com/images/vip/landing-page/free-icon.png" alt="Free Content Icon" loading="lazy">
                                <p>Hours of Free Content</p>
                            </div>
                            <div class="vip-expire-modal-icon">
                                <img src="https://cdn5.vscdns.com/images/vip/landing-page/cam2cam-icon.png" alt="Cam2Cam Icon" loading="lazy">
                                <p>Cam 2 Cam Interactivity</p>
                            </div>
                            <div class="vip-button-containers col-8">
                                <a href="/my-account/secure/vip.php" class="btn primary btn-vip-expire-modal">Renew Today</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


    
         

            <div class="modal-container login-form animate-zoom login-form-new 02-overlays-tpl consolidated-login-f4f desktop-mobile-login-modal">
                                <input type="radio" name="modalControl" class="hide modal-control" id="loginModal" data-modal-priority="3.2">
                                <label class="modal-shadow" for="hide_modal"><span class="visually-hidden">Close</span></label>
                <div class="modal-wrap">
                    <div class="modal">
                        <div class="modal-body login-form-content">
                            <div class="d-flex flex-column justify-content-between align-items-center">
                                <label class="close-modal" for="hide_modal" title="close button" aria-label="close button"><span class="visually-hidden">Close</span><i class="icon-x-plain close-btn"></i></label>
                                <img src="https://cdn5.vscdns.com/images/skins/flirt4free/layout_03_2/f4f-logo.png" alt="Flirt4Free logo" class="flirt4free-logo-login login-logo" />
                                <h3>Member Login</h3>
								<div class="main-registration-section-error-messages" data-id="main-registration-section-error-messages">
									
								</div>
                            </div>

                                                            <form action="/my-account/" method="post" name="loginFormOverlay" class="user-login-form" test_data="2.3">
                            
                                <input type="hidden" name="a" value="login" />
                                <input type="hidden" name="small" value="0" />
                                <input type="hidden" name="acctCheck" value="1" />
                                <input type="hidden" name="send_to_page" value="/index.php" class="this-room-link" />
                                <input type="hidden" name="query_string" value="" />
                                <input type="hidden" name="login[iobb]" class="iobb" />
                                <input type="hidden" class="iobb-checks-count" name="login[iobb_checks]">
                                <input type="hidden" name="login[pur]" value="0">
                                                                    <input type="hidden" name="key" value="01970be979e796b" />
                                                                <div class="form-horizontal">
                                    <div class="flex-grid form-elements mb-0 ">
                                        <div class="col-12 tooltip tip-top">
                                            <label for="login-username-roof"><span class="visually-hidden">Username</span><i class="icon-profile"></i></label>
                                            <input class="effect-7" type="text" autocomplete="username" autocapitalize="off" name="login[username]"  required id="login-username-roof" placeholder="Username" aria-label="login username">
                                            <span class="focus-border"><i></i></span>
                                            <span class="tip">Username</span>
                                        </div>
                                        <div class="col-12 tooltip tip-top">
                                            <label for="login-password-roof"><span class="visually-hidden">Password</span><i class="icon-lock"></i></label>
                                            <input type="password" name="login[password]" required id="login-password-roof" placeholder="Password" aria-label="login password" autocomplete="current-password">
                                            <span class="tip">Password</span>
                                        </div>
                                                                                <p class="case-sensitive-info">*Usernames and passwords are CASE SENSITIVE</p>
                                        <div class="col-12">
                                            <div class="flex-grid">
                                                <div class="col-6 col-12-sm login-btn-container">
                                                    <button type="submit" class="btn primary full-width login-submit-button">Login</button>
                                                </div>
                                            </div>
                                            
                                                                                        <label class="remember-me-container col-12 d-flex justify-content-center align-items-center text-smaller text-white text-center p-0">      
                                                <input type="checkbox" name="login[remember_me]" value="1" class="remember-me-checkbox mr-sm">
                                                Remember me
                                            </label>
                                            
                                                                                                                                        <div class="col-6 col-12-sm forgot-password-link"><a href="/lookup.php" class="forgot-password ml-sm text-smaller">Forgot Password?</a></div>
                                                                                    </div>
                                    </div>
                                </div>
                            </form>

							<div class="main-login-alternate-signup-methods" style="margin-top: 20px;">
								<div class="main-login-alternate-signup-text">
									<div class="main-login-alternate-signup-text-flare-l"></div>
									<span>or login with</span>
									<div class="main-login-alternate-signup-text-flare-r"></div>
								</div>
								<div class="main-login-alternate-signup-options">
									<a href="/oauth/?provider=google&a=generate_consent_url" class="main-login-alternate-signup-google-option">
										<img src="https://cdn5.vscdns.com/images/register/registration-images/v2/google-logo.png" class="main-login-alternate-signup-option-logo">
									</a>
									<a href="/oauth/?provider=twitter&a=generate_consent_url" class="main-login-alternate-signup-x-option">
										<img src="https://cdn5.vscdns.com/images/register/registration-images/v2/x-logo.png" class="main-login-alternate-signup-option-logo">
									</a>
								</div>
							</div>

                        </div>
                        <div class="modal-footer">
                                                                <h4>Not a member?</h4>
                                    <a class="btn success pop-reg-button-trigger" rel="nofollow" href="javascript:popRegistration('f4f_login_overlay_text_link',reg_overlay_template_set);" onclick="document.querySelector('#hide_modal').checked=true;">FREE SIGNUP and get 120 CREDITS</a>
                                                        </div>
                    </div>
                </div>
            </div>

        

    


    
    <script>
        (function() {

            var LF = document.loginFormOverlay;

            var preventLoginSubmit = function(ev) {

                ev.preventDefault();
            };

            LF.addEventListener(
                'submit',
                preventLoginSubmit
            );

            document.addEventListener(
                'DOMContentLoaded',
                function() {

                    LF.removeEventListener(
                        'submit',
                        preventLoginSubmit
                    );

                    var isDev = false;

                    var isIovationScrIncluded = !isDev && document.getElementById('iobb');

                    if (isIovationScrIncluded) return;

                    var iobbChecksCountField = LF.getElementsByClassName('iobb-checks-count')[0];

                    if (isDev) {

                        iobbChecksCountField.value = 'DEV login';

                    } else {

                        iobbChecksCountField.value = 'iovation not included';
                    }

                }
            )


        })();
    </script>





	
	
			<link rel="stylesheet" media="screen" type="text/css" href="https://cdn5.vscdns.com/assets/min/css/flirt4free/main-registration-modal-05-26-26-01.css">
		
		<input type="radio" name="modalControl" class="hide" id="registrationOverlayModal" data-modal-priority="3.2">
	<div id="registerOverlay" class="main-registration-modal overlayBox form">
		
		<div class="main-registration-wrapper registration-container">
			
			<label class="main-registration-close close close-reg-modal" for="hide_modal">
				<i class="icon-x-plain"></i>
				<span>Not Now</span>
			</label>

			<div class="main-registration-top">
				<img src="https://cdn5.vscdns.com/images/skins/flirt4free/layout_03_2/f4f-logo.png" class="main-registration-top-logo">
			</div>

			<div class="main-registration-form">

				<div class="main-registration-section-content-v1 main-registration-section-content-desktop" style="background-image: url('https://cdn5.vscdns.com/images/register/registration-images/v2/main-registration-image-790x1140-control-girls.png')">
										<div class="main-registration-section-content-benefits">
						<div class="main-registration-section-content-single-benefit">
							<div class="main-registration-section-content-single-benefit-icon"><i class="icon-chat"></i></div>
							<div class="main-registration-section-content-single-benefit-text"><span>Unlimited Free Chat</span> Engage with models without time limits.</div>
						</div>
						<div class="main-registration-section-content-single-benefit">
							<div class="main-registration-section-content-single-benefit-icon"><i class="icon-heart-outline"></i></div>
							<div class="main-registration-section-content-single-benefit-text"><span>Favorite Models</span> Keep track of your favorite performers.</div>
						</div>
						<div class="main-registration-section-content-single-benefit">
							<div class="main-registration-section-content-single-benefit-icon"><i class="icon-female"></i></div>
							<div class="main-registration-section-content-single-benefit-text"><span>Premium Models</span> Chat with the world's hottest models.</div>
						</div>
						<div class="main-registration-section-content-single-benefit">
							<div class="main-registration-section-content-single-benefit-icon"><i class="icon-happyface"></i></div>
							<div class="main-registration-section-content-single-benefit-text"><span>Emoticons in Chat</span> Add fun to your conversations.</div>
						</div>
						<div class="main-registration-section-content-single-benefit">
							<div class="main-registration-section-content-single-benefit-icon"><i class="icon-community"></i></div>
							<div class="main-registration-section-content-single-benefit-text"><span>Exclusive Forums</span> Join and connect with the community.</div>
						</div>
					</div>
					<div class="main-registration-section-content-benefits-background"></div>
				</div>

				
				<div class="main-registration-section-content-v3 main-registration-section-content-mobile main-registration-mobile-chatroom-h">

					<div class="main-registration-model-single-message-mobile-model-image-container">
						<div class="main-registration-model-single-message-image mini-image"></div>
					</div>

					<div class="main-registration-model-single-message-mobile-model-name-container">
						<div class="main-registration-section-content-model-online-indicator"></div><span class="model-screen-name"></span>
					</div>

					<div class="main-registration-model-message-container main-registration-model-message-container-mobile">
								
						<div class="main-registration-model-single-message-container main-registration-model-single-message-all-done">
							<div class="main-registration-model-single-message-text-container">
								<div class="main-registration-model-single-message-text-loader-all-done">
									<span></span>
									<span></span>
									<span></span>
								</div>
								<div class="main-registration-model-single-message-text-all-done">Looks good! Submit that and get back in here... I'm already missing you &#128536;</div>
							</div>
						</div>

						<div class="main-registration-model-single-message-container main-registration-model-single-message-password">
							<div class="main-registration-model-single-message-text main-registration-message-text-success">
								<div class="main-registration-message-text-success-password">Solid password! I wasn't peeking, I promise &#129763; &#x263A;&#xFE0F;</div>
								<div class="main-registration-model-single-message-text-loader-password-success">
									<span></span>
									<span></span>
									<span></span>
								</div>
							</div>
						</div>

						<div class="main-registration-model-single-message-container main-registration-model-single-message-email">
							<div class="main-registration-model-single-message-text main-registration-message-text-success">
								<div class="main-registration-message-text-success-email">Email's all set! Now you won't miss any of my messages &#128536;</div>
								<div class="main-registration-model-single-message-text-loader-email-success">
									<span></span>
									<span></span>
									<span></span>
								</div>
							</div>
						</div>

						<div class="main-registration-model-single-message-container main-registration-model-single-message-username">
							<div class="main-registration-model-single-message-text main-registration-message-text-success">
								<div class="main-registration-message-text-success-username">Love that username! Now I know who to flirt with when I see you in my room &#128521;</div>
								<div class="main-registration-model-single-message-text-loader-username-success">
									<span></span>
									<span></span>
									<span></span>
								</div>
							</div>
						</div>

						<div class="main-registration-model-single-message-container main-registration-model-single-message-1">
							<div class="main-registration-model-single-message-text-container">
								<div class="main-registration-model-single-message-text-loader-01">
									<span></span>
									<span></span>
									<span></span>
								</div>
								<div class="main-registration-model-single-message-text-01">Hey babe! Create an account and let's keep the fun going &#128139;</div>
							</div>
						</div>

					</div>

				</div>

				<div class="main-registration-section-content-v3 main-registration-section-content-desktop">
					<div class="main-registration-section-content-model-container">
						<div class="main-registration-section-content-model-image mini-image"></div>
						<div class="main-registration-section-content-model-info-container">
							<div class="main-registration-section-content-model-name"><div class="main-registration-section-content-model-online-indicator"></div><span class="model-screen-name"></span></div>
							<div class="main-registration-section-content-model-tagline tag-line"></div>
						</div>
					</div>
					<div class="main-registration-model-message-container">
						<div class="main-registration-model-single-message-container main-registration-model-single-message-all-done">
							<div class="main-registration-model-single-message-image mini-image"></div>
							<div class="main-registration-model-single-message-text-container">
								<div class="main-registration-model-single-message-text-loader-all-done">
									<span></span>
									<span></span>
									<span></span>
								</div>
								<div class="main-registration-model-single-message-text-all-done">Everything looks good! Submit that and get back in here — I'm already missing you &#128536;</div>
							</div>
						</div>
						<div class="main-registration-model-single-message-container main-registration-model-single-message-password">
							<div class="main-registration-model-single-message-image mini-image"></div>
							<div class="main-registration-model-single-message-text main-registration-message-text-error">
								<div class="main-registration-message-text-error-password">&#128557; That password didn't work! Try again, and make sure it's extra secure—just like our special chats. &#128274;</div>
								<div class="main-registration-model-single-message-text-loader-password-error">
									<span></span>
									<span></span>
									<span></span>
								</div>
							</div>
							<div class="main-registration-model-single-message-text main-registration-message-text-success">
								<div class="main-registration-message-text-success-password">Solid password! I wasn't peeking, I promise &#129763; &#x263A;&#xFE0F;</div>
								<div class="main-registration-model-single-message-text-loader-password-success">
									<span></span>
									<span></span>
									<span></span>
								</div>
							</div>
						</div>
						<div class="main-registration-model-single-message-container main-registration-model-single-message-email">
							<div class="main-registration-model-single-message-image mini-image"></div>
							<div class="main-registration-model-single-message-text main-registration-message-text-error">
								<div class="main-registration-message-text-error-email">Oh no! That email didn't work. Make sure to use a real one if you want to stay in touch! &#128233; &#129392;</div>
								<div class="main-registration-model-single-message-text-loader-email-error">
									<span></span>
									<span></span>
									<span></span>
								</div>
							</div>
							<div class="main-registration-model-single-message-text main-registration-message-text-success">
								<div class="main-registration-message-text-success-email">Email's all set! Now you won't miss any of my messages &#128536;</div>
								<div class="main-registration-model-single-message-text-loader-email-success">
									<span></span>
									<span></span>
									<span></span>
								</div>
							</div>
						</div>
						<div class="main-registration-model-single-message-container main-registration-model-single-message-username">
							<div class="main-registration-model-single-message-image mini-image"></div>
							<div class="main-registration-model-single-message-text main-registration-message-text-error">
								<div class="main-registration-message-text-error-username">Oops! That username didn't work. If you want to cheat, use the magic wand 
									<div class="main-registration-error-magic-wand">
										<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
											<path d="M234.7 42.7L197 56.8c-3 1.1-5 4-5 7.2s2 6.1 5 7.2l37.7 14.1L248.8 123c1.1 3 4 5 7.2 5s6.1-2 7.2-5l14.1-37.7L315 71.2c3-1.1 5-4 5-7.2s-2-6.1-5-7.2L277.3 42.7 263.2 5c-1.1-3-4-5-7.2-5s-6.1 2-7.2 5L234.7 42.7zM46.1 395.4c-18.7 18.7-18.7 49.1 0 67.9l34.6 34.6c18.7 18.7 49.1 18.7 67.9 0L529.9 116.5c18.7-18.7 18.7-49.1 0-67.9L495.3 14.1c-18.7-18.7-49.1-18.7-67.9 0L46.1 395.4zM484.6 82.6l-105 105-23.3-23.3 105-105 23.3 23.3zM7.5 117.2C3 118.9 0 123.2 0 128s3 9.1 7.5 10.8L64 160l21.2 56.5c1.7 4.5 6 7.5 10.8 7.5s9.1-3 10.8-7.5L128 160l56.5-21.2c4.5-1.7 7.5-6 7.5-10.8s-3-9.1-7.5-10.8L128 96 106.8 39.5C105.1 35 100.8 32 96 32s-9.1 3-10.8 7.5L64 96 7.5 117.2zm352 256c-4.5 1.7-7.5 6-7.5 10.8s3 9.1 7.5 10.8L416 416l21.2 56.5c1.7 4.5 6 7.5 10.8 7.5s9.1-3 10.8-7.5L480 416l56.5-21.2c4.5-1.7 7.5-6 7.5-10.8s-3-9.1-7.5-10.8L480 352l-21.2-56.5c-1.7-4.5-6-7.5-10.8-7.5s-9.1 3-10.8 7.5L416 352l-56.5 21.2z"></path>
										</svg>
									</div> and it will create one for you!
								</div>
								<div class="main-registration-model-single-message-text-loader-username-error">
									<span></span>
									<span></span>
									<span></span>
								</div>
							</div>
							<div class="main-registration-model-single-message-text main-registration-message-text-success">
								<div class="main-registration-message-text-success-username">Love that username! Now I know who to flirt with when I see you in my room &#128521;</div>
								<div class="main-registration-model-single-message-text-loader-username-success">
									<span></span>
									<span></span>
									<span></span>
								</div>
							</div>
						</div>
						<div class="main-registration-model-single-message-container main-registration-model-single-message-3">
							<div class="main-registration-model-single-message-image mini-image"></div>
							<div class="main-registration-model-single-message-text-container">
								<div class="main-registration-model-single-message-text-loader-03">
									<span></span>
									<span></span>
									<span></span>
								</div>
								<div class="main-registration-model-single-message-text-03">I'll be waiting here for you! &#128536; &#128293;</div>
							</div>
						</div>
						<div class="main-registration-model-single-message-container main-registration-model-single-message-2">
							<div class="main-registration-model-single-message-image mini-image"></div>
							<div class="main-registration-model-single-message-text-container">
								<div class="main-registration-model-single-message-text-loader-02">
									<span></span>
									<span></span>
									<span></span>
								</div>
								<div class="main-registration-model-single-message-text-02">You'll be able to add me to your favorites, get notifications when I come online, and chat in private &#128149;</div>
							</div>
						</div>
						<div class="main-registration-model-single-message-container main-registration-model-single-message-1">
							<div class="main-registration-model-single-message-image mini-image"></div>
							<div class="main-registration-model-single-message-text-container">
								<div class="main-registration-model-single-message-text-loader-01">
									<span></span>
									<span></span>
									<span></span>
								</div>
								<div class="main-registration-model-single-message-text-01">Hey babe! Create an account and let's keep the fun going &#128139;</div>
							</div>
						</div>
					</div>
				</div>

				<div class="main-registration-form-divider"></div>

								<form class="cmxform" id="registration_form" name="registration_form" action="/register/" method="post">
									<input type="hidden" name="a" value="process" />
					<input type="hidden" name="SIGNUP[model_id]" value="" />
					<input type="hidden" name="SIGNUP[form_ref]" value="" id="registerOverlay_formRef" />
					<input type="hidden" name="SIGNUP[form_source]" value="overlay" />
					<input type="hidden" name="SIGNUP[iobb]" class="iobb" />
					<input type="hidden" name="CSRF" value="b3b1079e2de859faf27e8837274b5964" />
					<input type="hidden" name="SIGNUP[utm_term]" value="">
					<input type="hidden" name="SIGNUP[utm_source]" value="">
					<input type="hidden" name="SIGNUP[utm_medium]" value="">
					<input type="hidden" name="SIGNUP[utm_content]" value="">
					<input type="hidden" name="SIGNUP[utm_campaign]" value="">

											<input type="hidden" name="SIGNUP[udf03]" value="layout_04" />
											<input type="hidden" name="SIGNUP[udf04]" value="reg_overlay" />
										<div class="main-registration-section-form">
						<div class="main-registration-section-form-title">Create Account</div>
						
						<div class="main-registration-section-error-messages" data-id="main-registration-section-error-messages">
							
						</div>

						<div class="main-registration-section-form-inputs">

							<div class="main-registration-input-nickname-container registration-nickname-container">
								<div class="main-registration-field-icon">
									<i class="icon-profile"></i>
								</div>
								<div class="main-registration-input-state main-registration-input-nickname-success">
									<div class="main-registration-checkmark"></div>
								</div>
								<input class="registration-field-nickname main-registration-input-nickname-field main-registration-input-field" id="nick_name" autocomplete="username" autocorrect="off" autocapitalize="none" type="text" name="SIGNUP[username]" value="" data-validate='required username' maxlength="32" minlength='6' placeholder="Chat Nickname" required />
																<div class="suggested-names-container hide" style="display: none !important;">
									<a class="close-suggested-names-container" role="button">X</a>
									<h5><strong>Suggested Usernames:</strong></h5>
																		<span class="suggested-username" data-suggested=""></span>
								</div>
																<div class="main-registration-field-icon main-registration-field-icon-wand tooltip tip-top">
									<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
										<path d="M234.7 42.7L197 56.8c-3 1.1-5 4-5 7.2s2 6.1 5 7.2l37.7 14.1L248.8 123c1.1 3 4 5 7.2 5s6.1-2 7.2-5l14.1-37.7L315 71.2c3-1.1 5-4 5-7.2s-2-6.1-5-7.2L277.3 42.7 263.2 5c-1.1-3-4-5-7.2-5s-6.1 2-7.2 5L234.7 42.7zM46.1 395.4c-18.7 18.7-18.7 49.1 0 67.9l34.6 34.6c18.7 18.7 49.1 18.7 67.9 0L529.9 116.5c18.7-18.7 18.7-49.1 0-67.9L495.3 14.1c-18.7-18.7-49.1-18.7-67.9 0L46.1 395.4zM484.6 82.6l-105 105-23.3-23.3 105-105 23.3 23.3zM7.5 117.2C3 118.9 0 123.2 0 128s3 9.1 7.5 10.8L64 160l21.2 56.5c1.7 4.5 6 7.5 10.8 7.5s9.1-3 10.8-7.5L128 160l56.5-21.2c4.5-1.7 7.5-6 7.5-10.8s-3-9.1-7.5-10.8L128 96 106.8 39.5C105.1 35 100.8 32 96 32s-9.1 3-10.8 7.5L64 96 7.5 117.2zm352 256c-4.5 1.7-7.5 6-7.5 10.8s3 9.1 7.5 10.8L416 416l21.2 56.5c1.7 4.5 6 7.5 10.8 7.5s9.1-3 10.8-7.5L480 416l56.5-21.2c4.5-1.7 7.5-6 7.5-10.8s-3-9.1-7.5-10.8L480 352l-21.2-56.5c-1.7-4.5-6-7.5-10.8-7.5s-9.1 3-10.8 7.5L416 352l-56.5 21.2z"/>
									</svg>
									<div class="tip">Generate random username</div>
								</div>
							</div>

							<div class="main-registration-input-email-container registration-email-container">
								<div class="main-registration-field-icon">
									<i class="icon-notification"></i>
								</div>
								<div class="main-registration-input-state main-registration-input-email-success">
									<div class="main-registration-checkmark"></div>
								</div>
								<input class="registration-field-email main-registration-input-email-field main-registration-input-field" id="cemail" autocomplete="email" autocorrect="off" autocapitalize="none" type="text" name="SIGNUP[email]" value="" data-validate="required email" placeholder="Email Address" required />
															</div>

							<div class="main-registration-input-password-container registration-password-container">
								<div class="main-registration-field-icon">
									<i class="icon-lock"></i>
								</div>
								<div class="main-registration-input-state main-registration-input-password-success">
									<div class="main-registration-checkmark"></div>
								</div>
								<input class="registration-field-password main-registration-field-password main-registration-input-field" id="new_password" autocomplete="new-password" autocorrect="off" autocapitalize="none" type="text" name="SIGNUP[password]" value="" data-validate="required password" maxlength="32" placeholder="Password" required />
								<div class="main-registration-section-password-strength-notices" data-id="main-registration-section-password-strength-notices">
									
								</div>
								<span class="main-registration-password-checkbox show-password-checkbox">
									<span href="javascript:;" class="tooltip tip-left">
										<i class="icon-eye text-24 showpass-eye password-visibility-icon"></i>
										<span class="tip hide-show-password-text"></span>
									</span>
								</span>
							</div>

						</div>

						<div class="main-registration-section-right-create-button-container">
							<button id="registration_form_submit" class="main-registration-create-account-button">
                                                                    <div class="main-registration-create-account-button-text">Create Free Account</div>
                                								<div class="main-registration-create-account-button-loading-container">
									<div class="main-registration-create-account-button-loading-spinner">
										<span></span>
										<span></span>
										<span></span>
										<span></span>
									</div>
								</div>
							</button>
						</div>

						<div class="main-registration-alternate-signup-methods">
							<div class="main-registration-alternate-signup-text">
								<div class="main-registration-alternate-signup-text-flare-l"></div>
								<span>or continue with</span>
								<div class="main-registration-alternate-signup-text-flare-r"></div>
							</div>
							<div class="main-registration-alternate-signup-options">
								<a href="#" class="main-registration-alternate-signup-google-option">
									<img src="https://cdn5.vscdns.com/images/register/registration-images/v2/google-logo.png" class="main-registration-alternate-signup-option-logo">
								</a>
								<a href="#" class="main-registration-alternate-signup-x-option">
									<img src="https://cdn5.vscdns.com/images/register/registration-images/v2/x-logo.png" class="main-registration-alternate-signup-option-logo">
								</a>
							</div>
						</div>

						<div class="main-registration-terms-text">
							<input checked class="registration-terms-privacy-check hide" type="checkbox" id="term_and_cond" name="SIGNUP[term_and_cond]" value="true" data-validate="required">
							By signing up I confirm that I am 18-years old or older, that I have reviewed and agree with the <a href="/terms.php" target="_blank" rel="noopener noreferrer">Terms of Use</a> and <a href="/privacy.php" target="_blank" rel="noopener noreferrer">Privacy Policy</a>, and agree to receive emails.
						</div>

						<div id="registration_pixel"></div>
						<input class="bv-code-input" type="hidden" name="SIGNUP[bv_code]" value="" />

						
						
					</div>
				</form>

				<div class="main-registration-already-have-account">
					<div class="main-registration-already-have-account-text">Already have an account?</div>
					<a href="#" class="vs-checkbox-toggler login-link main-registration-already-have-account-link " onclick="popClose('#registerOverlay')" data-checkbox-selector="#loginModal">LOGIN</a>
				</div>
				
								
				<div class="main-registration-form-pattern"></div>

			</div>

			<div class="main-registration-bottom">
				<div class="main-registration-bottom-account-text">Already have an account?</div>
				<a href="#" class="vs-checkbox-toggler login-link main-registration-bottom-login-button" onclick="popClose('#registerOverlay')" data-checkbox-selector="#loginModal">Login</a>

				<div class="main-registration-section-content-v3 main-registration-section-content-mobile main-registration-section-content-mobile-homepage-slider main-registration-mobile-homepage-h">
					<div class="main-registration-section-content-benefits">
						<div class="main-registration-section-content-single-benefit">
							<div class="main-registration-section-content-single-benefit-icon"><i class="icon-chat"></i></div>
							<div class="main-registration-section-content-single-benefit-text"><span>Unlimited Free Chat</span> Engage with models without time limits.</div>
						</div>
						<div class="main-registration-section-content-single-benefit">
							<div class="main-registration-section-content-single-benefit-icon"><i class="icon-heart-outline"></i></div>
							<div class="main-registration-section-content-single-benefit-text"><span>Favorite Models</span> Keep track of your favorite performers.</div>
						</div>
						<div class="main-registration-section-content-single-benefit">
							<div class="main-registration-section-content-single-benefit-icon"><i class="icon-female"></i></div>
							<div class="main-registration-section-content-single-benefit-text"><span>Premium Models</span> Chat with the world's hottest models.</div>
						</div>
						<div class="main-registration-section-content-single-benefit">
							<div class="main-registration-section-content-single-benefit-icon"><i class="icon-happyface"></i></div>
							<div class="main-registration-section-content-single-benefit-text"><span>Emoticons in Chat</span> Add fun to your conversations.</div>
						</div>
						<div class="main-registration-section-content-single-benefit">
							<div class="main-registration-section-content-single-benefit-icon"><i class="icon-community"></i></div>
							<div class="main-registration-section-content-single-benefit-text"><span>Exclusive Forums</span> Join and connect with the community.</div>
						</div>
					</div>
				</div>

				<div class="main-registration-form-pattern"></div>

			</div>
		
			<label class="main-registration-close close close-reg-modal mobile-only" for="hide_modal">
				<span>Not Now</span>
			</label>

		</div>

	</div>
	
	

<div id="_sitekey" style="display: none;">flirt4free</div>


    <script
        type="text/javascript"
        src="https://cdn5.vscdns.com/assets/js/misc/min_registration_validation/registration_validation_2026_03_26_mn7vumkn.min.js"
    >
    </script>
 


<script>

	document.addEventListener('DOMContentLoaded', function(){

		{
			//	Define the custom validation errors
			let errors		= {

				passwordMsg: {

					invalid_characters		: '<span><span>The password must be at least 8 characters and contain at least 1 digit.</span></span>',
					short_pass				: '<span><span>The password must be at least 8 characters and contain at least 1 digit.</span></span>',
					weak_pass				: '<span><span>The password must be at least 8 characters and contain at least 1 digit.</span></span>',
					medium_pass				: '<span><span>The password must be at least 8 characters and contain at least 1 digit.</span></span>',


					invalid: '<span><span>The password must be at least 8 characters and contain at least 1 digit.</span></span>',
					hasEightCharacters: '<span><span>The password must be at least <strike class="strike-pswd-requirement">8 characters</strike> and contain at least 1 digit.</span></span>',
					hasNumber: '<span><span>The password must be at least 8 characters and contain at least <strike class="strike-pswd-requirement">1 digit</strike>.</span></span>',
					strong_pass: '<span>Strong Password!</span>'
				},

				emailStrengthMsg: "<span>Address is not valid</span>",

				usernameMsg: "<span>Usernames can only contain UPPER or lower case letters, numbers or the following symbols: _ - .</span>"
			};

        
            var validation = new Validator('registration_form', errors);
            validation.init();
        

        
            var panelRegValidation = new Validator('panel_registration_form', errors);
            panelRegValidation.init();
            
        }

		
		    
        {    
            let hideOrDisplayPassword = function hideOrDisplayPassword() {
                
                var passwordFields = DOM.getElementsByClassName('registration-field-password');
                var singlePasswordField = DOM.getElementById('new_password');
                var hideShowPasswordTextEls = DOM.getElementsByClassName('hide-show-password-text');
                var passwordVisibilityIcons = DOM.getElementsByClassName('password-visibility-icon');

                if(singlePasswordField && singlePasswordField && !singlePasswordField.classList.contains('registration-field-password')) {
                    passwordFields = [...passwordFields, singlePasswordField];
                }

                passwordFields.forEach(function(passwordField){
                    
                    if(!passwordField) return;
                    
                    if (passwordField.type === "password") {

                        passwordField.type = "text";
                        
                        hideShowPasswordTextEls.forEach(function(el){
                            el.innerHTML = 'Hide Password';
                        });
                        
                        passwordVisibilityIcons.forEach(function(el){
                            el.classList.add('showpass-eye');
                        });


                    } else {

                        passwordField.type = "password";

                        
                        hideShowPasswordTextEls.forEach(function(el){
                            el.innerHTML = 'Show Password';
                        });
                        
                        passwordVisibilityIcons.forEach(function(el){
                            el.classList.remove('showpass-eye');
                        });
                    }
                });
            }

            var showPasswordCheckboxes = DOM.getElementsByClassName('show-password-checkbox');
            showPasswordCheckboxes.forEach(function(el){
                DOM.addEventListener(el, 'click', hideOrDisplayPassword);
            });

            hideOrDisplayPassword();		
        }
        

        // If user is on /register or a booted page
        if(
            document.location.pathname === '/register/' ||
            document.location.pathname.indexOf('booted') !== -1
        ) {

            window.windowWidth		= window.innerWidth || document.documentElement.clientWidth;
            window.windowHeight		= window.innerHeight || document.documentElement.clientHeight;

            var regName = DOM.getElementById('regName');
            var newPasswordEl = DOM.getElementById('new_password');
            var regEmailEl = DOM.getElementById('regEmail') || DOM.getElementById('cemail');

            if(windowWidth <= 920){

                (regName) ? regName.setAttribute('placeholder', 'Chat Nickname') : null;
                (newPasswordEl) ? newPasswordEl.setAttribute('placeholder', 'Choose Password') : null;
                (regEmailEl) ? regEmailEl.setAttribute('placeholder', 'Email Address') : null;

            } else {

                (regName) ? regName.setAttribute('placeholder', '') : null;
                (newPasswordEl) ? newPasswordEl.setAttribute('placeholder', '') : null;
                (regEmailEl) ? regEmailEl.setAttribute('placeholder', '') : null;
            }

        }

    });

</script>





<div class="modal-container error-report-modal-container">
    <input type="radio" name="modalControl" class="hide modal-control" id="customerErrorReportModal" data-modal-priority="1.1">
    <label class="modal-shadow" for="hide_modal"></label>
    <div class="modal-wrap">
        <div class="modal scrollbar-ghost">
            <label for="hide_modal" class="close-btn">
                <icon class="icon-x-plain"></icon>
            </label>
            <div class="error-report-modal-initial">
                <div class="error-modal-top text-center">
                    <i class="icon-alert"></i>
                    <h3>Need help? Report an Issue</h3>
                    <p>Are you having trouble with your account, billing, or something broken on our website? Tell us what's going on, and we'll work to get it fixed quickly.</p>
                    <a href="/support.php" class="btn">
                            <svg id="credit_card_24x24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 23 15.67">
                            <defs>
                                <clipPath id="credit_card_clippath">
                                    <rect width="23" height="15.67" fill="none"/>
                                </clipPath>
                            </defs>
                            <g class="credit-card-icon-group">
                                <g>
                                    <path class="cc-icon-path" d="M.5,2.23c0-.95.77-1.73,1.72-1.73,0,0,0,0,0,0h18.55c.95,0,1.73.77,1.73,1.72h0v11.22c0,.95-.77,1.73-1.73,1.73H2.22c-.95,0-1.72-.77-1.72-1.73h0V2.23Z"/>
                                    <rect class="cc-icon-path" x=".5" y="3.95" width="22" height="3.02"/>
                                    <line class="cc-icon-path" x1="15.6" y1="12.58" x2="19.91" y2="12.58"/>
                                </g>
                            </g>
                        </svg>
                        <span class="ml-xs">Account or Billing Issues <i class="icon-right"></i></span>
                    </a>
                </div>
                <div class="error-modal-bottom">
                    <div class="flex-center text-center">
                        <i class="icon-gear flex-center"></i>
                        <h3>Technical & Other Issues:</h3>
                    </div>
                    <div class="drag-drop-error-image flex-center flex-column" data-id="drag-drop-error-image">
                        <h4 class="m-0"><span class="desktop-text-error-modal">Drag and drop an image, or </span><span class="upload-error-screenshot text-btn" data-id="upload-error-screenshot"><label for="errorFileUploadInput">Browse</label> <span class="mobile-text-error-modal">images</span></span></h4>
                        <p class="mt-xs">png, jpg, pdf, max 8MB each.</p>
                        <div class="line col-12"></div>
                        <div class="col-12">
                            <label class="upload-error-screenshot btn">
                                <span class="errorfile-upload-button" data-id="upload-error-screenshot">Upload Screenshot</span>
                                <input type="file" class="error-file-upload-input" id="errorFileUploadInput" name="error_file_upload" accept="video/*, image/*" multiple>
                            </label>
                        </div>
                        <div class="trash-error-file-btn hide">
                            <div class="flex-center">
                                <div class="error-file-name">Screenshot 2025-04-03 113931</div>
                                <div class="error-file-type">.jpg</div>
                            </div>
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.32 14.99">
                                <path class="trash_path" d="M4.56,4.87c-.28,0-.5.22-.5.5v7.17c0,.28.22.5.5.5s.5-.22.5-.5v-7.17c0-.28-.22-.5-.5-.5Z"/>
                                <path class="trash_path" d="M7.75,4.87c-.28,0-.5.22-.5.5v7.17c0,.28.22.5.5.5s.5-.22.5-.5v-7.17c0-.28-.22-.5-.5-.5Z"/>
                                <path class="trash_path" d="M12.49,2.96c-.03-.7-.58-1.25-1.3-1.28h-3.21s0-.68,0-.68c0-.66-.53-1.16-1.2-1.17h-1.25c-.32,0-.62.11-.85.33-.23.22-.36.52-.36.84v.68H1.06c-.69.07-1.22.65-1.23,1.35v2.07c0,.28.22.5.5.5h.55v8.29c.03.7.58,1.25,1.3,1.28h7.99c.7-.03,1.25-.58,1.28-1.3V5.61s.55,0,.55,0c.28,0,.5-.22.5-.5v-2.15ZM5.32,1.01c0-.09.11-.2.2-.19h1.27c.13.02.19.08.19.18v.68h-1.66s0-.67,0-.67ZM11.49,4.61h-.56c-.28,0-.5.22-.5.5v5.04h0s0,3.7,0,3.7c0,.18-.15.31-.3.32H2.2c-.18,0-.31-.15-.32-.3V5.1c0-.28-.22-.5-.5-.5h-.55v-1.56c0-.19.15-.34.28-.36h6.34s.02,0,.03,0,.02,0,.03,0h3.67c.18,0,.31.15.32.3v1.62Z"/>
                            </svg>
                        </div>
                        
                    </div>
                    <div class="error-image-file-upload-message"></div>
                    <div class="error-description col-12">
                        <div class="relative mb-lg">
                            <textarea name="error_description" class="col-12" placeholder="Issue Description*" rows="5" maxlength="1498"></textarea>
                            <div class="absolute modal-error-report-max-characters-counter">Character Limit <span>0</span>/1498</div>
                        </div>
                    </div>
                    <div class="g-recaptcha" data-sitekey="6LdipE0UAAAAADRXXLIFByYvgZKqiy1epXWmzaAw" data-theme="dark" ></div>
                    <div class="submit-area display-flex col-12 relative">
                        <i class="icon-notification absolute"></i>
                        <input type="text" placeholder="Email Address*">
                        <button class="btn">Submit</button>
                    </div>
                </div>
            </div>
            <div class="loading-overlay">
                <p>Submitting please wait...</p>
                <i class="loading-v2"></i>
            </div>
            <div class="error-report-modal-response">
                <i class="icon-success"></i>
                <h3 class="error-report-modal-response-message">Success</h3>
                <p>Thank you for submitting your report. We appreciate your feedback and we will investigate this issue further.</p>
                <div class="d-flex">
                    <label for="hide_modal" class="btn-close-error-report-modal btn">Close</label>
                    <button class="btn report-another-error">Submit Another Report</button>
                </div>
            </div>
        </div>
    </div>
</div>		
<img src="/pixel/?random_number=49265413&mp_code=0000&identifier=flirt4free&page=&type=live&service=girls" width="1" height="1" border="0" alt="" />
	
<script>

	</script>

<script type="text/javascript">
	if (typeof window.__homePageConfig__ == 'undefined') {
		window.__homePageConfig__ = {};
	}

	window.retargetingObj = {};
	try {
		
		window.retargetingObj = JSON.stringify({"Add Payment Method":{"Exoclick":{"retargeting":" ba2ea71ae462c2fe12dfd255d997cd5a","advertiser_id":"","config":{"cookie":"add_cc"}},"Traffic Junky":{"retargeting":"{\"name\":\"RT - F4F - ADD PAYMENT METHOD\",\"type\":\"Interaction\",\"value\":\"1.000\"}","advertiser_id":"14456","config":{"cookie":"add_cc"}}},"Cart Abandoned":{"Exoclick":{"retargeting":"940659fd9ad28502a822656cc555c821","advertiser_id":"","config":[""]},"Traffic Junky":{"retargeting":"{\"name\":\"RT - F4F - CART ABANDON\",\"type\":\"Interaction\",\"value\":\"1.000\"}","advertiser_id":"14456","config":[""]},"Exoclick XV":{"retargeting":"faaef3fd7d5c5cbe35637b105bc0bcb3","advertiser_id":"","config":[""]}},"Login":{"Exoclick":{"retargeting":"afc5d6fd1e2927e17b358a9c7932d623","advertiser_id":"","config":{"cookie":"just_logged_in"}},"Traffic Junky":{"retargeting":"{\"name\":\"RT - F4F - LOGIN\",\"type\":\"Interaction\",\"value\":\"1.000\"}","advertiser_id":"14456","config":{"cookie":"just_logged_in"}},"Exoclick XV":{"retargeting":"de822251bd10a8ec04cd3b84868ab6b1","advertiser_id":"","config":{"cookie":"just_logged_in"}}},"Registration":{"Exoclick":{"retargeting":"481ed650e8902f0151be2983ddea2133","advertiser_id":"","config":{"cookie":"has_registered"}},"Traffic Junky":{"retargeting":"{\"name\":\"RT - F4F - REGISTRATION\",\"type\":\"Interaction\",\"value\":\"1.000\"}","advertiser_id":"14456","config":{"cookie":"has_registered"}},"Exoclick XV":{"retargeting":"fc38da7c7588a0db46c26545f4467869","advertiser_id":"","config":{"cookie":"has_registered"}}},"Registration-Aylo":{"Traffic Junky":{"retargeting":"{\"name\":\"Registration\",\"type\":\"Revenue\",\"value\":\"3.500\"}","advertiser_id":"34566","config":{"cookie":"has_registered_aylo"}}},"Send 3 Messages - Basic":{"Exoclick":{"retargeting":" f88f4fcd334515f1ebb50d9cd42d355c","advertiser_id":"","config":[""]},"Traffic Junky":{"retargeting":"{\"name\":\"RT - F4F - SEND 3 MESSAGES BASIC\",\"type\":\"Interaction\",\"value\":\"1.000\"}","advertiser_id":"14456","config":[""]},"Exoclick XV":{"retargeting":"a1951b913d9ffa7a7ee4ad89987326a9","advertiser_id":"","config":[""]}},"Send 3 Messages - Guest":{"Exoclick":{"retargeting":" 65125bab6b496d6eef11412223edec8c","advertiser_id":"","config":[""]},"Traffic Junky":{"retargeting":"{\"name\":\"RT - F4F - SEND 3 MESSAGES GUEST\",\"type\":\"Interaction\",\"value\":\"1.000\"}","advertiser_id":"14456","config":[""]},"Exoclick XV":{"retargeting":"2943fcb1f4f55e42038db9c8a2a0845a","advertiser_id":"","config":[""]}},"Send 3 Messages - Premium":{"Exoclick":{"retargeting":"413925cf2bdffcd25e7bfc16f443a22b","advertiser_id":"","config":[""]},"Traffic Junky":{"retargeting":"{\"name\":\"RT - F4F - SEND 3 MESSAGES PREMIUM\",\"type\":\"Interaction\",\"value\":\"1.000\"}","advertiser_id":"14456","config":[""]},"Exoclick XV":{"retargeting":"68fcff843719b8b859c1f57ded3d80c4","advertiser_id":"","config":[""]}},"Send 3 Messages - VIP":{"Exoclick":{"retargeting":"fdfc2c7de6b6a8db068ef6e40b62de19","advertiser_id":"","config":[""]},"Traffic Junky":{"retargeting":"{\"name\":\"RT - F4F - SEND 3 MESSAGES VIP\",\"type\":\"Interaction\",\"value\":\"1.000\"}","advertiser_id":"14456","config":[""]},"Exoclick XV":{"retargeting":"8c08fb5461813f2c394a1eeb6efae72b","advertiser_id":"","config":[""]}},"Spend Money":{"Exoclick":{"retargeting":"40218bc902fc3a569eb833573b1f8673","advertiser_id":"","config":{"cookie":"money_spent"}},"Traffic Junky":{"retargeting":"{\"name\":\"RT - F4F - SPEND MONEY\",\"type\":\"Interaction\",\"value\":\"1.000\"}","advertiser_id":"14456","config":{"cookie":"money_spent"}},"Exoclick XV":{"retargeting":"0d15f42843ee53228acd48441ce8687a","advertiser_id":"","config":{"cookie":"money_spent"}}},"Spend Money-Aylo":{"Traffic Junky":{"retargeting":"{\"name\":\"Spend Money\",\"type\":\"Interaction\",\"value\":\"3.000\"}","advertiser_id":"34566","config":[""]}},"Visit":{"Exoclick":{"retargeting":"3b59df19d89c0df1a222a4b7ac33ee44","advertiser_id":"","config":{"cookie":"has_visited"}},"Traffic Junky":{"retargeting":"{\"name\":\"RT - F4F - VISIT\",\"type\":\"Interaction\",\"value\":\"1.000\"}","advertiser_id":"14456","config":{"cookie":"has_visited"}},"Exoclick XV":{"retargeting":"6b850eeef3a8077a790b2407cc5e7f49","advertiser_id":"","config":{"cookie":"has_visited"}}}})

	} catch(err) {
		
	}     
</script>



	



	
		
									
		<script>window.vs_player_version = 'vs-player_2026_04_16_mo1sl2yq';</script>
		<script src="https://cdn5.vscdns.com/assets/js/vs-player/min/vs-player_2026_04_16_mo1sl2yq.min.js"></script>

	

<style>
	.interstitial-package-item-purple .package,
	.interstitial-package-item-purple:not(.cloneable-standard-product) {
		background-image: url('/images/register/interstitial-images/interstitial-background-600.png') !important;
		background-size: cover;
		background-position: center !important;
		animation: billing-modal-120-package 5s infinite ease-in-out;
		font-weight: 700;
	}

	@keyframes billing-modal-120-package {
		0%, 100% {
			background-size: auto 120%;
		}
		50% {
			background-size: auto 130%;
		}
	}
	
	.interstitial-package-item-purple .package-amount {
		color: #824ac7 !important;
		text-shadow: 0px 2px 5px rgba(130, 74, 199, 0.4) !important;
		font-weight: 700 !important;
	}

	.billing-modal .interstitial-package-item-purple .free-credits-banner {
		filter: hue-rotate(224deg) brightness(1.1) contrast(1.55) !important;
	}

	.interstitial-package-item-purple .free-credits-badge-container {
		background: linear-gradient(220deg, #B530FA 20%, #000000 100%) !important;
		top: -1px;
		right: -1px;
	}

	.billing-alpha.products-screen .billing-products .interstitial-package-item-purple .free-credits-badge-container .free-credits,
	.billing-alpha .highlight.interstitial-package-item-purple .free-credits-badge-container .free-credits,
	.interstitial-package-item-purple .free-credits-badge-container .free-credits {
		color: #ffffff !important;
		top: 8px;
		right: -11px;
	}

	.interstitial-package-item-purple .buy-product-btn,
	.cloneable-selected-standard-product.interstitial-package-item-purple .ghost-btn {
		background-color: #6226ad;
		border: 1px solid #6226ad;
	}

	.interstitial-package-item-purple:hover .buy-product-btn,
	.cloneable-selected-standard-product.interstitial-package-item-purple:hover .ghost-btn {
		background-color: #6226ad;
		border: 1px solid #ffffff;
	}

	.cloneable-selected-standard-product.interstitial-package-item-purple .price {
		color: #53179e;
		font-weight: 600;
	}

	.f4f-23 .billing-alpha .billing-products .interstitial-package-item-purple .package .price {
		font-weight: 700;
		text-shadow: 1px 2px 3px rgba(0, 0, 0, .35);
	}
	
	@media screen and (max-width: 1024px) {
		.f4f-23 .billing-alpha .billing-products .interstitial-package-item-purple .package {
			background-image: url('/images/register/interstitial-images/interstitial-background-600.png');
			font-weight: 700;
			background-position: 0px 80px;
		}

		.interstitial-package-item-purple .package,
		.interstitial-package-item-purple:not(.cloneable-standard-product) {
			background-position: 0px 80px !important;
			animation: unset;
		}

		.interstitial-package-item-purple .package-amount {
			color: #ffffff !important;
		}

		.interstitial-package-item-purple .billing-product-banner-front {
			fill: #824bc7;
		}

		.interstitial-package-item-purple .billing-product-banner-sides {
			fill: #6831ad;
		}

		.interstitial-package-item-purple .billing-product-banner-corner {
			fill: #2b0061;
		}
		
		.interstitial-package-item-purple .free-credits-banner .amount-free-credits {
			color: #ffffff;
		}
		
		.interstitial-package-item-purple .free-credits-banner .amount-free-credits ~ div span {
			color: #ffffff;
		}

		.interstitial-package-item-purple .buy-product-btn:hover {
			background-color: #6226ad;
			border: 1px solid #6226ad;
			color: #ffffff !important;
		}
		
		.interstitial-package-item-purple:hover .buy-product-btn {
			background-color: #6226ad;
			border: 1px solid #ffffff;
			color: #ffffff !important;
		}

		.interstitial-package-item-purple.cloneable-selected-standard-product.package {
			background-position: 0px 0px !important;
			background-size: cover !important;
		}

		.billing-alpha .interstitial-package-item-purple.cloneable-selected-standard-product .package-amount {
			color: #824ac7 !important;
		}
	}

	@media screen and (max-width: 600px) {
		.billing-alpha.products-screen .billing-products .interstitial-package-item-purple .free-credits-badge-container .free-credits,
		.billing-alpha .highlight.interstitial-package-item-purple .free-credits-badge-container .free-credits,
		.interstitial-package-item-purple .free-credits-badge-container .free-credits {
			color: #ffffff !important;
			top: -3px;
			right: -5px;
		}

		.billing-alpha .interstitial-package-item-purple.cloneable-selected-standard-product .free-credits-badge-container .free-credits {
			top: 8px;
			right: -11px;
		}
	}

	.add-new-card-form-wrap input[type=email]::placeholder {
		color: #444;
	}
</style>

<div class="modal-container animate-zoom billing-modal" >
	<input aria-label="hide modal control" type="checkbox" name="modalControl" class="hide modal-control" id="billingModal" autocomplete="off" data-modal-priority="3.1">
	<div class="modal-shadow"></div>
		<div id="billingStep" class="modal-wrap  billing-alpha">		<div class="modal">

						<div class="loading-cover">
				<i class="loading-v2 lg"></i>
				<div class="loading-cover-text"></div>
			</div>

			<div class="modal-header">
				<span class="products-screen-title">Choose a Product</span>
				<span class="crypto-coin-screen-title">Choose a Coin</span>
				<span class="choose-method-title">Choose a Payment Method</span>
				<span class="add-new-card-title">Add New Card</span>
				<span class="existing-method-title">Choose a Payment Account</span>
				<span class="verify-title">Confirm Your Purchase</span>
				<span class="by-mail-title">Pay by Mail</span>
				<span class="hosted-page-title"></span>
				<span class="purchase-success-title">Success</span>
				<label class="close-modal" for="billingModal"><i class="icon-x-plain"></i><span class="visually-hidden">billing modal</span></label>
							</div>

			<div class="modal-body scrollbar-ghost">

				<div class="crypto-qr-view">
					<div class="show-product">

					</div>
					<div class="d-flex align-items-center flex-column scanqr">
						<nav class="nav-side">
							<div class="nav-side-item">
								<input type="checkbox" class="hide"  id="nav_item_bio">
								<label for="nav_item_bio">
									<span>Transaction Details</span>
									<i class="arrow-down"></i>
								</label>
								<ul>
									<li>
										<div class="tbl-responsive">
											<table class="tbl trans-details">
												<tr>
													<td class="bold">Amount:</td>
													<td id="bmqrAmount"></td>
												</tr>
												<tr>
													<td class="bold">Exchange Rate:</td>
													<td id="bmqrExchangeRate"></td>
												</tr>
												<tr>
													<td class="bold"><span class="crypto-currency-type">BTC</span> Amount:</td>
													<td id="bmqrBtcAmount"></td>
												</tr>
												<tr>
													<td class="bold">Network Cost:</td>
													<td id="bmqrNetworkCost"></td>
												</tr>
												<tr>
													<td class="bold">Total to Send:</td>
													<td id="bmqrTotalToSend"></td>
												</tr>
											</table>
											<p class="text-smaller text-center">Avoid sending directly from exchange. Send <span class="crypto-currency-type">BTC</span> Amount, not <span id="cryptoCurrencyText">USD</span> Amount!</p>
										</div>
									</li>
								</ul>
							</div>
						</nav>
						<p class="bold">Use your camera to scan the QR code or copy and paste the amount and address below to your wallet</p>
						<div class="spacer-xs"></div>
						<img style="width: 100%; max-width: 275px;" alt="bmQrCode" id="bmQrCodeImg">
						<div class="spacer-xs"></div>
						<p class="bold hide" id="bmZeroConfCont">For instant approval set tx fees to <span id="bmqrInstantApprove"></span></p>
						<div class="spacer-xs"></div>
						<div class="tbl-responsive">
							<table class="tbl">
								<tr>
									<td class="bold"><a href="javascript:;" class="tooltip tip-right">Amount:<span class="tip">This is the tool tip for the Amount</span></a></td>
									<td><span id="bmqrExactAmount"></span> (Be sure to send this exact amount)</td>
									<td class="bold"><a href="javascript:;" class="tooltip tip-left"><i class="icon-collection" id="bmQrCopyAmtLink"></i><span class="tip">Click to Copy the Amount</span></a></td>
								</tr>
								<tr>
									<td class="bold"><a href="javascript:;" class="tooltip tip-right">Address:<span class="tip">This is the tool tip for the Address</span></a></td>
									<td id="bmqrAddress"></td>
									<td class="bold"><a href="javascript:;" class="tooltip tip-left"><i class="icon-collection" id="bmQrCopyAddressLink"></i><span class="tip">Click to Copy the Address</span></a></td>
								</tr>
							</table>
							<div class="spacer-sm"></div>
						</div>
						<a href="javascript:;" class="qrbtn" id="bmQRDeepLink" target="_blank" rel="noopener noreferrer">Open in Wallet</a>
						<div class="spacer-sm"></div>
					</div>
				</div>

				<div class="crypto-coin-view flex-grid billing-products ">
					<div class="show-product">

					</div>
				</div>

				<div class="pending-transaction-view-inner text-center">
					Your payment is processing					<div class="spacer-xs"></div>
					<i class="loading-v2 lg"></i>
					<div class="spacer-sm"></div>
				</div>


								<div class="alert success hide">
					<div class="alert-title clearfix">
						<span>
							<i class="icon-checkmark text-white"></i>
							Success						</span>
					</div>
									</div>

				<div class="alert danger hide">
					<div class="alert-title clearfix">
						<span>
							<i class="icon-alert text-white"></i>
							Error
						</span>
					</div>
									</div>

				<div class="alert info hide">
					<div class="alert-title clearfix">
						<span>
							<i class="icon-i"></i>
						</span>
					</div>
									</div>
				

								<div id="billingProducts" class="flex-grid billing-products"></div>

				<div class="notice px-md py-xs mt-sm text-center align-items-center justify-content-center">
					<i class="icon-left"></i><i class="icon-left"></i>
					<span class="mx-sm bold">Swipe to see more products</span>
					<i class="icon-right"></i><i class="icon-right"></i>
				</div>

				
				<button class="show-all-products-btn">
					<span class="show-all-products-text">Show All Products</span>
					<span class="hide-all-products-text hide">Hide Extra Products</span> 
					<div class="show-all-products-icon">
						<i class="icon-down"></i>
						<i class="icon-up hide"></i>
					</div>
				</button>

                                    <div class="line show-all-products-line"></div>
                				
				<div class="charge-text charge-text-containers py-sm"></div>

				<div class="payment-methods text-center">
					<div class="show-product">

					</div>
					<div class="flex-grow">
						<div class="payment-methods-form-wrap">
							<div class="flex-grid" id="paymentMethodsContainer" style="justify-content: center;">

							</div>
							<div class="form-elements">
								<button id="showAllPaymentsButton" class="show-all-payments-btn btn">Show All Payment Methods</button>
							</div>                            
						</div>
					</div>
				</div>

				<div class="existing-payments">

					<div class="show-product">

					</div>

					<div class="tbl-responsive flex-grow">
						<table class="tbl row-hover striped-even" role="presentation">
							<tr id="addNewPaymentMethodRow">
								<td colspan="6">
									<a href="#"><i class="icon-plus"></i> Add new payment method</a>
								</td>
							</tr>

						</table>
					</div>
				</div>

				<div class="add-new-card">

					<div class="show-product">


					</div>
                                        <form autocomplete>               
                                            <div class="flex-grow">
                            <div class="add-new-card-form-wrap">
                                <div class="flex-grid">
                                    <div class="col-12 text-center pt-0">
                                        <div class="cc-add-card-images">
                                            <div class="cc-card visa"></div>
                                            <div class="cc-card mastercard"></div>
                                            <div class="cc-card jcb"></div>
                                            <div class="cc-card diners-club"></div>
                                            <div class="cc-card discover"></div>
                                        </div>
                                    </div>
                                    <div class="col-6 col-12-sm form-elements">
                                        <input aria-label="first name" type="text" name="firstname" autocomplete="cc-given-name" placeholder="First Name" required>
                                    </div>
                                    <div class="col-6 col-12-sm form-elements">
                                        <input aria-label="last name" type="text" name="lastname" autocomplete="cc-family-name" placeholder="Last Name" required>
                                    </div>
                                    <div class="col-12 form-elements email-required-field">
                                        <input aria-label="email" type="email" name="email" autocomplete="cc-email" placeholder="Email" required>
                                    </div>
                                    <div class="col-6 col-6-sm form-elements">
                                        <div class="select-element">
                                            <select aria-label="select_drop_country" id="select_drop_country" name="country" autocomplete="country-name" required>
                                                <option>United States</option>
                                                <option>Select</option>
                                                <option>Select</option>
                                                <option>Select</option>
                                                <option>Select</option>
                                            </select>
                                            <div class="select-arrow"></div>
                                        </div>
                                    </div>
                                    <div class="col-6 col-6-sm form-elements zip-code-field">
                                        <label><span class="visually-hidden">ZIP or Postal Code</span><input type="text" name="zipcode" autocomplete="postal-code" placeholder="ZIP/Postal code" required></label>
                                    </div>

                                    <div class="col-12 text-center">
                                        <div class="line m-0"></div>
                                    </div>

                                    <div class="col-8 col-8-sm form-elements">
                                        <div class="cc-card-input">
                                            <input 
                                                aria-label="Credit Card Number" 
                                                type="text" 
                                                name="ccnum" 
                                                autocomplete="cc-number" 
                                                x-autocompletetype="cc-number" 
                                                pattern="\d*" 
                                                placeholder="Credit Card Number" 
                                                required
                                                id="cc-number"
                                            >
                                            <span class="cc-card hide"></span>
                                        </div>
                                    </div>
                                    <div class="col-4 col-4-sm form-elements cvv-field">
                                        <div class="cc-card-input">
                                            <label>
                                                <span class="visually-hidden">cvv number</span>
                                                <input 
                                                    type="text" 
                                                    name="cvv"
                                                    autocomplete="cc-csc"
                                                    placeholder="CVV2" 
                                                    id="ccv2"
                                                    required
                                                >
                                                <a href="javascript:;" class="tooltip tip-top">
                                                    <i class="icon-i"></i>
                                                    <span class="tip text-center" style="white-space: normal;width: 100%;max-width: 220px">
                                                        <div class="cvv2-image"></div>
                                                        <b>Card Verification(CVV2)</b><br>
                                                        The CVV2 number is a special number printed on your credit card and provides extra fraud protection                                                    </span>
                                                </a>
                                            </label>
                                        </div>
                                    </div>
                                    <div class="col-6 col-6-sm form-elements">
                                        <div class="select-element">
                                            <select 
                                                aria-label="select month" 
                                                id="select_drop_month" 
                                                name="monthexpire" 
                                                autocomplete="cc-exp-month" 
                                                x-autocompletetype="cc-exp-month" 
                                                required
                                            >

                                            </select>
                                            <div class="select-arrow"></div>
                                        </div>
                                    </div>
                                    <div class="col-6 col-6-sm form-elements">
                                        <div class="select-element">
                                            <select 
                                                aria-label="select year" 
                                                id="select_drop_year" 
                                                name="yearexpire" 
                                                autocomplete="cc-exp-year" 
                                                x-autocompletetype="cc-exp-year" 
                                                required
                                            >

                                            </select>
                                            <div class="select-arrow"></div>
                                        </div>
                                    </div>
                                    <div class="col-12 form-elements">
                                        <div class="form-elements terms text-center">
                                            <input aria-label="agree to terms and conditions" type="checkbox" name="termsagree" class="hide">
                                            <span  id="creditCardTermsAgreementText">
                                                Yes, I have read and agree to the <a target="_blank" rel="noreferrer noopener" href="/terms.php">Terms &amp; Conditions</a> and the <a target="_blank" rel="noreferrer noopener" href="/privacy.php">Privacy Policy</a>.
                                            </span>
                                        </div>
                                        <div class="foot-note text-center mt-sm charge-text-containers"></div>
                                    </div>
                                    <div class="col-12 form-elements text-center">
                                        <div class="complete-purchase">
                                            <a href="#" class="btn success text-center" id="completePurchaseButton">Complete Purchase</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                                        </form> 
                                        

				</div>

				<div class="verify">
					<div class="show-product">



					</div>
					<div class="flex-grow">
						<div class="verify-form-wrap">
							<div class="flex-grid" style="justify-content: center;">

							</div>
						</div>
					</div>
				</div>

				<div class="by-mail">
					<div class="show-product">



					</div>
					<div class="flex-grow">
						<div class="by-mail-form-wrap">
							<div class="flex-grid" style="justify-content: center;">
								<div class="col-12 form-elements text-left">

										<p>If you would like to send us your payment by mail, we accept money orders, cashier's checks, and personal checks. For safety and tracking purposes, we are unable to accept cash</p>

										<p>To purchase this product by mail, please download the Pay by Mail form below and complete the required information. Mailing instructions are included</p>

										<p>Username: <span class="bold text-white" id="payByMailUsername"></span></p>

										<p>Amount: <span class="bold text-white" id="payByMailAmount"></span></p>

										<p>Number of Credits: <span class="bold text-white" id="payByMailCredits"></span></p>

										<div class="flex-center"><a href="https://cdn5.vscdns.com/pdf/payment-by-mail-form.pdf" target="_blank" rel="noopener noreferrer" class="ghost-btn">Download Mail Form</a></div>

								</div>
							</div>
						</div>
					</div>
				</div>

				<div class="hosted-page">
					<div class="show-product">



					</div>
					<div class="flex-grow">
						<div class="hosted-page-form-wrap">
							<div class="flex-grid" style="justify-content: center;">
								<div class="col-12 form-elements text-center scrollbar-ghost" id="hostedPanelIframeContainer">



								</div>
							</div>
						</div>
					</div>
				</div>

				<div class="purchase-success">
					<div class="verify-form-wrap">
						<div class="success-message" >
							<div class="d-flex">
								<svg class="purchase-success-checkmark" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 52 52">
									<circle class="purchase-success-checkmark-circle" cx="26" cy="26" r="25" fill="none"/>
									<path class="purchase-success-checkmark-check" fill="none" d="M14.1 27.2l7.1 7.2 16.7-16.8"/>
								</svg>
								<div id="successMessageContainer">
								</div>
							</div>
														<a href="https://twitter.com/Flirt4Free" class="billing-modal-twitter-link twitter-desktop" target="_blank" rel="noopener noreferrer">
								<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
									viewBox="0 0 30.747 30.747" style="enable-background:new 0 0 30.747 30.747;" xml:space="preserve" width="24" height="24" class="mr-sm">
									<path id="Path_311_00000013183287454764205280000009525132985180172167_" class="st0bx" d="M22.58,19.208
										c0.24,0.183,0.494,0.346,0.76,0.489c0.01-0.01,0.031-0.021,0.042-0.042c0.26-0.3-0.26-0.291-0.8-0.447"/>
									<g>
										<path class="st0" d="M26.242,4.501C20.24-1.495,10.514-1.489,4.518,4.513c-5.996,6.002-5.99,15.728,0.012,21.724
											s15.728,5.99,21.724-0.012c2.878-2.881,4.495-6.788,4.493-10.861C30.755,11.287,29.133,7.376,26.242,4.501z M18.277,22.711
											l-3.915-5.697l-4.901,5.697H8.194l5.606-6.516L8.194,8.036h4.276l3.707,5.395l4.641-5.395h1.267L16.74,14.25h0l5.814,8.461H18.277z
											"/>
										<polygon class="st0" points="15.51,14.207 11.863,8.99 9.917,8.99 14.437,15.454 15.005,16.267 15.005,16.267 18.873,21.8 
											20.819,21.8 16.078,15.019 	"/>
									</g>
								</svg>
								Follow us for exclusive customer offers
							</a>
													</div>
						<div class="payment-product-container">
							<div class="show-product">

							</div>
							<div class="payment-summary">
								<div class="payment-summary-text">Payment Summary</div>
								<div class="single-payment-line">
									<span>Product Amount:</span>
									<span id="purchaseSuccessAmount"></span>
								</div>
								<div class="single-payment-line" id="purchaseSuccessTaxAmountContainer">
									<span>Tax Amount:</span>
									<span id="purchaseSuccessTaxAmount"></span>
								</div>
								<div class="total-line">
									<span>Total:</span>
									<span id="purchaseSuccessTotalAmount"></span>
								</div>
								<p class="py-sm mb-0 text-center text-smaller"><span id="purchaseSuccessBillingInfo"></span></p>
							</div>
						</div>
					</div>
					<div id="ageVerifyButton" class="hide billing-modal-age-verify-btn btn success">Continue to Age Verification</div>
										<div class="twitter-mobile-banner-wrap p-md">
						<a href="https://twitter.com/Flirt4Free" class="billing-modal-twitter-link" target="_blank" rel="noopener noreferrer">
						<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
								viewBox="0 0 30.747 30.747" style="enable-background:new 0 0 30.747 30.747;" xml:space="preserve" width="24" height="24" class="mr-sm">
								<path id="Path_311_00000013183287454764205280000009525132985180172167_" class="st0bx" d="M22.58,19.208
									c0.24,0.183,0.494,0.346,0.76,0.489c0.01-0.01,0.031-0.021,0.042-0.042c0.26-0.3-0.26-0.291-0.8-0.447"/>
								<g>
									<path class="st0" d="M26.242,4.501C20.24-1.495,10.514-1.489,4.518,4.513c-5.996,6.002-5.99,15.728,0.012,21.724
										s15.728,5.99,21.724-0.012c2.878-2.881,4.495-6.788,4.493-10.861C30.755,11.287,29.133,7.376,26.242,4.501z M18.277,22.711
										l-3.915-5.697l-4.901,5.697H8.194l5.606-6.516L8.194,8.036h4.276l3.707,5.395l4.641-5.395h1.267L16.74,14.25h0l5.814,8.461H18.277z
										"/>
									<polygon class="st0" points="15.51,14.207 11.863,8.99 9.917,8.99 14.437,15.454 15.005,16.267 15.005,16.267 18.873,21.8 
										20.819,21.8 16.078,15.019 	"/>
								</g>
							</svg>
							Follow us for exclusive customer offers
						</a>
					</div> 
					    
				</div>

				<div class="process-segpay-panel">  
					<i class="loading-v2 lg hide"></i>
				</div>

			</div>

			<div class="modal-footer">

								<div id="promoCodeContainer" class="promo-container flex-grid hide">
						<div class="col-7 col-7-md  col-6-sm text-right">
							<span class="promo-input">
								<i class="icon-promo"></i>
								<input aria-label="promo code input" id="promoCodeInput" type="text" placeholder="Enter Promo Code Here" required>
							</span>
						</div>
						<div class="col-5 col-5-md col-6-sm text-left">
							<a id="applyPromoCodeButton" href="#" class="btn btn-sm primary">Apply</a>
						</div>
					</div>

										<div class="flex-grid cc-area  billing-modal-cc-area">
						<div class="col-3 col-12-md col-6-sm col-6-xs order-2-sm order-2-xs text-left promo-code-container">
							<div class="promo-code-link" title="Add promo code">
								<a href="#" id="togglePromoCodeContainer"><i class="icon-promo testClass"></i> Add promo code</a>
							</div>
						</div>
						<div class="col-6 col-12-md col-12-sm order-1-sm order-1-xs  text-center payment-method-container">

							<div class="cc-display flex-grid">
								<div class="col-5 col-8-md card-number text-left">
								</div>
								<div class="col-7 col-4-md text-right d-flex justify-content-end change-payment-account-btn">
									<a href="#" class="btn-change-cc" title="Change payment method" data-options="trigger=change-payment-method;"><i class="icon-refresh"></i> Change payment method</a>
								</div>
							</div>



							
						</div>
						<div class="col-3 col-12-md col-6-sm col-6-xs order-3-sm  order-3-xs text-right help-container">
							<div class="help-link">
								<a id="billingModalHelpLink" target="_blank" rel="noopener noreferrer" href="/support.php?"><i class="icon-support" title="Live support"></i> Help</a>
							</div>
						</div>
					</div>

				
				</div>

				
			
			<div id="pixelTrackingCodeContainer">
			</div>

		</div>
	</div>
</div>

<svg width="0" height="0" style="display: block;" x="0px" y="0px" viewBox="0 0 100 96.5" style="enable-background:new 0 0 100 96.5;">
    <defs>    
        <clipPath id="badgeFlagPath" clipPathUnits="objectBoundingBox">
            <polygon points="0.2,0 100,0 100,95.7 		"/>
        </clipPath>
    </defs>
</svg>

<div class="col-3 col-4-md col-12-sm cloneable-standard-product package-item hide text-center">
                    <div class="package">
            <div class="free-credits-badge-container">
                <div class="free-credits">
                </div>
            </div>
            <div class="package-left-column">
                <div class="package-amount">
                </div>
                <div class="free-credits-container">
                    
                    <div class="free-credits-banner">
                        <span class="amount-free-credits"></span> 
                        <div>
                            <span>CREDITS</span>
                            <span>FREE</span>
                        </div>
                    </div>
                
                    <svg viewBox="0 0 124.22 52.65" width="126px" class="tablet-billing-banner">
                        <polygon class="billing-product-banner-sides" points="1.18 14.64 23.73 14.64 23.73 52.54 .18 52.54 12.46 34.09 1.18 14.64"/>
                        <polygon class="billing-product-banner-sides" points="123.22 14.64 100.67 14.64 100.67 52.54 124.22 52.54 111.95 34.09 123.22 14.64"/>
                        <rect class="billing-product-banner-front" x="15.11" y=".09" width="94" height="46"/>
                        <polygon class="billing-product-banner-corner" points="15.11 46.09 23.55 46.09 23.55 52.54 15.11 46.09"/>
                        <polygon class="billing-product-banner-corner" points="109.11 46.09 100.67 46.09 100.67 52.54 109.11 46.09"/>
                    </svg>
                    <svg viewBox="0 0 58.98 77.99" class="mobile-billing-banner" width="58px">
                        <rect class="billing-product-banner-front" x="3.47" y=".06" width="52.02" height="77.93" rx="2" ry="2"/>
                        <polygon class="billing-product-banner-corner" points="-.03 5.26 3.47 5.26 3.47 1.64 -.03 5.26"/>
                        <polygon class="billing-product-banner-corner" points="58.98 5.26 55.49 5.26 55.49 1.64 58.98 5.26"/>
                        <polygon class="billing-product-banner-corner" points="58.98 72.98 55.49 72.98 55.49 76.61 58.98 72.98"/>
                        <polygon class="billing-product-banner-corner" points="-.03 72.98 3.47 72.98 3.47 76.61 -.03 72.98"/>
                    </svg>
                </div>
            </div>
            <div class="package-right-column">
                <a href="#" class="buy-product-btn" aria-label="buy product"></a>
                <a href="#" class="show-all-buy-product-btn" aria-label="buy product"></a>
                <div class="d-flex justify-content-center align-items-center price-area">
                    <div class="price"></div>
                    <a href="javascript:;" class="tooltip tip-bottom alternate-currency-message ml-xs">
                        <i class="icon-i"></i>
                        <span class="tip">
                            <div class="billing-info-icon-text"></div>
                        </span>
                    </a>
                </div>
                <div class="product-badge">
                    <span class="product-badge-amount">120</span>
                    <p>FREE CREDITS</p>
                </div>
            </div>
        </div>
        <div class="foot-note"></div>
    </div>



<div class="col-3 col-4-md col-12-sm text-center cloneable-vip-product-test package-item hide">
    <div class="package vip-package-test">
        <div class="col-12 d-flex text-right">
            <a href="javascript:;" class="tooltip col-12 no-decoration">
                <i class="icon-i relative pr-xs text-white"></i>
                <span class="tip">
					<i class="icon-success text-success"></i> Instant Full Access<br>
					<i class="icon-success text-success"></i> Gold VIP Font<br>
					<i class="icon-success text-success"></i> Up to 10 Reserved Nicknames<br>
					<i class="icon-success text-success"></i> Email performers with attachments<br>
					<i class="icon-success text-success"></i> Largest Private Video Preview<br>
					<i class="icon-success text-success"></i> Turn Off Free Users Chat (No Gray Users)<br>
					<i class="icon-success text-success"></i> Access to VIP Forums					<div class="line"></div>
					<b>Free</b> Unlimited Access to Your Own Recorded Shows<br>
					<b>Free</b> 150 Daily Videos Available for 7 Days<br>
                    					<b>Free</b> 1 Hour Feature Shows and access to Archives<br>
					<b>Free</b> Access to Adult Star Video Archive<br>
					<b>Free</b> Access to Model Photo Galleries                </span>
            </a>
        </div>
        <div class="package-amount"><span class="free-vip-credits"></span> <span>Credits</span></div>
        <div class="vip-package-status relative">
            <div class="vip-package-title">
                <i class="icon-crown"></i>
                    VIP
            </div>
            <span> STATUS</span>
        </div>
        <div class="vip-duration package-description">
        </div>
        <a href="#" class="buy-product-btn" aria-label="buy product"></a>
        <a href="#" class="show-all-buy-product-btn" aria-label="buy product"></a>
        <div class="d-flex justify-content-center align-items-center price-area">
            <div class="price">$39.95*</div>
            <a href="javascript:;" class="tooltip alternate-currency-message ml-xs">
                <i class="icon-i d-flex"></i>
                <span class="tip">
                    <div class="billing-info-icon-text"></div>
                </span>
            </a>
        </div>
    </div>

    <div class="foot-note"></div>
</div>

<div class="col-3 col-4-md col-12-sm text-center cloneable-vip-product package-item hide highlight">

        <div class="package vip-product highlight">

            <a href="javascript:;" class="tooltip tip-left">
                <i class="icon-i"></i>
                <span class="tip">
                    <i class="icon-success text-success"></i> Instant Full Access<br>
                    <i class="icon-success text-success"></i> Gold VIP Font<br>
                    <i class="icon-success text-success"></i> Up to 10 Reserved Nicknames<br>
                    <i class="icon-success text-success"></i> Email performers with attachments<br>
                    <i class="icon-success text-success"></i> Largest Private Video Preview<br>
                    <i class="icon-success text-success"></i> Turn Off Free Users Chat (No Gray Users)<br>
                    <i class="icon-success text-success"></i> Access to VIP Forums<br>
                    <div class="line"></div>
                    <b>Free</b> Unlimited Access to Your Own Recorded Shows<br>
                    <b>Free</b> 150 Daily Videos Available for 7 Days<br>
                                        <b>Free</b> 1 Hour Feature Shows and access to Archives<br>
                    <b>Free</b> Access to Adult Star Video Archive<br>
                    <b>Free</b> Access to Model Photo Galleries                </span>
            </a>

            <div class="package-left-column">
                <div class="package-amount">
                    <div class="vip-package-title">
                        <i class="icon-crown"></i>
                            VIP
                    </div>
                    <span class="package-description hide"></span>
                    <!-- <div class="free-vip-credits"></div> -->
                    <div class="vip-package-description"><div class="d-flex"><div class="vip-package-length">30</div> Day</div> Membership</div>
                </div>

                <div class="free-credits-container">
                    <!-- <div class="package-description"></div> -->
                    <div class="free-vip-credits hide">
                    </div>
                    <div class="free-vip-credits-message">PLUS <div class="free-vip-credits-amount">150</div> <span>CREDITS</span> <span>FREE!</span></div>
                    <svg viewBox="0 0 124.22 52.65" width="126px" class="tablet-billing-banner">
                        <polygon class="billing-product-banner-sides" points="1.18 14.64 23.73 14.64 23.73 52.54 .18 52.54 12.46 34.09 1.18 14.64"/>
                        <polygon class="billing-product-banner-sides" points="123.22 14.64 100.67 14.64 100.67 52.54 124.22 52.54 111.95 34.09 123.22 14.64"/>
                        <rect class="billing-product-banner-front" x="15.11" y=".09" width="94" height="46"/>
                        <polygon class="billing-product-banner-corner" points="15.11 46.09 23.55 46.09 23.55 52.54 15.11 46.09"/>
                        <polygon class="billing-product-banner-corner" points="109.11 46.09 100.67 46.09 100.67 52.54 109.11 46.09"/>
                    </svg>
                    <svg viewBox="0 0 58.98 77.99" class="mobile-billing-banner" width="58px">
                        <rect class="billing-product-banner-front" x="3.47" y=".06" width="52.02" height="77.93" rx="2" ry="2"/>
                        <polygon class="billing-product-banner-corner" points="-.03 5.26 3.47 5.26 3.47 1.64 -.03 5.26"/>
                        <polygon class="billing-product-banner-corner" points="58.98 5.26 55.49 5.26 55.49 1.64 58.98 5.26"/>
                        <polygon class="billing-product-banner-corner" points="58.98 72.98 55.49 72.98 55.49 76.61 58.98 72.98"/>
                        <polygon class="billing-product-banner-corner" points="-.03 72.98 3.47 72.98 3.47 76.61 -.03 72.98"/>
                    </svg>
                </div>
            </div>

            <div class="package-right-column">
                <a href="#" class="buy-product-btn" aria-label="buy product"></a>
                <a href="#" class="show-all-buy-product-btn" aria-label="buy product"></a>

                <div class="d-flex justify-content-center align-items-center price-area">
                    <div class="price"></div>
                    <a href="javascript:;" class="tooltip alternate-currency-message ml-xs">
                        <svg style="width: 30px; fill: #fff;" xmlns="https://www.w3.org/2000/svg" class="icon-svg svg-i" viewBox="0 0 512 512"><path class="cls-fill" d="m257 63c-110 0-198 88-198 198 0 110 88 199 198 199 110 0 199-89 199-199 0-110-90-198-199-198z m28 304l-56 0 0-131 56 0z m0-158l-56 0 0-54 56 0z"></path></svg>
                        <span class="tip">
                            <div class="billing-info-icon-text"></div>
                        </span>
                    </a>
                </div>
            </div>
        </div>
        <div class="foot-note"></div>
    </div>

<div class="col-3 col-6-md text-center cloneable-showpass-product package-item hide">

    <div class="package showpass-product">

        <div class="package-amount">
            <i class="icon-show-marquee"></i>
            PASS            <span class="package-description"></span>
            <div class="free-showpass-credits"></div>
        </div>

        <a href="#" class="buy-product-btn" aria-label="buy product"></a>
        <a href="#" class="show-all-buy-product-btn" aria-label="buy product"></a>

        <div class="d-flex justify-content-center align-items-center price-area">
            <div class="price"></div>
            <a href="javascript:;" class="tooltip alternate-currency-message ml-xs">
                <i class="icon-i d-flex"></i>
                <span class="tip">
                    <div class="billing-info-icon-text"></div>
                </span>
            </a>
        </div>

    </div>

    <div class="foot-note"></div>

</div>

<div class="col-4 col-4-md col-6-sm cloneable-payment-method hide">
    <div class="payment-method-type">

        <div class="payment-logo"></div>

        <div class="payment-name"></div>

        <div class="payment-info">
            <a href="javascript:;" class="tooltip tip-bottom" aria-label="payment tooltip">
                <i class="icon-i"></i>
                <span class="tip"></span>
            </a>
        </div>

    </div>
</div>

<div class="hide col-4 col-4-md col-6-sm cloneable-crypto-coin">
	<div class="payment-method-type">
		<div class="payment-logo"></div>
		<div class="payment-name"></div>
	</div>
</div>

<table role="presentation">
    <tbody>
        <tr class="cloneable-payment-account hide">
            <td>
                <i class="icon-checkmark"></i>
                <div class="circle"></div>
                <div class="cc-card visa"></div>
                <span></span>
            </td>
            <td>
                <span class="is-blocked hide" style="color: red;font-weight: bold">BLOCKED</span>
            <td>

            <td class="text-right">
                <a href="/my-account/secure/payment-settings.php" target="_blank" rel="noopener noreferrer" class="ghost-btn"><i class="icon-edit"></i> Manage</a>
            </td>
        </tr>
    </tbody>
</table>


<div class="package text-center cloneable-selected-standard-product hide">
            <div class="package-amount">
            90
            <span>{$LANG.BILLING_MODAL.CREDITS_CAPS}</span>
        </div>
        <div class="free-credits-badge-container">
            <div class="free-credits">
            </div>
        </div>
        <div class="free-credits-banner">
            <span class="amount-free-credits"></span> 
            <div>
                <span>CREDITS</span>
                <span>FREE</span>
            </div>
        </div>
        <div class="free-credits-container">
            <svg viewBox="0 0 124.22 52.65" width="126px" class="tablet-billing-banner">
                <polygon class="billing-product-banner-sides" points="1.18 14.64 23.73 14.64 23.73 52.54 .18 52.54 12.46 34.09 1.18 14.64"/>
                <polygon class="billing-product-banner-sides" points="123.22 14.64 100.67 14.64 100.67 52.54 124.22 52.54 111.95 34.09 123.22 14.64"/>
                <rect class="billing-product-banner-front" x="15.11" y=".09" width="94" height="46"/>
                <polygon class="billing-product-banner-corner" points="15.11 46.09 23.55 46.09 23.55 52.54 15.11 46.09"/>
                <polygon class="billing-product-banner-corner" points="109.11 46.09 100.67 46.09 100.67 52.54 109.11 46.09"/>
            </svg>
            <svg viewBox="0 0 163 34.73" width="110px" class="mobile-billing-banner">
                <polygon class="billing-product-banner-sides" points="163 34.73 153.77 20.37 163 6.02 138.22 6.02 138.22 34.73 163 34.73"/>
                <polygon class="billing-product-banner-sides" points="0 34.73 9.23 20.37 0 6.02 24.78 6.02 24.78 34.73 0 34.73"/>
                <rect class="billing-product-banner-front" x="18.9" width="125.19" height="28.91"/>
                <polygon class="billing-product-banner-corner" points="18.9 28.91 24.78 28.91 24.78 34.73 18.9 28.91"/>
                <polygon class="billing-product-banner-corner" points="144.1 28.91 138.22 28.91 138.22 34.73 144.1 28.91"/>
            </svg>
        </div>
        <div class="d-flex justify-content-center align-items-center price-area">
            <div class="price">$10</div>
            <a href="javascript:;" class="tooltip alternate-currency-message ml-xs">
                <i class="icon-i"></i>
                <span class="tip">
                    <div class="billing-info-icon-text"></div>
                </span>
            </a>
        </div>
        <div class="product-badge">
            <span class="product-badge-amount">120</span>
            <p>FREE CREDITS</p>
        </div>
        <a href="#" class="ghost-btn">Change Product</a>
    </div>


<div class="package vip-product text-center cloneable-selected-vip-product hide">
    <a href="javascript:;" class="tooltip tip-bottom">
        <i class="icon-i"></i>
        <span class="tip">
            <i class="icon-success text-success"></i> Instant Full Access<br>
            <i class="icon-success text-success"></i> Gold VIP Font<br>
            <i class="icon-success text-success"></i> Up to 10 Reserved Nicknames<br>
            <i class="icon-success text-success"></i> Email performers with attachments<br>
            <i class="icon-success text-success"></i> Largest Private Video Preview<br>
            <i class="icon-success text-success"></i> Turn Off Free Users Chat (No Gray Users)<br>
            <i class="icon-success text-success"></i> Access to VIP Forums            <div class="line"></div>
            <b>Free</b> Unlimited Access to Your Own Recorded Shows<br>
            <b>Free</b> 150 Daily Videos Available for 7 Days<br>
                        <b>Free</b> 1 Hour Feature Shows and access to Archivess<br>
            <b>Free</b> Access to Adult Star Video Archive<br>
            <b>Free</b> Access to Model Photo Galleries        </span>
    </a>

    <div class="package-amount">
        <i class="icon-crown"></i>
        VIP
        <span class="package-description hide">30 Days of Membership</span>
        <div class="free-credits-container">
            <!-- <div class="free-vip-credits">PLUS 150 CREDITS FREE!</div> -->
            <div class="vip-package-description"><div class="d-flex"><div class="vip-package-length">30</div> Day</div> Membership</div>
        </div>
    </div>
    <div class="free-credits-container">
        <!-- <div class="package-description"></div> -->
        <div class="free-vip-credits hide">
        </div>
        <div class="free-vip-credits-message">PLUS <div class="free-vip-credits-amount">150</div> <span>CREDITS</span> <span>FREE!</span></div>
        <svg viewBox="0 0 124.22 52.65" width="126px" class="tablet-billing-banner">
            <polygon class="billing-product-banner-sides" points="1.18 14.64 23.73 14.64 23.73 52.54 .18 52.54 12.46 34.09 1.18 14.64"/>
            <polygon class="billing-product-banner-sides" points="123.22 14.64 100.67 14.64 100.67 52.54 124.22 52.54 111.95 34.09 123.22 14.64"/>
            <rect class="billing-product-banner-front" x="15.11" y=".09" width="94" height="46"/>
            <polygon class="billing-product-banner-corner" points="15.11 46.09 23.55 46.09 23.55 52.54 15.11 46.09"/>
            <polygon class="billing-product-banner-corner" points="109.11 46.09 100.67 46.09 100.67 52.54 109.11 46.09"/>
        </svg>
        <svg viewBox="0 0 58.98 77.99" class="mobile-billing-banner" width="58px">
            <rect class="billing-product-banner-front" x="3.47" y=".06" width="52.02" height="77.93" rx="2" ry="2"/>
            <polygon class="billing-product-banner-corner" points="-.03 5.26 3.47 5.26 3.47 1.64 -.03 5.26"/>
            <polygon class="billing-product-banner-corner" points="58.98 5.26 55.49 5.26 55.49 1.64 58.98 5.26"/>
            <polygon class="billing-product-banner-corner" points="58.98 72.98 55.49 72.98 55.49 76.61 58.98 72.98"/>
            <polygon class="billing-product-banner-corner" points="-.03 72.98 3.47 72.98 3.47 76.61 -.03 72.98"/>
        </svg>
    </div>
    <div class="d-flex justify-content-center align-items-center price-area">
        <div class="price">$39.95*</div>
        <a href="javascript:;" class="tooltip alternate-currency-message ml-xs">
            <i class="icon-i d-flex"></i>
            <span class="tip">
                <div class="billing-info-icon-text"></div>
            </span>
        </a>
    </div>
    <a href="#" class="ghost-btn">Change Product</a>
</div>

<div class="package showpass-product text-center cloneable-selected-showpass-product hide">
    <div class="package-amount">
        <i class="icon-show-marquee"></i>
        PASS        <span class="package-description"></span>
        <div class="free-showpass-credits"></div>
    </div>
    <div class="d-flex justify-content-center align-items-center price-area">
        <div class="price"></div>
        <a href="javascript:;" class="tooltip alternate-currency-message ml-xs">
            <i class="icon-i d-flex"></i>
            <span class="tip">
                <div class="billing-info-icon-text"></div>
            </span>
        </a>
    </div>
    <a href="#" class="ghost-btn">Change Product</a>
</div>



<div class="col-6 col-6-sm form-elements cloneable-zip-code-form-element hide">
	<label>Zip Code</label>
    <input type="text" name="zipcode" placeholder="ZIP/Postal code" required>
</div>

<div class="col-6 col-6-sm form-elements cloneable-dob-form-element hide">
    <div class="col-12">
        <div class="dob-label-text d-flex justify-content-center col-12 p-0 mt-md">
            <div class="col-9">Please enter your date of birth:</div>
        </div>
        <div class="d-flex">
            <div class="dob-month form-elements col-4 col-12-sm">
                <select name="dateMonth" id="dateMonth">
                <option value="Month" selected disabled>Month</option>
                    <option value="1">January</option>
<option value="2">February</option>
<option value="3">March</option>
<option value="4">April</option>
<option value="5">May</option>
<option value="6">June</option>
<option value="7">July</option>
<option value="8">August</option>
<option value="9">September</option>
<option value="10">October</option>
<option value="11">November</option>
<option value="12">December</option>
                </select>
            </div>
            <div class="dob-date form-elements col-3 col-12-sm">
                <select name="dateDay" id="dateDay">
                    <option value="Date" selected disabled>Day</option>
                    <option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
                </select>
            </div>
            <div class="dob-year form-elements col-2 col-12-sm">
                <select name="dateYear" id="dateYear">
                    <option value="Year" selected disabled>Year</option>
                    <option value="2008">2008</option>
<option value="2007">2007</option>
<option value="2006">2006</option>
<option value="2005">2005</option>
<option value="2004">2004</option>
<option value="2003">2003</option>
<option value="2002">2002</option>
<option value="2001">2001</option>
<option value="2000">2000</option>
<option value="1999">1999</option>
<option value="1998">1998</option>
<option value="1997">1997</option>
<option value="1996">1996</option>
<option value="1995">1995</option>
<option value="1994">1994</option>
<option value="1993">1993</option>
<option value="1992">1992</option>
<option value="1991">1991</option>
<option value="1990">1990</option>
<option value="1989">1989</option>
<option value="1988">1988</option>
<option value="1987">1987</option>
<option value="1986">1986</option>
<option value="1985">1985</option>
<option value="1984">1984</option>
<option value="1983">1983</option>
<option value="1982">1982</option>
<option value="1981">1981</option>
<option value="1980">1980</option>
<option value="1979">1979</option>
<option value="1978">1978</option>
<option value="1977">1977</option>
<option value="1976">1976</option>
<option value="1975">1975</option>
<option value="1974">1974</option>
<option value="1973">1973</option>
<option value="1972">1972</option>
<option value="1971">1971</option>
<option value="1970">1970</option>
<option value="1969">1969</option>
<option value="1968">1968</option>
<option value="1967">1967</option>
<option value="1966">1966</option>
<option value="1965">1965</option>
<option value="1964">1964</option>
<option value="1963">1963</option>
<option value="1962">1962</option>
<option value="1961">1961</option>
<option value="1960">1960</option>
<option value="1959">1959</option>
<option value="1958">1958</option>
<option value="1957">1957</option>
<option value="1956">1956</option>
<option value="1955">1955</option>
<option value="1954">1954</option>
<option value="1953">1953</option>
<option value="1952">1952</option>
<option value="1951">1951</option>
<option value="1950">1950</option>
<option value="1949">1949</option>
<option value="1948">1948</option>
<option value="1947">1947</option>
<option value="1946">1946</option>
<option value="1945">1945</option>
<option value="1944">1944</option>
<option value="1943">1943</option>
<option value="1942">1942</option>
<option value="1941">1941</option>
<option value="1940">1940</option>
<option value="1939">1939</option>
<option value="1938">1938</option>
<option value="1937">1937</option>
<option value="1936">1936</option>
<option value="1935">1935</option>
<option value="1934">1934</option>
<option value="1933">1933</option>
<option value="1932">1932</option>
<option value="1931">1931</option>
<option value="1930">1930</option>
<option value="1929">1929</option>
<option value="1928">1928</option>
<option value="1927">1927</option>
<option value="1926">1926</option>
<option value="1925">1925</option>
<option value="1924">1924</option>
<option value="1923">1923</option>
<option value="1922">1922</option>
<option value="1921">1921</option>
<option value="1920">1920</option>
<option value="1919">1919</option>
<option value="1918">1918</option>
<option value="1917">1917</option>
                </select>
            </div>
        </div>
    </div>

</div>

<div class="col-9 col-9-sm form-elements cloneable-cpf-form-element p-0 hide">
    <div class="col-12">
        <label>Please provide CPF Number:</label>
        <input type="text" name="cpf" placeholder="000.000.000-00" maxlength="14" required>
    </div>
</div>


<div class="col-4 col-7-sm form-elements cloneable-cvv-form-element hide">
    <div class="cc-card-input">
        <label></label>
        <input aria-label="cvv" type="text" name="cvv" placeholder="CVV2" required>
        <a href="javascript:;" class="tooltip tip-top">
            <i class="icon-i"></i>
            <span class="tip text-center" style="white-space: normal;width: 100%;max-width: 220px">
                <div class="cvv2-image"></div>
                <b>Card Verification(CVV2)</b><br>
                The CVV2 number is a special number printed on your credit card and provides extra fraud protection            </span>
        </a>
    </div>
</div>

<div class="col-12 form-elements cloneable-recur-consent-form-element hide mt-sm mb-sm">
    <div class="form-elements">
        <label class="input-label-field"></label>
        <label class="form-check-radio toggle-check recur-consent-field">
            <span class="visually-hidden">Consent</span>
            <input aria-label="recur consent" type="checkbox" name="recur_consent">
            <span class="toggle-check-box"></span>
            <span class="toggle-check-text field-text">

            </span>
        </label>
    </div>
</div>

<div class="col-12 form-elements cloneable-require-segpay-terms-form-element hide mt-sm mb-sm">
    <label></label>
    <div class="field-text text-center">
    </div>
    <input type="hidden" name="require_segpay_terms" value="1">
</div>

<div class="col-12 form-elements text-center cloneable-complete-purchase hide">
    <a href="#" class="btn success">Complete Purchase</a>
</div>

<div class="billing-cloneable-verify-fields hide">
    <div data-field-name="firstname" class="col-6 col-12-sm form-elements hide">
        <label data-label="1">First Name</label>
        <input data-input="1" type="text" placeholder="First Name" required>
    </div>
    <div data-field-name="lastname" class="col-6 col-12-sm form-elements hide">
        <label data-label="1">Last Name</label>
        <input data-input="1" type="text" placeholder="Last Name" required>
    </div>
    <div data-field-name="bill_addr" class="col-6 col-12-sm form-elements hide">
        <label data-label="1">Address</label>
        <input data-input="1" type="text" placeholder="Address" required>
    </div>
    <div data-field-name="bill_addr_city" class="col-6 col-12-sm form-elements hide">
        <label data-label="1">City</label>
        <input data-input="1" type="text" placeholder="City" required>
    </div>
    <div data-field-name="bill_addr_district" class="col-6 col-12-sm form-elements hide">
        <label data-label="1">District</label>
        <input data-input="1" type="text" placeholder="District" required>
    </div>
    <div data-field-name="bill_addr_state" class="col-6 col-12-sm form-elements hide">
       <label data-label="1">State</label>
        <select data-input="1">
            <option value="-1" selected disabled>Select State</option>
        </select>
    </div>
    <div data-field-name="bill_addr_zip" class="col-6 col-12-sm form-elements hide">
        <label data-label="1">Zip</label>
        <input data-input="1" type="text" placeholder="Zip" required>
    </div>
    <div data-field-name="bill_addr_country" class="col-6 col-12-sm form-elements hide">
        <label data-label="1">Country</label>
        <select data-input="1">
            <option value="-1" selected disabled>Select Country</option>
        </select>
    </div>
    <div data-field-name="email" class="col-6 col-12-sm form-elements hide">
        <label data-label="1">Email</label>
        <input data-input="1" type="email" placeholder="Email" autocomplete="email" required>
    </div>
</div>

<style>
	.customer-survey-page-container {
		min-height: 400px;
	}
	.whitelabel .customer-survey-page-container {
		padding: 0 0 50px 0;
	}

	.sending-survey-container {
		z-index: 99;
	}

	.survey-questions-container {
		max-height: unset; 
	}

	.survey-question {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		padding: 20px 0;
		border-bottom: 1px solid rgba(150,150,150,0.3);
	}

	.survey-question:last-child {
		border-bottom: 0;
	}

	.survey-question[data-question-type="comment"] {
		align-items: flex-start;
	}

	.form-elements.survey-question {
		margin: 0;
	}

	.survey-question p {
		margin: 0;
	}

	.survey-question.form-elements label.col-6 {
		width: 50%;
		height: unset;
	}

	.survey-comment-response {
		font-size: calc(12px + .1vw);
	}

	.survey-number {
		font-weight: 700;
	}

	.survey-rating-container .icon-star-solid {
		font-size: 18px;
		margin: 0 4px 0 0;
	}

	.beta-q-overlay-submit #betaQSubmit .beta-q-overlay-submit {
		background: #05cbe7;
		border: 0;
		margin: 0;
	}

	.beta-q-overlay-submit #betaQSubmit .beta-q-overlay-submit:hover {
		background: rgba(5,203,231,0.8);
	}

	.survey-success-response,
	.survey-error-response,
	.no-survey-message {
		width: 100% !important;
		box-sizing: border-box;
	}

	.beta-q-overlay-inner .survey-answers-container {
		height: 100%;
	}

	.beta-q-modal-container .modal-wrap .modal {
		background: #323641;
	}

	.beta-q-modal-header-text {
		font-size: 14px;
	}

	.beta-q-modal-container .beta-q-overlay-header {
		justify-content: space-between;
	}

	.beta-q-modal-container .form-elements label {
		height: unset;
	}

	.beta-q-overlay-right {
		color: #fff;
	}

	.beta-q-overlay-inner {
		max-height: 500px;
		overflow-y: auto;
	}

	.xvideos-cams .single-header-category.header-nav-item.beta-q-modal-header {
		font-size: 13px;
		height: 40px;
		display: flex;
		align-items: center;
		padding: 20px 20px 20px 5px !important;
		background-color: rgb(41 41 41);
		border-top: 1px solid #000 !important;
		color: #fff !important;
		max-height: unset;
		box-sizing: border-box;
		position: unset;
		width: 100%;
		animation: unset;
	}

	@media (max-width: 767px) {
		.survey-question.form-elements label.col-6 {
			width: 100%;
		}
		.survey-answers-container {
			margin: 8px 0 0 0 !important;
		}
	}
</style>

<input type="radio" name="modalControl" class="hide modal-control" id="beta_q_modal_off">
<div class="beta-q-modal-container modal-container animate-from-top">
	<input type="radio" name="modalControl" class="hide modal-control" id="beta_q_modal">
	<label class="visually-hidden" for="beta_q_modal"><span class="visually-hidden">modal control</span></label>
		<label class="modal-shadow" for="beta_q_modal_off"><span class="visually-hidden">Close</span></label>
	<div class="modal-wrap">
		<div class="modal">
			<div class="modal-body">
				<div class="beta-q-overlay">
					<div class="beta-q-overlay-right">
						<div class="beta-q-overlay-header d-flex">
							<div class="beta-q-modal-header-text">Customer Survey</div>
							<label class="beta-q-close-modal" for="beta_q_modal_off"><span class="visually-hidden">Close</span><i class="icon-x"></i></label>
						</div>

						<div class="fetching-survey-container hide">
							<span class="loading-text d-flex justify-content-center align-items-center" style="font-size: 16px;">Fetching survey <span>...</span></span>
						</div>

						<div class="sending-survey-container justify-content-center align-items-center flex-column hide">
							<i class="loading-v2 lg"></i>
						</div>

						<form class="beta-q-overlay-inner">

							<div class="form-elements clonable-survey-comment hide">
								<p>
									<span class="survey-number">1)</span>
									<span class="survey-question-text">How has your experience with the models today?</span>
								</p>
								<label>
									<span class="visually-hidden">Survey response</span>
									<textarea class="survey-comment-response" name="survey-comment-response"></textarea>
								</label>
							</div>

							<div class="form-elements clonable-survey-rating hide">
								<p>
									<span class="survey-number">2)</span>
									<span class="survey-question-text">How would you rate the quality of video streams today?</span>
								</p>
								<div class="d-flex mt-sm ml-md">
									<div class="survey-rating-container text-center" data-user-rating="">
										<i class="icon-star-solid" data-rating="1-star"></i>
										<i class="icon-star-solid" data-rating="2-star"></i>
										<i class="icon-star-solid" data-rating="3-star"></i>
										<i class="icon-star-solid" data-rating="4-star"></i>
										<i class="icon-star-solid" data-rating="5-star"></i>
									</div>
								</div>
							</div>

							<div class="clonable-survey-yes-no hide">
								<p>
									<span class="survey-number">3)</span>
									<span class="survey-question-text">Would you recommend the chatroom to a friend?</span>
								</p>

								<div class="d-flex mt-sm">

									<div class="d-flex justify-content-center align-items-center mr-sm ml-sm survey-yes-no-option">
										<input type="radio" value="yes" class="survey-yes-res survey-radio-option" id="survey-yes-input"> <label class="survey-yes-label" for="survey-yes-input">Yes</label>
									</div>

									<div class="d-flex justify-content-center align-items-center mr-sm ml-sm survey-yes-no-option">
										<input type="radio" value="no" class="survey-no-res survey-radio-option" id="survey-no-input"> <label class="survey-no-label" for="survey-no-input">No</label>
									</div>
								</div>
							</div>

														<div class="survey-questions-container"></div>

							<div class="beta-q-overlay-submit mt-md">
								<div id="betaQSubmit">
									<input type="submit" value="Submit" class="btn primary beta-q-overlay-submit"/>
								</div>
							</div>
						</form>

						<div class="alert success hide survey-success-response hide" style="width: 300px;">
							<div class="alert-title clearfix">
								<span>
									<i class="icon-checkmark"></i>
									Success!
								</span>
							</div>
							<span>Thank you for sending us your feedback!</span>
						</div>

						<div class="alert danger hide survey-error-response hide">
							<div class="alert-title clearfix">
								<span>
									<i class="icon-alert"></i>
									Error!
								</span>
							</div>
							<span>There was an issue with sending your feedback. Please try again.</span>
						</div>

					</div>
				</div>
			</div>
		</div>
	</div>
</div>


	
<script>
window.__homePageData__ = {
    'models': [
            ],
    'favorites': [
            ],
    'promoMarkup': "",
    'categories': [{"category_name":"Alternative","service":"girls","num_online":"23","total_models":853,"category_img":"4532340","category_name_lower_case":"alternative"},{"category_name":"American Girls","service":"girls","num_online":"2","total_models":105,"category_img":0,"category_name_lower_case":"american girls"},{"category_name":"Anal","service":"girls","num_online":"113","total_models":"2706","category_img":"4643546","category_name_lower_case":"anal"},{"category_name":"Arabian","service":"girls","num_online":"1","total_models":1,"category_img":0,"category_name_lower_case":"arabian"},{"category_name":"Asian","service":"girls","num_online":"7","total_models":285,"category_img":"4569613","category_name_lower_case":"asian"},{"category_name":"BBW","service":"girls","num_online":"16","total_models":163,"category_img":0,"category_name_lower_case":"bbw"},{"category_name":"BDSM","service":"girls","num_online":"17","total_models":506,"category_img":"4673749","category_name_lower_case":"bdsm"},{"category_name":"Big Boobs","service":"girls","num_online":"108","total_models":"2303","category_img":"4672339","category_name_lower_case":"big boobs"},{"category_name":"Big Butts","service":"girls","num_online":"76","total_models":1739,"category_img":"4461465","category_name_lower_case":"big butts"},{"category_name":"Bisexual","service":"girls","num_online":"17","total_models":868,"category_img":0,"category_name_lower_case":"bisexual"},{"category_name":"Blonde","service":"girls","num_online":"42","total_models":1073,"category_img":0,"category_name_lower_case":"blonde"},{"category_name":"Bodybuilder","service":"girls","num_online":"3","total_models":3,"category_img":0,"category_name_lower_case":"bodybuilder"},{"category_name":"Brunette","service":"girls","num_online":"44","total_models":1532,"category_img":0,"category_name_lower_case":"brunette"},{"category_name":"Chubby","service":"girls","num_online":"7","total_models":75,"category_img":0,"category_name_lower_case":"chubby"},{"category_name":"College Girls","service":"girls","num_online":"127","total_models":"4832","category_img":"4565113","category_name_lower_case":"college girls"},{"category_name":"Cougars","service":"girls","num_online":"3","total_models":3,"category_img":0,"category_name_lower_case":"cougars"},{"category_name":"Couples","service":"girls","num_online":"13","total_models":208,"category_img":0,"category_name_lower_case":"couples"},{"category_name":"Cross Dressing","service":"girls","num_online":"1","total_models":0,"category_img":0,"category_name_lower_case":"cross dressing"},{"category_name":"Domination","service":"girls","num_online":"21","total_models":425,"category_img":"4573837","category_name_lower_case":"domination"},{"category_name":"Dos Latinas","service":"girls","num_online":"1","total_models":1,"category_img":0,"category_name_lower_case":"dos latinas"},{"category_name":"Double Penetration","service":"girls","num_online":"16","total_models":179,"category_img":0,"category_name_lower_case":"double penetration"},{"category_name":"Ebony","service":"girls","num_online":"10","total_models":215,"category_img":0,"category_name_lower_case":"ebony"},{"category_name":"European Girls","service":"girls","num_online":"35","total_models":1160,"category_img":"4733774","category_name_lower_case":"european girls"},{"category_name":"Exotic","service":"girls","num_online":"15","total_models":437,"category_img":"4643591","category_name_lower_case":"exotic"},{"category_name":"Fetish","service":"girls","num_online":"26","total_models":790,"category_img":"4728218","category_name_lower_case":"fetish"},{"category_name":"Foot Fetish","service":"girls","num_online":"17","total_models":553,"category_img":0,"category_name_lower_case":"foot fetish"},{"category_name":"Giant Dildo","service":"girls","num_online":"4","total_models":4,"category_img":0,"category_name_lower_case":"giant dildo"},{"category_name":"Girls Next Door","service":"girls","num_online":"45","total_models":1011,"category_img":"4674547","category_name_lower_case":"girls next door"},{"category_name":"Glamour","service":"girls","num_online":"50","total_models":888,"category_img":0,"category_name_lower_case":"glamour"},{"category_name":"Group Show","service":"girls","num_online":7,"category_img":"4676179","category_name_lower_case":"group show"},{"category_name":"Hairy Pussy","service":"girls","num_online":"11","total_models":138,"category_img":"4649027","category_name_lower_case":"hairy pussy"},{"category_name":"Interactive","service":"girls","num_online":248,"category_img":"4534161","category_name_lower_case":"interactive"},{"category_name":"Lactating","service":"girls","num_online":"9","total_models":9,"category_img":0,"category_name_lower_case":"lactating"},{"category_name":"Latina","service":"girls","num_online":"65","total_models":1512,"category_img":"4730820","category_name_lower_case":"latina"},{"category_name":"Lesbian","service":"girls","num_online":"9","total_models":384,"category_img":0,"category_name_lower_case":"lesbian"},{"category_name":"Lesbian BDSM","service":"girls","num_online":"3","total_models":3,"category_img":0,"category_name_lower_case":"lesbian bdsm"},{"category_name":"MILF","service":"girls","num_online":"20","total_models":346,"category_img":"4724386","category_name_lower_case":"milf"},{"category_name":"Mature","service":"girls","num_online":"6","total_models":52,"category_img":0,"category_name_lower_case":"mature"},{"category_name":"Party Chat","service":"girls","num_online":21,"category_img":0,"category_name_lower_case":"party chat"},{"category_name":"Redhead","service":"girls","num_online":"13","total_models":256,"category_img":0,"category_name_lower_case":"redhead"},{"category_name":"Roleplay","service":"girls","num_online":"29","total_models":591,"category_img":0,"category_name_lower_case":"roleplay"},{"category_name":"Shaving","service":"girls","num_online":"12","total_models":205,"category_img":"4536442","category_name_lower_case":"shaving"},{"category_name":"Shower Shows","service":"girls","num_online":"1","total_models":1,"category_img":0,"category_name_lower_case":"shower shows"},{"category_name":"Small Tits","service":"girls","num_online":"37","total_models":937,"category_img":0,"category_name_lower_case":"small tits"},{"category_name":"Squirters","service":"girls","num_online":"64","total_models":1103,"category_img":"4718419","category_name_lower_case":"squirters"},{"category_name":"Strippers","service":"girls","num_online":"8","total_models":253,"category_img":0,"category_name_lower_case":"strippers"},{"category_name":"Tattoos","service":"girls","num_online":"22","total_models":789,"category_img":"4560196","category_name_lower_case":"tattoos"}],
    'languages': [{"code":"en","name":"English"},{"code":"es","name":"Spanish"},{"code":"ru","name":"Russian"},{"code":"fr","name":"French"},{"code":"it","name":"Italian"},{"code":"de","name":"German"},{"code":"cs","name":"Czech"},{"code":"pl","name":"Polish"},{"code":"jp","name":"Japanese"},{"code":"nl","name":"Dutch"},{"code":"tl","name":"Tagalog"}],    
    'service': "girls",
    'cdn_url': "https:\/\/cdn5.vscdns.com",
    'user_id': "",
    'user_type': "",
    'is_secure': 1,
    'is_parked_domain': false,

    
};
</script>

<script>


</script>



			

					

			
							<script src="?tpl=index2&model=json"></script>
						
		
		<script>
			if (window.__homePageData__) {
				window.favoritesList = __homePageData__.favorites.map(function(model) { return Number(model.model_id); })
			}
		</script>
		
	
<script>
	//indicates that js is in container version
	window.isUsingContainer = true;

	
	//call to action value in the homepage
	
	//mobile zoom/pinch gesture
	
			window.__usingHomePageLite__ = true;
	
			window.__isUsingWebp__ = true;
	
	
		window.__isUsingLLHls__ = true;

		    	
				window.__isUsingLLHlsForPreProcessed__ = true;
	
				window.__isUsingSingleVariantLLHLS__ = true;
	
			window.__isUsingMultiVariantLLHLS__ = true;

	
	
				window.__isUsingFailToBetterPlayer__ = true;
	
				window.__isUsingNoRefreshPlayerSwitch__ = true;
	
	
			window.__isUsingChatBioGallery__ = true;
	
	
	
			window.__isUsingChatBioGalleryUpdate01__ = true;
	
			window.enableTask442482 = true;
	
	
		window.__blockedUserErrorTestRand__ = '21';
	
	//	Note: this var cannot be used interchangeably with AppController.Room.config.service
	//	because this var is for what serviceuser is on atm, and the above var is for what service the selected room belongs to.
	window.service = 'girls';

	
	
	window.__homePageConfig__.useVScrollReporting = true;

	// switch to turn on/off each webservice	
	window.__homePageConfig__.useAjaxGetLivePromos = true;
	
	
		
</script>




<script>	
	var USER = {
		id:  0,
		optiusers_id:  0,		
		idt: '',
		isInternal: 0,
		isPrivileged: 0,
		credits: 0,
		username: '',
		screenname: '',
		nickname: '',
		rewards_status: '',
		rewards_level: '',

		rewards_status_name		: '',
		type: '',
		token: '',
		ip: '142.250.33.32',
		country:  'US',
		state:  'Unknown',
		fanclub_screen_names	: 0,
		is_fanclub_member: !!0,
		members_only_screenname:  '',
		cam2cam_server: '',
		platform_name: 'unknown',
		platform_type: 'computer',
		platform_device: 'unknown',
		platform_websockets: '',
		platform_hls: '',
		date_created            : '',
		first_purchase_date     : '',
		first_purchase_amount		: '',
		last_purchase_timestamp	: '',

		templates			: 'php template',
		reg_templates		: 'overlay_5_nojquery',
		default_templates	: '',
		sitekey				: 'flirt4free',
		domain				: 'flirt4free.com',
		site_theme			: 'dark',
		cdn					: 'https://cdn5.vscdns.com',
		screenNames			: "",
		sessionId:  "nalp03ff2dild3j25nl4bb55dq" ,
		popUpPendingGuestOverlay: false,
		isGuestPendingReg: false,
		webrtc_in_open: false,
        favoritesList: window.favoritesList || [],
        notificationsList: [],
		popunder_optout: false,

		isParkedDomain: false,
		
		f4f_tutorial_video: false,
		
				tsp: '',
		bq_key: 'vRIFs7hbriznB2X/RJ0/fmnI0LOcyAUvcOOGsDY2uqCP6ss3i9ZZnuIHzn2xYll8ac0grMo4tdBGFr2HbxsGkvtTIvSoKrjTwN4dxFmdxU1/XoheNAI+sF3/h3XY+ld9HnigsJpu/XH2XOlLMHRCOA==',
		
					dynamic_header: 'WS_qk77jn',
		
        no_adult: false,
        no_adult_type: '',
		isFeatureTesting: 0,
		udf07: 'project-bugatti-d',

		interstitial_type: '',
		captcha_key: '',

		service: 'girls',	
		use_mobile_2025: 0,		
		mobile_2025_group: -1,
		is_kink_user: false,
		age_verified: '',
		
	};
</script>



	<script>
		USER.my_favorites = '[]';
	</script>




		<script src="https://cdn5.vscdns.com/assets/js/utils/min_overlay/overlay_2026_05_20_mpe6zfxe.min.js"></script>
		<script>
        var Debug = {
            print: function () { return; },
            error: function () { return; },
            warn: function() { return; },
            printVideoStepMessage: function() { return; }
        }
	</script>

	
			



		
	
			
	<script type="text/javascript" src="https://cdn5.vscdns.com/assets/js/lib/hls_js/hls.js-1.6.15/hls.min.js"></script>


    <script src="https://cdn5.vscdns.com/assets/js/misc/min_freshchat/freshchat_2025_08_22_men4v8rc.min.js"></script>


    <script src="https://cdn5.vscdns.com/assets/min/js/recombee_2025_12_10_01.js"></script>




        
    <script type="text/javascript" src="https://cdn5.vscdns.com/assets/min/js/consolidated_heartbeat_2026_02_11_01.js"></script>

            
        <script src="https://cdn5.vscdns.com/assets/js/user_account/min/user_account_2026_06_02_mpwto51z.min.js"></script>
        
    
    <script src="https://cdn5.vscdns.com/assets/js/misc/min_show_modal/show_modal_2025_03_12_m86bqe2a.min.js"></script>    
    
    
<script> 
    document.addEventListener('DOMContentLoaded', function() {
        ShowModalController.init({
            platform_type: 'computer',
        });
    });
</script>
<script src="https://cdn5.vscdns.com/assets/js/misc/min_vs_carousel/vs_carousel_2024_03_05_lteqjc9j.min.js"></script>



    <script src="https://cdn5.vscdns.com/assets/js/misc/VSPreviewer/min/vs-previewer_2025_08_11_me7goa16.min.js"></script>
    
    <script src="https://cdn5.vscdns.com/assets/js/tracker/min/tracker_2026_02_02_ml5kmoug.min.js"></script>
    

			
		<script src="https://cdn5.vscdns.com/assets/min/js/chatroom_2026_06_02_01.js"></script>
		
		
	<script type="text/javascript" src="https://cdn5.vscdns.com/assets/js/cam2cam/min/cam2cam_2026_06_01_mpviem65.min.js"></script>	
	

<script>
    //  WARNING: WE RELY ON COOKIE.JS HERE, WATCH FOR DEPENDENCIES

    //  per Cesar, XVT and XVC sites should not have the below code at all
    
        var UA_cookie_value = "";
        //	Define value of the UA_cookie_value based on domain


        
            
                var UA_cookie_value = "UA-491285-1";

            

        

        //	Declare fn that sets cookies for utm-related params.
        //	Set cookies with all __utm key/value pairs to make the data accessible
        //	to server-side PHP scripts.

        function setUTMCookies() {

            //	If there are params in the url string, put them into an object with their values
            //	and see if they're utm params

            var urlParamsString = location.search;

            if (urlParamsString != '') {

                var arr1 = urlParamsString.slice(1).split('&');

                var utmObject = {};

                for (var t = 0; t < arr1.length; t++) {

                    var keyVal = arr1[t].split('=');

                    utmObject[keyVal[0]] = keyVal[1];
                }

                //	If the particular cookie hasn't been set yet and exists in the URL, set it for 1 yr

                if (utmObject['utm_source'] && !Cookie.get('utm_source')) {

                    Cookie.set('utm_source', utmObject['utm_source'], 1000 * 60 * 60 * 24 * 365);
                }

                if (utmObject['utm_medium'] && !Cookie.get('utm_medium')) {

                    Cookie.set('utm_medium', utmObject['utm_medium'], 1000 * 60 * 60 * 24 * 365);
                }

                if (utmObject['utm_term'] && !Cookie.get('utm_term')) {

                    Cookie.set('utm_term', utmObject['utm_term'], 1000 * 60 * 60 * 24 * 365);
                }

                if (utmObject['utm_content'] && !Cookie.get('utm_content')) {

                    Cookie.set('utm_content', utmObject['utm_content'], 1000 * 60 * 60 * 24 * 365);
                }

                if (utmObject['utm_campaign'] && !Cookie.get('utm_campaign')) {

                    Cookie.set('utm_campaign', utmObject['utm_campaign'], 1000 * 60 * 60 * 24 * 365, '/');
                }
            }
        }

        /**
        *Scrubs email PII out of a provided URL
        *Assumes at least the page path is in the provided string with hostname and query
        parameters being optional
        **/
        function piiScrub(inputURL) {

            var emailRegex =
                /(([^\/&<>()\[\]\\.,;:\s@"]+(\.[^\/&<>()\[\]\\.,;:\s@"]+)*)|(".+"))(\%2540|\%40|@)((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))/i,
                replaceStr = '[REDACTED EMAIL]',
                urlParts = inputURL.split('?'),
                pathnameParts = urlParts.length > 0 ? urlParts[0].split('/') : [],
                searchParts = urlParts.length > 1 ? urlParts[1].split('&') : [];

            for (var i = 0; i < pathnameParts.length; i++) {
                pathnameParts[i] = pathnameParts[i].replace(emailRegex, replaceStr);
            }

            for (var j = 0; j < searchParts.length; j++) {

                var keyValuePair = searchParts[j].split('=');

                if (keyValuePair.length === 2) {
                    searchParts[j] = keyValuePair[0] + '=' +
                        keyValuePair[1].replace(emailRegex, replaceStr);
                }
            }

            return pathnameParts.join('/') + (searchParts.length > 0 ? '?' + searchParts.join('&') :
                "");
        }


        setUTMCookies();


    </script>




<script>
	
	var VipExpModal = {

		vipExpirationModal: false,

		/**
		 * Checks the php flag vasr and 
		 * and assigns event listeners to DOMContentLoaded event outside the chatroom
		 * 
		 * @return
		 **/
		init: function() {

			//	If there is no var, there is nothing to do
			if(!this.vipExpirationModal) return;
			
			if(typeof window.AppController === 'undefined') {

				document.addEventListener(
					'DOMContentLoaded',
					this.showVipExpiredModal
				);

			} 
					
			
						
		},

		/**
		 * Shows the appropriate portion of the vip expiration modal (as dictated by the this.vipExpirationModla var)
		 * 
		 * @return
		 **/
		showVipExpiredModal: function() {
			
			//	The value of the var determines which portion of the overlay
			//	we will be showing to the user
			VipExpModal.vipExpOverlay = document.getElementsByClassName('vip-modal-expiring')[0];

			//	If the overlay element is not on the page - exit
			if(!VipExpModal.vipExpOverlay) return;

			//	Event listener for closing the vip exp modal:
			var closeBtn = document.getElementById('expiringModalClose');

			closeBtn.addEventListener(
				'click',
				VipExpModal.closeVipExpModal
			);

			//	Event listener for clicking on 'renew now' btn - should close the modal
			var renewBtn = document.getElementsByClassName('btn-vip-expire-modal')[0];
			
			renewBtn.addEventListener(
				'click',
				VipExpModal.closeVipExpModal
			);

			var memoName = 'vip_exp_showed';

			//	Check session storage  - if we had already set it, then
			//	we already showed this overlay - don't show it again
			var ovrlShowed = window.sessionStorage.getItem(memoName);
			
			if(ovrlShowed && Number(ovrlShowed) === 1) return;

			//	Set src on the img, taken from data-src attr (so it is loaded now and not on page load)
			var imgEl = document.getElementsByClassName('vip-exp-bg-img')[0];
			var imgElSrc = imgEl.getAttribute('data-src');
			imgEl.src = imgElSrc;

			if(VipExpModal.vipExpirationModal.toString() === '7') {
				
				//	Configure and show the '7 days until expiration content'
				document.getElementById('vipAboutToExpire').classList.remove('hide');

			} else if(VipExpModal.vipExpirationModal.toString() === '-1') {

				//	Configure and show the '1 day after expiration content'
				document.getElementById('vipHasExpired').classList.remove('hide');
			}

			//	Show the overlay
			VipExpModal.vipExpOverlay.classList.add('show-expiring-modal');

			//	Remember that we just showed the overlay
			window.sessionStorage.setItem(memoName, 1);

		},

		/**
		 * Hides the modal and removes unnecessary event listeners that will never happen again
		 * 
		 * @return
		 * */
		closeVipExpModal: function() {
			
			VipExpModal.vipExpOverlay.classList.remove('show-expiring-modal');	
			
			//	Remove ev listener.
			//	The modal is only supposed to be shown once, there should be no way for user to trigger it themselves,
			//	but in case they somehow do, we dont want a duplicate ev listener there
			var closeBtn = document.getElementById('expiringModalClose');

			closeBtn.removeEventListener(
				'click',
				VipExpModal.closeVipExpModal
			);

			//	Event listener for clicking on 'renew now' btn - should close the modal
			var renewBtn = document.getElementsByClassName('btn-vip-expire-modal')[0];
			
			renewBtn.removeEventListener(
				'click',
				VipExpModal.closeVipExpModal
			);
		}
	};
	
	
	VipExpModal.init();
	
		
</script>
<script>
    var _billing_plugin_cdn = 'https://cdn5.vscdns.com';
    var _billing_env = 'production';
    var _billing_internal = 0;
    var _billing_res = '';

            var _billing_modal_webservice = atob('L3dzL2JpbGxpbmcvYmlsbGluZy1pbnRlcmZhY2UucGhw');
    </script>



    <script src="https://cdn5.vscdns.com/assets/js/billing-plugin/dist/min/billing_modal_2026_06_04_mpzucri6.min.js"></script>


    <script src="https://cdn5.vscdns.com/assets/min/js/vshelpers_2020_11_17_02.js"></script>

<script>
    var _site_cdn = 'https://cdn5.vscdns.com';
</script>

    <script src="https://cdn5.vscdns.com/assets/min/js/user_notifications_2026_02_02_03.js"></script>



 

            
        <script src="https://cdn5.vscdns.com/assets/min/js/header_footer_2024_08_30_01.js"></script>
        
    


    <script src="https://cdn5.vscdns.com/assets/min/js/hanger_promo_2025_07_22_02.js"></script>


<script src="https://cdn5.vscdns.com/assets/min/js/survey_2024_07_08_01.js"></script>


	<script type="text/javascript" src="https://cdn5.vscdns.com/assets/min/js/search_suggestion_2022_10_19_01.js"></script>


	<script type="text/javascript" src="https://cdn5.vscdns.com/assets/min/js/model_notes_2021_03_26_01.js"></script>




	



<script src="https://cdn5.vscdns.com/assets/min/js/ad_markup_fetcher_2024_02_09_01.js"></script>






<script>

	//despite the name
	//this is the litemode for all sites
	//change to false if need to rollback
	window.useNonF4FLiteMode = true;

	//	Init room interface application
	document.addEventListener('DOMContentLoaded', function () {


		AppController.init();


		
			UpdateHomePage.init('/live/girls/', '');

		

		

					if(document.getElementById('billingModal')) {
				BillingPluginController.init.bind(BillingPluginController,{
					IS_INTERNAL: 0,
					nickname: '',
					ip: '142.250.33.32',
					sitekey: 'flirt4free'
				})();
			}
		

		FreshChat.init();


		if(typeof PendingUserController !== 'undefined') {
			PendingUserController.init(
				'', 
				'flirt4free.com'
			);
		}


        if(typeof RegistrationController !== 'undefined') {            
            RegistrationController.init({
                isDev: 0,
                isInternal: parseInt('0'),
                statusRegOverlay: 'reg_overlay',
                formID: 'registration_form',
				sitekey: 'flirt4free',
            });
        }


		if (typeof OAuthController !== 'undefined') OAuthController.init();


		
		

		if (typeof ErrorReportingController !== 'undefined') {
            ErrorReportingController.init();
        }

		

		//populate udf05 for ab test
		if (window.__usingCtaValue__) {
			
			var cta_udf05 = document.querySelector('[name="SIGNUP[udf05]"]');
			var cta_formRef = document.querySelector('[name="SIGNUP[form_ref]"]');

			//if udf05 doesn't exist and formref exist and we have a cta value then 
			//create a udf05 and populate it with ctavalue
			if (!cta_udf05 && cta_formRef) {
				cta_udf05 = '<input type="hidden" name="SIGNUP[udf05]" value="'+ window.__usingCtaValue__ +'">';
				cta_formRef.insertAdjacentHTML('afterend', cta_udf05);
			}

						//populate data layer
			if (
				typeof window.dataLayer != 'undefined' &&
				typeof window.dataLayer.push === 'function'
			) {

				window.dataLayer.push({
					'event': window.__usingCtaValue__ + ' loaded'
				});
			}

		}


		if (typeof WakeLockController !== 'undefined') {
			let wakeLockConfig = {
					isInternal: 0,
					isDev: 0,
					isStaging: 0,
					isProduction: 1,
				}
			WakeLockController.init(wakeLockConfig);	
		}
		

		setupDeferredActions();

	}, false);

	//	Determines when to run the 'sometimes deferred' calls
	function setupDeferredActions() {

        if(typeof window.BlockModelController !== 'undefined') {
			var blockModelSetup = function (event) {

				if (!event.detail) {
					return;
				}

				window.BlockModelController.setupBtns({
					modelName: event.detail.performer_name,
					modelId: event.detail.performer_id,
					btnsSelector: '.block-model-btn',
					userType: USER.type
				});

			};

			//add event listener regardless of we are in room or home
			//no execution just listerners being added
			DOM.addEventListener(
				document,
				CHAT_EVENT.ROOM_CONNECTED,
				blockModelSetup
			);
		}


		//	1. See if the page is loading on the 'Homepage' or in a 'room'
		var pageUrl = document.location.href;
		var inRoom = (pageUrl.indexOf('model=') !== -1) ? true : false;

		if(inRoom) {

			//	Inside a room wait until the connection and video logic are done
			//	 before running the deferred functions

			//	Either one event will happen or the other. As soon as we call executeDeferredActions() once, we need to remove both these event listeners (removing them is built into the fn in question itself)
			DOM.addEventListener(
				document,
				CHAT_EVENT.ROOM_CONNECTED,
				executeDeferredActions
			);

			DOM.addEventListener(
				document,
				CHAT_EVENT.ROOM_NOT_CONNECTED_OFFLINE,
				executeDeferredActions
			);


		} else {

			//	On the Homepage no need to wait for anything
			//	just run the scripts right away
			executeDeferredActions();
		}

	}

	/**
	 * Place any calls to the functions that are supposed to run
	 * ONCE per page load but need to be deferred until chat room has init'ed and connected in here
	 *
	 **/
	function executeDeferredActions() {

		Debug.print('executeDeferredActions()', '');

		//	First, remove the subscription to the 2 events that trigger this function because it needs to only run once per session
		DOM.removeEventListener(
			document,
			CHAT_EVENT.ROOM_CONNECTED,
			executeDeferredActions
		);

		DOM.removeEventListener(
			document,
			CHAT_EVENT.ROOM_NOT_CONNECTED_OFFLINE,
			executeDeferredActions
		);

		//	Deferred calls: 

		//	#1

		
		//	#2
		if(
			//	Check that VipExpModal was included as a tpl at all, and that its flag var is coming back as True from php
			typeof VipExpModal !== 'undefined' &&
			VipExpModal.vipExpirationModal &&
			typeof VipExpModal.showVipExpiredModal === 'function'
		) {
			VipExpModal.showVipExpiredModal();
		}


        
        
        if(typeof UserNotificationsController !== 'undefined'){
            var userNotificationsConfig = {
                user_id: USER.id,
                user_platform: 'computer',
                is_internal: '0',
                screenname: USER.screenname,
                nickname: USER.nickname,
                pubsub: ''
            }
            UserNotificationsController.init(userNotificationsConfig);
		}

				
            //Autopopulates model name suggestions in top right search
            if (typeof SearchSuggestion !== 'undefined' && document.getElementById('search_text') && document.getElementById("modelHeaderSuggest")) {
                var homePageSearchSuggestions = new SearchSuggestion({
                    id: 'search_text',
                    url: '/models/bios/MODEL/bio.php',
                    headerHTML: '<strong>Matching Models</strong><li><em>Click a model name to go to their bio page</em></li>',
                    suggestionEl: 'header-suggest',
                    service: (typeof service !== 'undefined') ? service : '',
                });
            }	
		
        if(typeof AppliedCredits !== 'undefined') {

            try {
                AppliedCredits.init(
                    '',
                    0,
                    [
                        {id: 5, user_id: 41040186, type: 'high_potential'}, /** dromadery_camel66 */
                        {id: 6, user_id: 42313774, type: 'high_potential'}, /** DJSnacks */
                        {id: 7, user_id: 20492787, type: 'high_potential'}, /** VSCesar */
                        {id: 66, user_id: 43280189, type: 'high_potential'},
                        {id: 67, user_id: 47966057, type: 'high_potential'},
                        {id: 68, user_id: 48015485, type: 'high_potential'},
                        {id: 69, user_id: 48020669, type: 'high_potential'},
                        {id: 70, user_id: 47975546, type: 'high_potential'},
                        {id: 71, user_id: 48029135, type: 'high_potential'},
                        {id: 72, user_id: 48032677, type: 'high_potential'},
                        {id: 73, user_id: 48046569, type: 'high_potential'},
                        {id: 74, user_id: 48058263, type: 'high_potential'},
                        {id: 75, user_id: 48059167, type: 'high_potential'},
                        {id: 76, user_id: 48072803, type: 'high_potential'},
                        {id: 77, user_id: 48075134, type: 'high_potential'},
                        {id: 78, user_id: 48115686, type: 'high_potential'},
                        {id: 79, user_id: 48115803, type: 'high_potential'},
                        {id: 80, user_id: 48116060, type: 'high_potential'},
                        {id: 81, user_id: 40006844, type: 'high_potential'},
                        {id: 82, user_id: 40792342, type: 'high_potential'},
                        {id: 83, user_id: 46114852, type: 'high_potential'},
                        {id: 84, user_id: 48129612, type: 'high_potential'},
						{id: 85, user_id: 48122219, type: 'high_potential'}, 
						{id: 86, user_id: 48132990, type: 'high_potential'},
                        {id: 87, user_id: 48085405, type: 'high_potential'},
                        {id: 88, user_id: 48165136, type: 'high_potential'},
                        {id: 89, user_id: 48165732, type: 'high_potential'},
                        {id: 90, user_id: 48166217, type: 'high_potential'},
                        {id: 91, user_id: 48157092, type: 'high_potential'},
                        {id: 92, user_id: 48179357, type: 'high_potential'},
                        {id: 93, user_id: 48180215, type: 'high_potential'},
                    	{id: 94, user_id: 52583943, type: 'high_potential'}, /** live.vsreesV4F */     
                    	{id: 95, user_id: 52405731, type: 'high_potential'}, /** dev.vsreesV4F */     
                    ]
                );
                

            } catch(err) {

            }
        }

		var showGdpr = parseInt('0');

		if( showGdpr ) { 
			//show gdpr
			var gdprModal = document.querySelector('#eu-confirm');
			if (gdprModal) {
				gdprModal.classList.remove('hide');
			}
		}

		if(typeof BlockDetectorController !== 'undefined') {
			BlockDetectorController.init();
		}

		if(typeof posthog != 'undefined') {

			if(USER.id) {
				posthog.identify(
					USER.id,  // your user's unique identifier
					{ 
						'username': USER.username,
						'no_adult': USER.no_adult, 
						'date_created': USER.date_created, 
						'country': USER.country, 
						'type': USER.type, 
						'first_purchase_amount': USER.first_purchase_amount
					} // optional: set additional person properties
				);
			} else {
				posthog.reset();
			}
		}
	}
	
</script>




<script>

	

	
</script>



    		<script src="https://cdn5.vscdns.com/assets/min/js/layout_2024_10_24_01.js"></script>
	








	
        

    <script src="https://cdn5.vscdns.com/assets/min/js/speechtotext_2024_02_20_02.js"></script>






    <script src="https://cdn5.vscdns.com/assets/min/js/block_check_2025_05_27_01.js"></script>    




<!-- Fingerprint SDK -->

    <script src="https://cdn5.vscdns.com/assets/min/js/vsfingerprint_2026_06_02_01.js"></script>





    <script src="https://cdn5.vscdns.com/assets/min/js/interstitial_modal_timer_2026_01_21_01.js"></script>







    <script src="https://cdn5.vscdns.com/assets/min/js/error_reporting_tool_2025_08_22_01.js"></script>


<!-- AGEGO -->

<!-- Welcome Modal -->

			<script>
			document.addEventListener('DOMContentLoaded', function() {
				var params = window.location.search;
				if (params.indexOf('entrance_link_showlogin=1') !== -1) {
					var input = document.querySelector('input#loginModal');
					input != null ? input.checked = true : '';
				}
			});
		</script>
	
<div id="overlay"></div>
<div id="jsonp"></div>

<script type="text/javascript">
//
//	IOVATION
//

/* Copyright(c) 2018, iovation, inc. All rights reserved. */
window.io_global_object_name = "IGLOO";

window.IGLOO = window.IGLOO || {
    "bbout_element_id" : "iobb",  // this can be changed to store in a different hidden field (or removed to use a different collection method)
    "enable_flash" : false,
    "loader" : {
        "subkey"  : "NmVxq-iDDMiwb1gCA5eBhL60S9VNaWh5lDA1Ne2MdRI",
        "version" : "general5",
    }
};

var fnct = function() {

    var saveIovationBlackbox = function (iobb, screenName) {

        if(typeof Ajax !== 'undefined' && typeof Ajax.call === 'function') {

            var _url = '/webservices/save-iovation-blackbox.php';
            var _options = {
                method: 'POST',
                body: JSON.stringify({
                    'blackbox': iobb,
                    'screen_name': screenName
                })
            };

            Ajax.fetch(_url, _options)
                .then(function (response) {
                    return response.json(); 
                })
                .then(function (result) {
                    //just saving bb we dont care about response
                })
                .catch(function (response) {
                    //just saving bb we dont care about response at least for now
                });

        }

    };


    
    setTimeout(function() {

        var blackbox	= document.getElementById('iobb').value;

        var iobbClassElements = document.querySelectorAll('.iobb');

        for(var i = 0; i < iobbClassElements.length; i++) {

            iobbClassElements[i].value = blackbox;
        }

        

        try {
            if(typeof USER !== 'undefined' && USER.screenname) {
                    saveIovationBlackbox(blackbox, USER.screenname);
            }
        } catch (err) {}

        

    }, 120);
};

if(typeof(window.onload) != 'function') {

    window.onload	= fnct;

} else {

    //	Save the current value
    var windowOnLoad	= window.onload;

    //	Otherwise, build a new function that encompases the old value
    //	and adds the new function call.
    window.onload	= function() {

        if(windowOnLoad) {

            windowOnLoad();

        }

        fnct();
    }
}





</script>







<script>

(function A(){function u(a,b){var d={},c;for(c=a.length-1;-1<c;c--)0<c?d[c]=function(){var g=c;return function(){return v(a[g],d[g+1],b)}}():v(a[c],d[c+1],b)}function v(f,m,d){var c=document.createElement("script"),g=f[0].split("?")[0].split("/"),e;e=g[g.length-1].split(".")[0];g=a[d]&&a[d].staticVer&&a[d].staticVer+"/"||f[1];/([0-9]+\.){2}[0-9]+\//.test(f[1])&&g!==f[1]&&h("loader: Overriding configured version with staticVer.");f[0]=f[0].replace("##version##",g);c.setAttribute("src",f[0] + "&t=23943298023324");c&&c.addEventListener?
c.addEventListener("error",function(){b[d+"_"+e+"_load_failure"]="true"}):c.attachEvent&&c.attachEvent("onerror",function(){b[d+"_"+e+"_load_failure"]="true"});m&&(c.onload=m);document.getElementsByTagName("head")[0].appendChild(c)}function h(b){if("function"===typeof a.trace_handler)try{a.trace_handler(b)}catch(e){}}function e(a,b){var d=null!==a&&void 0!==a;return!d||"1"!==a.toString()&&"true"!==a.toString().toLowerCase()?!d||"0"!==a.toString()&&"false"!==a.toString().toLowerCase()?"boolean"===
typeof b?b:!1:!1:!0}var t=window,w=t.io_global_object_name||"IGLOO",a=t[w]=t[w]||{},b=a.loader=a.loader||{},x=[],y=[];if(b.loaderMain)return h("loader: Loader script has already run, try reducing the number of places it's being included."),!1;b.loaderMain=A;b.loaderVer="5.1.0";(function(){var f=e(b.tp,!0),m=e(b.fp_static,!0),d=e(b.fp_dyn,!0),c=e(b.enable_legacy_compatibility),g=e(b.tp_split),u=b.tp_host&&b.tp_host.replace(/\/+$/,"")||"https://mpsnare.iesnare.com",z=b.fp_static_override_uri,l=void 0!==
b.uri_hook?b.uri_hook+"/":"/iovation/",n=(b.version||"versionOrAliasIsRequired")+"/",v=b.subkey?t.encodeURIComponent(b.subkey)+"/":"",w=b.tp_resource||"wdp.js",p=b.tp_host?"&tp_host="+t.encodeURIComponent(b.tp_host):"",B=z?"&fp_static_uri="+t.encodeURIComponent(z):"",q,r,k;b.tp_host=u;q=e(a.enable_flash,!0);r=a.io&&a.io.enable_flash;k=a.fp&&a.fp.enable_flash;r=void 0!==r&&null!==r?e(r,!0):q;void 0!==k&&null!==k?k=e(k,!0):r=q;q=r?"&flash=true":"&flash=false";k=k?"&flash=true":"&flash=false";p="?loaderVer="+
b.loaderVer+"&compat="+c+"&tp="+f+"&tp_split="+g+p+"&fp_static="+m+"&fp_dyn="+d+B;f||m||h("loader: Not currently configured to load fp_static or tp script(s).");a.fp&&a.fp.staticVer&&a.fp.staticVer+"/"!==n&&(n=a.fp.staticVer+"/",h("loader: Configured version replaced with that from pre-loaded static script."));m||a.fp&&a.fp.staticMain?(l=(l+"##version##"+v).replace(/\/\//g,"/"),m&&(a.fp&&a.fp.staticMain?c&&!a.fp.preCompatMain&&h("loader: enable_legacy_compatibility on, but included static does not have the compat wrapper."):
z?x.push([z,""]):x.push([l+"static_wdp.js"+p+k,n])),!d||a.fp&&a.fp.dynMain?a.fp&&a.fp.dynMain&&h("loader: First party dynamic script has already been loaded, disable fp_dyn or make sure you're not manually including the dynamic file separately."):x.push([l+"dyn_wdp.js"+p+k,n])):e(b.fp_dyn)&&h("loader: Invalid Config, first party dynamic script set to load without static.");f&&(a.io&&a.io.staticMain?h("loader: Third party script has already been loaded."):(l=u+"/##version##"+v,g?(y.push([l+"static_wdp.js"+
p+q,n]),y.push([l+"dyn_wdp.js"+p+q,n]),b.tp_resource&&h("loader: Invalid Config: both tp_resource and tp_split set. Ignoring tp_resource.")):y.push([l+w+p+q,n])))})();u(x,"fp");u(y,"io")})();

</script>
<form>
    <input type="hidden" id="iobb" />
</form>

<script type="text/javascript">
    

    document.addEventListener('DOMContentLoaded', function () {

        //	On the my account page, there is an 'inline' log in form, that needs an event listener
        var loginFormMyAccount = document.myAccount;
        
        if(loginFormMyAccount) {
        
            loginFormMyAccount.addEventListener(
                'submit',
                function(ev) {
                    ev.preventDefault();
                
                    onLoginFormSubmit(loginFormMyAccount);
                }
            );
            
        }
        
        var loginOverlay = document.myAccountOverlay;
       
        if(loginOverlay) {
            
            loginOverlay.addEventListener(
                'submit',
                function(ev) {
                    ev.preventDefault();
                   
                    onLoginFormSubmit(loginOverlay);
                }
            );

        }
    });

    var onLoginFormSubmit = function(formEl) {

        var numIobbChecksInp = document.getElementById('iobbChecksCount');
        
        //	Check for up to 3 sec (500ms*6=3000)
        var maxAttempts = 6;
        var curAttempt = 0;

        var checkIfIobbHasBeenPopulated = function(formEl) {

            setTimeout(function() {
                
                var iobbField = document.getElementById('iobb');
                
                //	If the field has been popuated, submit the form now.
                if(iobbField.value.trim().length > 0) return formEl.submit();
                
                if(curAttempt < maxAttempts) {
                    curAttempt++;
                    
                    checkIfIobbHasBeenPopulated(formEl);
                } else {
                    
                    //	We've waited for iobb field to come in long enough -
                    //	give up and submit the login form.
                    //	But first, populate the hidden field.
                    if(numIobbChecksInp) {
                        numIobbChecksInp.value = curAttempt;
                    }
                    
                    curAttempt = 0;

                    formEl.submit();

                }

            }, 500);
        };

        checkIfIobbHasBeenPopulated(formEl);
    };

</script>



<input type="checkbox" class="hide" id="cookie2025" data-modal-priority="5.1" >
<style>
        #cookie2025:checked ~ .cookie-notify.cookie-notify-2025 {
        display: flex !important;
        }   
</style>

<style>
    .cookie-notify.cookie-notify-2025 {
        position: fixed;
        width: 100%;
        bottom: 0;
        right: 0;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        background-color: #20222C;
        z-index: 100;
        text-align: left;
        font-size: 13px;
        line-height: 18px;
        color: #9BAFC2;
        padding: 35px 20px;
        font-weight: 400;
        box-sizing: border-box;
    }

    .cookie-notify.show {
        display: flex !important;
    }

    .cookie-notify.hide {
        display: none;
    }

    .cookie-icon-wrap {
        margin: 0 36px 0 0;
    }

    .cookie-icon-wrap .cookie-icon-path-fill {
        fill: #9bafc2;
    }

    .cookie-icon-wrap .cookie-icon-path-stroke {
        stroke: #9bafc2;
    }

    .cookie-policy-copy {
        width: 100%;
        max-width: 600px;
    }

    .cookie-policy-copy p {
        margin: 0;
    }

    .cookie-policy-copy a {
        font-weight: 700;
        text-decoration: none;
        transition: 0.2s;
    }

    .cookie-policy-copy a:hover {
        text-decoration: underline;
    }

    .cookie-policy-copy p.cookie-policy-copy-title {
        color: #FFFFFF;
        font-size: 16px;
        line-height: 22px;
        font-weight: 700;
        margin: 0 0 6px 0;
    }

    .cookie-policy-buttons {
        display: flex;
        align-items: center;
        margin: 0 0 0 133px;
    }

    .cookie-policy-buttons a.exit-site-button {
        text-transform: uppercase;
        color: #9BAFC2;
        text-decoration: none;
        font-size: 16px;
        line-height: 22px;
        font-weight: 700;
        margin: 0 31px 0 0;
        position: relative;
        transition: 0.2s;
    }

    .cookie-policy-buttons a.exit-site-button:hover {
        color: #FFFFFF;
    }

    .cookie-policy-buttons a.exit-site-button::after {
        content: '';
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 100%;
        border-bottom: 2px solid #9BAFC2;
        transition: 0.2s;
    }

    .cookie-policy-buttons a.exit-site-button:hover::after {
        border-bottom: 2px solid #FFFFFF;
    }

    .cookie-policy-buttons .cookie-notify-button {
        border: 0;
        transition: 0.2s;
        color: #FFFFFF;
        text-transform: uppercase;
        font-family: inherit;
        font-size: 16px;
        line-height: 18px;
        font-weight: 700;
        border-radius: 30px;
        padding: 15px 85px;
        box-sizing: border-box;
        background: linear-gradient(258deg, #2C91AF 0%, #2C91AF 100%);
        cursor: pointer;
    }

    .cookie-policy-buttons .cookie-notify-button:hover {
        background: linear-gradient(258deg, #43D4FF 0%, #2C91AF 100%);
    }

    /*WL Light Theme*/
    body.whitelabel.light .cookie-notify.cookie-notify-2025 {
        background-color: #fff;
        color: #000;
    }

    body.whitelabel.light .cookie-icon-wrap .cookie-icon-path-fill {
        fill: #000;
    }

    body.whitelabel.light .cookie-icon-wrap .cookie-icon-path-stroke {
        stroke: #000;
    }

    body.whitelabel.light .cookie-policy-copy p.cookie-policy-copy-title {
        color: #000;
    }

    body.whitelabel.light .cookie-policy-copy a {
        color: #004587;
    }

    body.whitelabel.light .cookie-policy-buttons a.exit-site-button {
        color: #000;
    }

    body.whitelabel.light .cookie-policy-buttons a.exit-site-button:hover {
        color: #000;
    }

    body.whitelabel.light .cookie-policy-buttons a.exit-site-button::after {
        border-bottom: 2px solid #000;
    }

    body.whitelabel.light .cookie-policy-buttons a.exit-site-button:hover::after {
        border-bottom: 2px solid #004587;
    }

    body.whitelabel.light .cookie-policy-buttons .cookie-notify-button {
        background: #004587;
    }

    body.whitelabel.light .cookie-policy-buttons .cookie-notify-button:hover {
        background: #004587;
        opacity: 0.8;
    }

    /*WL Dark Theme*/
    body.whitelabel.dark .cookie-notify.cookie-notify-2025 {
        background-color: #000;
        color: #fff;
    }

    body.whitelabel.dark .cookie-icon-wrap .cookie-icon-path-fill {
        fill: #fff;
    }

    body.whitelabel.dark .cookie-icon-wrap .cookie-icon-path-stroke {
        stroke: #fff;
    }

    body.whitelabel.dark .cookie-policy-copy a {
        color: #004587;
    }

    body.whitelabel.dark .cookie-policy-buttons a.exit-site-button {
        color: #fff;
    }

    body.whitelabel.dark .cookie-policy-buttons a.exit-site-button::after {
        border-bottom: 2px solid #fff;
    }

    body.whitelabel.dark .cookie-policy-buttons a.exit-site-button:hover::after {
        border-bottom: 2px solid #004587;
    }

    body.whitelabel.dark .cookie-policy-buttons .cookie-notify-button {
        background: #004587;
    }

    body.whitelabel.dark .cookie-policy-buttons .cookie-notify-button:hover {
        background: #004587;
        opacity: 0.8;
    }

    /*XVIDEOS*/
    .xvideos-cams .cookie-notify.cookie-notify-2025 {
        position: fixed;
        width: 100%;
        bottom: 0;
        right: 0;
        flex-direction: row;
        align-items: center !important;
        justify-content: center;
        background-color: #fff !important;
        color: #000;
        z-index: 100;
        text-align: left;
        font-size: 13px;
        line-height: 18px;
        padding: 35px 20px !important;
        font-weight: 400;
        box-sizing: border-box;
        border: 0;
        border-top-left-radius: 0;
    }

    .xvideos-cams .cookie-icon-wrap .cookie-icon-path-fill {
        fill: #000;
    }

    .xvideos-cams .cookie-icon-wrap .cookie-icon-path-stroke {
        stroke: #000;
    }

    .xvideos-cams .cookie-policy-copy p.cookie-policy-copy-title {
        color: #000;
    }

    .xvideos-cams .cookie-policy-copy a {
        color: #004587;
    }

    .xvideos-cams .cookie-policy-buttons a.exit-site-button {
        color: #000;
    }

    .xvideos-cams .cookie-policy-buttons a.exit-site-button:hover {
        color: #000;
    }

    .xvideos-cams .cookie-policy-buttons a.exit-site-button::after {
        border-bottom: 2px solid #000;
    }

    .xvideos-cams .cookie-policy-buttons a.exit-site-button:hover::after {
        border-bottom: 2px solid #004587;
    }

    .xvideos-cams .cookie-policy-buttons .cookie-notify-button {
        background: #004587;
    }

    .xvideos-cams .cookie-policy-buttons .cookie-notify-button:hover {
        background: #004587;
        opacity: 0.8;
    }

    /*XNXX*/
    .xnxx-cams .cookie-notify.cookie-notify-2025 {
        position: fixed;
        width: 100%;
        bottom: 0;
        right: 0;
        flex-direction: row;
        align-items: center !important;
        justify-content: center;
        background-color: #004BE8 !important;
        color: #fff;
        z-index: 100;
        text-align: left;
        font-size: 13px;
        line-height: 18px;
        padding: 35px 20px !important;
        font-weight: 400;
        box-sizing: border-box;
        border: 0;
        border-top-left-radius: 0;
    }

    .xnxx-cams .cookie-icon-wrap .cookie-icon-path-stroke {
        stroke: #fff;
    }

    .xnxx-cams .cookie-icon-wrap .cookie-icon-path-fill {
        fill: #fff;
    }

    .xnxx-cams .cookie-policy-buttons a.exit-site-button::after {
        border-bottom: 2px solid #fff;
    }

    .xnxx-cams .cookie-policy-buttons a.exit-site-button:hover::after {
        border-bottom: 2px solid #000066;
    }

    .xnxx-cams .cookie-policy-buttons .cookie-notify-button {
        background: #000066;
    }

    .xnxx-cams .cookie-policy-buttons .cookie-notify-button:hover {
        background: #000066;
        opacity: 0.8;
    }

    @media all and (max-width: 1023px) {

        .cookie-policy-buttons {
            margin: 0 0 0 10px;
        }

        .cookie-policy-buttons .cookie-notify-button {
            padding: 15px 35px;
        }

        .cookie-policy-buttons a.exit-site-button {
            margin: 0 21px 0 0;
        }

    }

    @media all and (max-width: 767px) {

        .cookie-notify.cookie-notify-2025,
        .xvideos-cams .cookie-notify.cookie-notify-2025,
        .xnxx-cams .cookie-notify.cookie-notify-2025 {
            flex-direction: column;
            align-items: flex-start !important;
            justify-content: flex-start;
            padding: 25px 20px !important;
        }

        .cookie-icon-wrap {
            margin: 0 0 16px 0;
        }

        .cookie-policy-buttons {
            margin: 26px 0 0 0;
        }

        .cookie-policy-buttons .cookie-notify-button {
            padding: 15px 45px;
        }

        .cookie-policy-buttons a.exit-site-button {
            margin: 0 31px 0 0;
        }
    }
</style>

<div id="cookiePolicyBanner" class="cookie-notify cookie-notify-2025 hide">
    <div class="cookie-icon-wrap">
        <svg id="cookie_icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="56.967" height="54" viewBox="0 0 56.967 54">
            <defs>
                <clipPath id="clip-path-cookie-icon">
                <rect id="Rectangle_6932" data-name="Rectangle 6932" width="56.967" height="54" fill="none"/>
                </clipPath>
            </defs>
            <g id="Group_1011" data-name="Group 1011" clip-path="url(#clip-path-cookie-icon)">
                <path id="Path_3662" data-name="Path 3662" class="cookie-icon-path-stroke" d="M51.74,34.99A26,26,0,1,1,27,1c.24,0,.49,0,.73.02a6,6,0,0,0-.05.74,5.95,5.95,0,0,0,5.24,5.91,5.992,5.992,0,0,0,2.6,10.12A7.625,7.625,0,1,0,45.94,28.86a.615.615,0,0,0-.01.14A5.991,5.991,0,0,0,51.74,34.99Z" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
                <path id="Path_3663" data-name="Path 3663" class="cookie-icon-path-fill" d="M56.967,15.364a3.932,3.932,0,1,1-3.932-3.932,3.933,3.933,0,0,1,3.932,3.932" transform="translate(0 -1)"/>
                <path id="Path_3664" data-name="Path 3664" class="cookie-icon-path-fill" d="M45.315,21.655a2.32,2.32,0,1,1-2.32-2.32,2.32,2.32,0,0,1,2.32,2.32" transform="translate(0 -1)"/>
                <path id="Path_3665" data-name="Path 3665" class="cookie-icon-path-fill" d="M24.545,17.153a4.721,4.721,0,1,1-4.722-4.722,4.721,4.721,0,0,1,4.722,4.722" >
                <path id="Path_3666" data-name="Path 3666" class="cookie-icon-path-fill" d="M32.631,39.722A4.722,4.722,0,1,1,27.909,35a4.722,4.722,0,0,1,4.722,4.722"/>
                <path id="Path_3667" data-name="Path 3667" class="cookie-icon-path-fill" d="M14.816,29.94a3.357,3.357,0,1,1-3.357-3.357,3.357,3.357,0,0,1,3.357,3.357"/>
                <path id="Path_3668" data-name="Path 3668" class="cookie-icon-path-fill" d="M43.37,11.107A3.356,3.356,0,1,1,40.013,7.75a3.357,3.357,0,0,1,3.357,3.357" transform="translate(0 -1)"/>
            </g>
        </svg>
    </div>
    <div class="cookie-policy-copy">
        <p class="cookie-policy-copy-title">This Site Uses Cookies for a Tastier Experience</p>
        <p>We use cookies to optimize your experience, analyze traffic, and deliver more personalized service. To learn more, please see our <a href="/privacy.php">Privacy Policy</a>.</p>
    </div>
    <div class="cookie-policy-buttons">
        <a href="https://www.google.com" class="exit-site-button">Leave</a>
        <input class="cookie-notify-button" type="button" value="I Agree">
    </div>
</div>




    <script type="text/javascript" src="https://cdn5.vscdns.com/assets/js/misc/min_cookie_policy/c_policy_2026_04_21_mo910h6r.min.js"></script>

<script>
    /** CookiePolicy **/
    //call CookiePolicy and pass the show_cookie_policy flag from the server, userId, and remote address as a user ip address

    CookiePolicy
        .initialize(

            parseInt('1'),

            '',

            '142.250.33.32',

            '0.1'

        );
</script>
<style>

.upgrade-browser-notify {
    position: fixed; 
    width: 25%;
    bottom: 0;
    left: 0;
    flex-direction: row;
    align-items: center;
    background-color: #bf0000;
    z-index: 100;
    text-align: left;
    font-size: 13px;
    color: #fff;
    padding: 10px 12px;
    font-weight: normal;
    border: 1px solid #ff0606;
    border-top-right-radius: 20px;
    box-sizing: border-box;
    align-items: flex-start;
}

.upgrade-browser-title {
    color: #fff;
    font-size: 16px;
    margin: 10px 0;
}

.upgrade-browser-notify-button {
    background-color: #fff;
    color: #000 !important;
    padding: 8px 14px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 3px;
    display: block;
    cursor: pointer;
    border: none;
    display: block;
    margin: 18px 0 8px 0;
    display: flex;
    justify-content: flex-end;
}

 .upgrade-browser-notify {
    display: flex;
}

.upgrade-browser-notify.hide-upgrade {
    display: none;
}

.upgrade-browser-button-contain {
    display: flex;
    justify-content: flex-end;
    width: 99%;
}

.upgrade-browser-notify a,
.light .upgrade-browser-notify a:visited,
.light .upgrade-browser-notify a,
.light .upgrade-browser-notify a:link {
    text-decoration: underline;
    color: #c1c1c1;
}

.upgrade-browser-notify .text-32 {
    top: 11px;
    position: relative;
}

.upgrade-browser-notify .line,
.siteBody:not(.chat-room-opened) .upgrade-browser-notify .line {
    height: 1px;
    border-top: 1px solid rgba(150,150,150,0.5);
    margin: 15px 3px 12px 1px;
    background: none;
}

@media all and (max-width: 1460px) {

    .upgrade-browser-notify {
        width: 50%; 
    }

}

@media all and (max-width: 780px) {

    .upgrade-browser-notify {
        width: 100%;
    }

}

@media all and (max-width: 480px) {

    .upgrade-browser-notify {
        font-size: 13px;
        border-top-left-radius: 0;
    }

}

</style> 

<script>
document.addEventListener('DOMContentLoaded', function(){
    (function(){
        if (typeof UAParser !== 'function') {
            let userAgent = navigator.userAgent;
            let browserName;
         
            if(userAgent.match(/chrome|chromium|crios/i)){
                browserName = "chrome";
            }else if(userAgent.match(/firefox|fxios/i)){
                browserName = "firefox";
            }  else if(userAgent.match(/safari/i)){
                browserName = "safari";           
            } else if(userAgent.match(/edg/i)){
                browserName = "edge";
            }else{
                browserName="No browser detection";
            }

            var test = {'name': browserName, 'version': '', 'major': ''};

            if(browserName == 'safari') {
                if(userAgent.toLowerCase().indexOf('version/') !== -1) {
                    
                    let safVersion = userAgent.toLowerCase().slice(userAgent.toLowerCase().indexOf('version/'));
                    safVersion = safVersion.slice(8, safVersion.indexOf(' '));
                     let safVersionMajor = Number(safVersion.split('.')[0]);

                    test.version = safVersion;
                    test.major = safVersionMajor;
                    
                }
                
            }
        }
        else {
            var test = new UAParser().getBrowser();
        }
       
        var isCookie = false;
        if (typeof Cookie == 'object' && Cookie.hasOwnProperty('get')) {
            //will return true if it's been clicked
            isCookie = Cookie.get('browser_upgrade_clicked');
        }
        var upgrade = document.querySelector('.upgrade-browser-notify');
        var needsUpgrade = false;

        var versionNumberArr = test.version.split('.');
        var versionNumber = `${versionNumberArr[0]}.${versionNumberArr[1]}`;

        if ((test.name.toLowerCase() == 'safari' && Number(versionNumber) <= 11) && !isCookie){
            if (upgrade.classList.contains('hide-upgrade')) {
                upgrade.classList.remove('hide-upgrade');
            }
            var ms = document.getElementById('upgradeBrowserMs');
            ms.style.display = 'none';
            needsUpgrade = true;

        } 
        if (test.name == "IE" && Number(test.major) <= 11 && !isCookie) { 
            if (upgrade.classList.contains('hide-upgrade')) {
                upgrade.classList.remove('hide-upgrade');
            }
            var saf = document.getElementById('upgradeBrowserSafari');
            saf.style.display = 'none';
            needsUpgrade = true
        }
        if (needsUpgrade) {
            var button = document.querySelector('.upgrade-browser-notify-button');
            button.addEventListener('click', function(){
            if (!upgrade.classList.contains('hide-upgrade')) {
                upgrade.classList.add('hide-upgrade');
                Cookie.set('browser_upgrade_clicked', true, 1000*60*60, '/');
                }
            });
        }
    })();
});
</script>

<div class="upgrade-browser-notify hide-upgrade">  
    <div class="upgrade-browser-notify-copy">
        <p class="upgrade-browser-title"><strong><i class="icon-alert text-32"></i> ALERT: Upgrade your browser</strong></p>
        <div class="line"></div>
        <p id="upgradeBrowserSafari"><b>We are no longer supporting this browser.</b><br><br> You are currently using Safari version 11 or earlier, which will have problems with our video players. We will no longer be supporting Safari version < 11, please upgrade to <a href="https://www.google.com/chrome/" target="_blank" rel="noopener noreferrer">Chrome</a>, <a href="https://www.microsoft.com/edge/" target="_blank" rel="noopener noreferrer">Edge</a> or <a href="https://www.mozilla.org/en-US/firefox/" target="_blank" rel="noopener noreferrer">FireFox</a>. If you have further questions please see <a href="/support.php">Customer Support</a>.</p>
        <p id="upgradeBrowserMs">You are currently using Internet Explorer 11 (2013) or earlier, which will have problems with our players. We will no longer be supporting Explorer 11, please upgrade to <a href="https://www.google.com/chrome/" target="_blank" rel="noopener noreferrer">Chrome</a>, <a href="https://www.microsoft.com/edge/" target="_blank" rel="noopener noreferrer">Edge</a> or <a href="https://www.mozilla.org/en-US/firefox/" target="_blank" rel="noopener noreferrer">FireFox</a> If you have further questions please see <a href="/support.php">Customer Support</a></p>
        <div class="upgrade-browser-button-contain">
            <input class="upgrade-browser-notify-button" type="button" value="Close">  
        </div>
    </div>
</div>


<script>
	var COMMON = "";
	var COMMON_RAW = "";

	var CONFIG = {};
	CONFIG.CDN_URL = "https://cdn5.vscdns.com";

	var SKIN = {};
	SKIN.sitekey = "flirt4free";
	SKIN.title = "Flirt4Free";

	var TOP_NAV = "live";

	var refreshVar = '1';

			var reg_overlay_template_set = "overlay_5_nojquery";
	</script>
<script>
	// just show lazy els if we are not on homepage
	document.addEventListener('DOMContentLoaded', function() {
		if (window.AppController == null) {

			var lazyEls = Array.prototype.slice.call(document.querySelectorAll('.elements-to-show-after-homepage-render'));

			lazyEls.forEach(function(el) {
				el.classList.remove('hide');
			});

		}
	});
</script>


<input type="radio" name="interstitialModalControl" class="hide" id="hide_interstitial_modal" aria-label="close modal" checked>

<style>
	.main-interstitial-modal {
		line-height: normal;
	}

	.main-interstitial-wrapper {
		opacity: 0;
		position: fixed;
		z-index: 102;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%) scale(0.95);
		transition: opacity 0.3s ease, transform 0.3s ease;
		pointer-events: none;
		height: 600px;
		width: 600px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		box-shadow: 0 10px 25px 3px rgba(0, 0, 0, 0.5);
		border-radius: 15px;
		box-sizing: border-box;
		padding: 15px;
		background-image: url('https://cdn5.vscdns.com/images/register/interstitial-images/interstitial-background-600.png');
		background-size: cover;
		background-position: center;
		animation: interstitial-background-pulse 5s infinite ease-in-out;
	}

	@keyframes interstitial-background-pulse {
		0%, 100% {
			background-size: auto 100%;
		}
		50% {
			background-size: auto 107%;
		}
	}

	.main-interstitial-modal-control:checked ~ .main-interstitial-wrapper {
		opacity: 1;
		transform: translate(-50%, -50%) scale(1);
		pointer-events: all;
	}

	.main-interstitial-modal-shadow {
		display: none;
		position: fixed;
		z-index: 101;
		top: 0;
		left: 0;
		height: 110vh;
		width: 100%;
		background: rgba(0, 0, 0, 0.69);
		backdrop-filter: blur(7px);
	}

	.main-interstitial-modal-control:checked ~ .main-interstitial-modal-shadow {
		display: flex;
	}

	.main-interstitial-close {
		position: absolute;
		top: 15px;
		right: 15px;
		opacity: .69;
		font-size: 18px;
		z-index: 2;
		color: #322079;
	}

	.main-interstitial-close i {
		display: flex;
	}

	.main-interstitial-inner {
		z-index: 1;
		width: 100%;
		height: calc(100% - 50px);
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-between;
	}

	.main-interstitial-limited-time {
		position: absolute;
		max-width: 400px;
		display: flex;
		align-items: center;
		justify-content: center;
		filter: drop-shadow(0px 10px 0px rgba(0, 0, 0, .4));
		color: #ffffff;
		top: 40px;
	}

	.main-interstitial-limited-time img {
		max-width: 100%;
	}

	.main-interstitial-limited-time span {
		position: absolute;
		top: 12px;
		font-size: 23px;
		text-transform: uppercase;
		font-weight: bold;
		text-shadow: 0px 3px 1px #02344a;
	}

	.main-interstitial-credits-container {
		position: absolute;
		top: 41%;
		left: 50%;
	}

	.main-interstitial-120-free {
		display: flex;
		flex-direction: column;
		transform: skew(4deg, -8deg) translate(-50%, -50%);
	}

	.main-interstitial-120-free span:first-child {
		background-image: linear-gradient(180deg, #B530FA 25%, #5A1BD8 100%);
		font-size: 140px;
		font-weight: bold;
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	.main-interstitial-120-free span:last-child {
		color: #4E17D4;
		margin-left: 20px;
		font-weight: bold;
		font-size: 32px;
		text-transform: uppercase;
		margin-top: -35px;
	}

	.interstitial-text-2,
	.interstitial-text-3 {
		display: none;
	}

	.main-interstitial-modal.dont-miss-out .interstitial-text-1,
	.main-interstitial-modal.dont-miss-out .interstitial-text-3 {
		display: none;
	}

	.main-interstitial-modal.dont-miss-out .interstitial-text-2 {
		display: flex;
	}

	.main-interstitial-modal.last-chance .interstitial-text-1,
	.main-interstitial-modal.last-chance .interstitial-text-2 {
		display: none;
	}

	.main-interstitial-modal.last-chance .interstitial-text-3 {
		display: flex;
	}

	.main-interstitial-bottom-container {
		position: absolute;
		bottom: 40px;
	}

	.main-interstitial-timer {
		color: #e6f7ff;
		display: inline-block;
		background: #9227EA;
		text-shadow: 0px 2px 1px #110b42;
		padding: 10px 20px;
		box-sizing: border-box;
		font-size: 21px;
		font-weight: bold;
		letter-spacing: 2px;
		border-radius: 5px;
		margin-bottom: 30px;
		box-shadow: 0px 3px 2px rgba(86, 0, 157, .69);
	}

	.main-interstitial-claim-button {
		background-color: #321F79;
		color: #ffffff;
		border: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		text-shadow: 0 1px 2px rgba(0, 73, 24, 0.2);
		border-radius: 40px;
		font-size: 21px;
		text-transform: uppercase;
		cursor: pointer;
		transition: all 0.3s ease;
		padding: 10px 50px;
		font-weight: 600;
		margin-bottom: 10px;
		position: relative;
		animation: main-interstitial-claim-button-pulse-background 3s infinite ease-in-out;
	}

	.main-interstitial-claim-button:hover {
		background-color: #654DD0;
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
		transform: scale(1.05);
	}

	.main-interstitial-claim-button:active {
		background-color: #43297E;
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
		transform: scale(1);
	}

	.main-interstitial-claim-button::before {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		width: 120%;
		height: 105%;
		background: radial-gradient(circle, rgba(101, 77, 208, 0.2), transparent);
		transform: translate(-50%, -50%) scale(1);
		border-radius: 40px;
		animation: main-interstitial-claim-button-subtle-glow 6s infinite linear;
		z-index: 0;
		pointer-events: none;
	}

	.main-interstitial-claim-button:hover {
		background-color: #654DD0;
		transform: scale(1.03);
		box-shadow: 0 0 12px rgba(101, 77, 208, 0.9), inset 0 0 10px rgba(255, 255, 255, 0.2);
	}

	.main-interstitial-claim-button:hover::before {
		background: radial-gradient(circle, rgba(255, 255, 255, 0.25), transparent);
		animation: none;
	}

	.main-interstitial-claim-button:active {
		transform: scale(0.97);
		box-shadow: 0 0 8px rgba(50, 31, 121, 0.8), inset 0 0 4px rgba(255, 255, 255, 0.2);
	}

	@keyframes main-interstitial-claim-button-pulse-background {
		0% {
			background-color: #321F79;
			box-shadow: 0 2px 8px rgba(50, 31, 121, 0.3);
		}
		50% {
			background-color: #43309F;
			box-shadow: 0 2px 8px rgba(50, 31, 121, 0.6);
		}
		100% {
			background-color: #321F79;
			box-shadow: 0 2px 8px rgba(50, 31, 121, 0.3);
		}
	}

	@keyframes jj-claim-button-pulse-background {
		0% {
			background-color: #76E5FF;
			box-shadow: 0 2px 8px rgba(50, 31, 121, 0.3);
		}
		50% {
			background-color: #53bdd4ff;
			box-shadow: 0 2px 8px rgba(50, 31, 121, 0.6);
		}
		100% {
			background-color: #76E5FF;
			box-shadow: 0 2px 8px rgba(50, 31, 121, 0.3);
		}
	}

	@keyframes main-interstitial-claim-button-subtle-glow {
		0% {
			transform: translate(-50%, -50%) scale(1);
			opacity: 0.8;
		}
		50% {
			transform: translate(-50%, -50%) scale(1.2);
			opacity: 0.5;
		}
		100% {
			transform: translate(-50%, -50%) scale(1);
			opacity: 0.8;
		}
	}

	.main-interstitial-maybe-later {
		text-decoration: underline;
		cursor: pointer;
		font-size: 14px;
		transition: all 0.2s ease;
		color: #ffffff;
		opacity: .7;
	}

	.main-interstitial-maybe-later:hover {
		opacity: 1;
	}

	.main-interstitial-ways-to-use-credits {
		display: none;
		position: absolute;
		right: 50%;
		top: 95%;
		width: 100%;
		background: rgba(101, 77, 208, 0.85);
		padding: 0;
		box-sizing: border-box;
		overflow: hidden;
	}

	.main-interstitial-ways-to-use-credits-title {
		font-size: 18px;
		font-weight: 700;
		color: #fff;
	}

	.main-interstitial-ways-to-use-credits-list-container {
		position: relative;
		width: 100%;
		top: 0;
		right: 0;
		animation: interstitial-ways-to-use-slide-animation 17s infinite;
		display: flex;
		margin: 0 auto;
		overflow: visible;
	}

	.main-interstitial-ways-to-use-credits-list-item {
		margin: 5px 0;
		min-width: 100%;
		position: relative;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.main-interstitial-ways-to-use-credits-list-item span {
		font-weight: 600;
		font-size: 13px;
		color: #ffffff;
	}

	.main-interstitial-ways-to-use-credits-list-item i {
		color: #ffffff;
		display: flex;
		font-size: 32px;
		margin: -3px 7px 0px -7px;
	}

	.main-interstitial-ways-to-use-credits-list-item svg {
		fill: #ffffff;
		stroke: #ffffff;
		width: 35px;
		margin: -3px 5px 0px -5px;
	}

	.main-interstitial-ways-to-use-credits-list-item.dm-list-item svg {
		margin: 0px 5px 0px -5px;
	}

	.main-interstitial-ways-to-use-credits-list-item i {
		color: #ffffff;
		display: flex;
		font-size: 32px;
		margin: -3px 7px 0px -7px;
	}

	.main-interstitial-modal.dont-miss-out .main-interstitial-ways-to-use-credits,
	.main-interstitial-modal.last-chance .main-interstitial-ways-to-use-credits {
		display: block;
	}

	.main-interstitial-modal.dont-miss-out .main-interstitial-credits-container,
	.main-interstitial-modal.last-chance .main-interstitial-credits-container {
		top: 32%;
		left: 50%;
		width: 100%;
	}

	.main-interstitial-modal.dont-miss-out .main-interstitial-wrapper,
	.main-interstitial-modal.last-chance .main-interstitial-wrapper {
		height: 650px;
	}

	@media screen and (max-width: 600px) {
		.main-interstitial-wrapper {
			height: 90%;
			width: 90%;
			border-radius: 5px;
		}

		.main-interstitial-inner {
			height: 69%;
		}

		.main-interstitial-bottom-container {
			width: calc(100% - 40px);
		}

		.main-interstitial-limited-time {
			width: 100vw;
			max-width: unset;
		}

		.main-interstitial-limited-time img {
			width: 100vw;
			max-width: unset;
		}

		.main-interstitial-limited-time span {
			top: 12%;
			font-size: 34px;
		}

		.main-interstitial-wrapper {
			animation: interstitial-background-pulse-mobile 5s infinite ease-in-out;
		}
	}

	@keyframes interstitial-background-pulse-mobile {
		0%, 100% {
			background-size: auto 100%;
		}

		50% {
			background-size: auto 107%;
		}
	}

	@media screen and (max-width: 515px) {
		.main-interstitial-limited-time span {
			top: 16%;
			font-size: 26px;
		}	
	}

	@media screen and (max-width: 460px) {
		.main-interstitial-claim-button {
			padding: 10px 5%;
		}
	}


	@media screen and (max-width: 400px) {
		.main-interstitial-limited-time span {
			top: 17%;
			font-size: 21px;
		}
	}

	@media screen and (max-width: 380px) {
		.main-interstitial-claim-button {
			font-size: 16px;
		}
	}

	@media screen and (max-width: 350px) {
		.main-interstitial-limited-time {
			min-width: 350px;
		}

		.main-interstitial-limited-time span {
			top: 18%;
			font-size: 18px;
		}
	}


	@media screen and (max-width: 1023px) and (orientation: landscape) {
		.main-interstitial-modal .main-interstitial-wrapper,
		.main-interstitial-modal.dont-miss-out .main-interstitial-wrapper,
		.main-interstitial-modal.last-chance .main-interstitial-wrapper {
			height: 90%;
			width: 90%;
			border-radius: 5px;
			animation: none;
		}

		.main-interstitial-inner {
			height: 100%;
		}

		.main-interstitial-limited-time {
			top: 5px;
		}

		.main-interstitial-bottom-container {
			bottom: 25px;
		}

		.main-interstitial-modal.dont-miss-out .main-interstitial-bottom-container,
		.main-interstitial-modal.last-chance .main-interstitial-bottom-container {
			width: 100%;
			display: flex;
			justify-content: center;
		}

		.main-interstitial-modal.dont-miss-out .main-interstitial-claim-button,
		.main-interstitial-modal.last-chance .main-interstitial-claim-button {
			margin-bottom: 5px;
		}

		.main-interstitial-timer {
			margin-bottom: 10px;
		}

		.main-interstitial-modal.dont-miss-out .main-interstitial-timer,
		.main-interstitial-modal.last-chance .main-interstitial-timer {
			margin-bottom: 5px;
    		margin-right: 8px;
		}

		.main-interstitial-credits-container {
			top: 35%;
		}

		.main-interstitial-modal.dont-miss-out .main-interstitial-credits-container,
		.main-interstitial-modal.last-chance .main-interstitial-credits-container {
			top: 25%;
		}

		.main-interstitial-120-free span:first-child {
			font-size: 90px;
		}

		.main-interstitial-120-free span:last-child {
			font-size: 22px;
			margin-top: -25px;
		}

		.main-interstitial-ways-to-use-credits {
			top: 100%;
		}
	}

	@keyframes interstitial-ways-to-use-slide-animation {
		0% { 
			opacity: 0;
			right: 0;
		}
		
		11% {
			opacity: 1;
			right: 0; 
		}
		
		22% {
			right: 100%;
		}
		
		33% {
			right: 100%;
		}
		
		44% {
			right: 200%;
		}
		
		55% {
			right: 200%;
		}
		
		66% {
			right: 300%;
		}
		
		77% {
			right: 300%;
		}
		
		88% {
			right: 400%; 
		}

		98% {
			opacity: 1;
		}

		100% {
			opacity: 0;
			right: 400%;
		}
	}
	.main-interstitial-modal.jumpstart-interstitial-banner .main-interstitial-wrapper {
		background-image: url('https://cdn5.vscdns.com/images/promo/_generic-january-jumpstart/jan-jump-interstitial-bg.jpg');
		animation: none;
		border-radius: 23px;
		filter: contrast(1.05);	
	}
	.jumpstart-interstitial-banner .billing-panel-button {
		background-color: #76E5FF;
		border-radius: 28px;
		box-shadow: 0px 32px 45px #00000029;
		text-transform: uppercase;
		color: #191F69;
		padding: 12px 60px;
		font-size: 16px;
		animation: jj-claim-button-pulse-background 3s infinite ease-in-out;
	}
	.jumpstart-interstitial-banner p {
		font-size: 29px;
		text-align: center;
		padding: 0 65px;
		margin: 0 0 10px;
        color: #fff !important;
	}
    .jumpstart-interstitial-banner label {
        color: #fff !important;
    }
	.jumpstart-interstitial-banner .main-interstitial-close {
		color: #ffffff;
		opacity: 1;
	}
	.jumpstart-intersitial-banner .main-interstitial-claim-button:hover::before {
		display: none;
	}
    .jumpstart-interstitial-banner .main-interstitial-inner {
        justify-content: center;
    }
	@media screen and (max-width: 600px) {
		.jumpstart-interstitial-banner .january-jumpstart-logo img {
			width: 100%;
		}
		.jumpstart-interstitial-banner p {
			font-size: 22px;
			padding: 0 20px;
			color: #fff !important;
		}
		.jumpstart-interstitial-banner label {
			color: #fff !important;
		}
		.jumpstart-interstitial-banner .billing-panel-button {
			padding: 10px 20px;
			font-size: 18px;
		}
		.jumpstart-interstitial-banner .main-interstitial-inner {
			height: calc(100% - 50px);
		}
        .jumpstart-interstitial-banner .main-interstitial-wrapper {
            height: 70%;
        }
        .jumpstart-interstitial-banner .main-interstitial-bottom-container {
            bottom: 20px;
        }
	}	
</style>



<div class="main-interstitial-modal ">
	<input type="radio" name="interstitialModalControl" class="hide main-interstitial-modal-control" id="main_interstitial_modal" data-modal-priority="3.3">
	<label class="main-interstitial-modal-shadow" for="hide_interstitial_modal"></label>

	<div class="main-interstitial-wrapper">
		<label class="main-interstitial-close" for="hide_interstitial_modal"><i class="icon-x-plain"></i></label>

		<div class="main-interstitial-inner">
						<div class="main-interstitial-limited-time">
				<img src="https://cdn5.vscdns.com/images/register/interstitial-images/interstitial-ribbon-2.png">
				<span class="interstitial-text-1">Limited Time Offer!</span>
				<span class="interstitial-text-2">Don’t Miss Out!</span>
				<span class="interstitial-text-3">Last Chance!</span>
			</div>
			<div class="main-interstitial-credits-container">
				<div class="main-interstitial-120-free"><span>120</span><span>Free Credits</span></div>
				<div class="main-interstitial-ways-to-use-credits">
					<div class="main-interstitial-ways-to-use-credits-list-container">
						<div class="main-interstitial-ways-to-use-credits-list-item">
							<i class="icon-coins"></i>
							<span>Tip models or start a private show</span>
						</div>
						<div class="main-interstitial-ways-to-use-credits-list-item">
							<svg enable-background="new 0 0 40 40" version="1.1" viewBox="0 0 40 40" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
								<style>
									.spin-wheel-stroke{stroke-width:2;stroke-linecap:round;stroke-linejoin:round; fill:none;}
								</style>
								<polygon class="spin-wheel-stroke" points="12 20.211 4 24.711 4 15.711"></polygon>
								<path class="spin-wheel-stroke" d="m25.136 24.261c-2.319 2.319-6.078 2.319-8.397 0s-2.319-6.078 0-8.397 6.078-2.319 8.397 0 2.319 6.078 0 8.397zm-17.786 2.009c0.72 1.57 1.73 3.05 3.03 4.35 5.83 5.84 15.29 5.84 21.12 0 5.83-5.83 5.83-15.29 0-21.12s-15.29-5.83-21.12 0c-1.37 1.37-2.41 2.93-3.13 4.6"></path>
								<line class="spin-wheel-stroke st0" x1="25.136" x2="31.5" y1="24.261" y2="30.625"></line>
								<line class="spin-wheel-stroke st0" x1="10.375" x2="16.739" y1="9.5" y2="15.864"></line>
								<line class="spin-wheel-stroke st0" x1="25.136" x2="31.5" y1="15.864" y2="9.5"></line>
								<line class="spin-wheel-stroke st0" x1="16.739" x2="10.375" y1="24.261" y2="30.625"></line>
								<circle cx="20.938" cy="20.062" r="1.938"></circle>
							</svg>
							<span>Play games like spin the wheel</span>
						</div>
						<div class="main-interstitial-ways-to-use-credits-list-item dm-list-item">
							<svg id="dmPlusIcon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
								<defs></defs>
								<path class="cls-1" d="M18.9028,46.0436l-8.0996,7.9564v-7.9564c-3.2066,0-5.8032-2.5509-5.8032-5.699V15.6978c0-3.1468,2.5966-5.6978,5.8032-5.6978h42.3935c3.2044,0,5.8032,2.551,5.8032,5.6978v24.6468c0,3.148-2.5988,5.699-5.8032,5.699l-30.1968-.0436-4.0972.0436Z"></path>
								<path class="cls-text" d="M25.1307,27.7151c0,1.9928-.5486,3.5269-1.6449,4.6052-1.0972,1.0773-2.6387,1.6165-4.6245,1.6165h-3.8614v-11.9367h4.1304c1.9159,0,3.3941.4903,4.4368,1.4699,1.0417.9796,1.5635,2.395,1.5635,4.2451ZM21.7835,27.83c0-1.0946-.2164-1.9057-.6491-2.4333s-1.0896-.792-1.9714-.792h-.9383v6.6871h.7181c.9795,0,1.6976-.2844,2.1552-.8532.4567-.5688.6855-1.4383.6855-2.6086Z"></path>
								<path class="cls-text" d="M32.4686,33.9367l-2.4405-8.5975h-.0737c.1139,1.4642.1714,2.6019.1714,3.413v5.1846h-2.857v-11.9367h4.2941l2.4894,8.4749h.0651l2.4415-8.4749h4.3018v11.9367h-2.9633v-5.2334c0-.272.0038-.5746.0124-.9059.0077-.3323.044-1.1463.1101-2.4419h-.0737l-2.408,8.5812h-3.0696Z"></path>
								<path class="cls-text" d="M45.7666,29.1362h-3.0361v-2.1882h3.0361v-2.9964h2.1964v2.9964h3.037v2.1882h-3.037v2.9476h-2.1964v-2.9476Z"></path>
							</svg>
							<span>Send DM’s to models, even if they are offline</span>
						</div>
						<div class="main-interstitial-ways-to-use-credits-list-item">
							<i class="icon-reward"></i>
							<span>Use credits to earn points for special rewards</span>
						</div>
						<div class="main-interstitial-ways-to-use-credits-list-item">
							<i class="icon-party"></i>
							<span>Access group, members only, and party shows</span>
						</div>
					</div>
				</div>
			</div>
			<div class="main-interstitial-bottom-container">
				<div class="main-interstitial-timer" data-timer-one="10" data-timer-two="4">10:00</div>
				<div class="main-interstitial-claim-button billing-panel-button" data-options="product_type=live;experience_flow=general-purchase;experience_type=purchase;trigger=interstitial-modal;">Claim Your Bonus</div>
			</div>
					</div>

	</div>
</div>


<input type="radio" name="screennameModalControl" class="hide" id="hide_screenname_modal" aria-label="close modal" checked>

<style>
	.main-registration-screenname-modal {
		opacity: 0;
		display: none;
		position: fixed;
		z-index: 102;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%) scale(0.95);
		transition: opacity 0.3s ease, transform 0.3s ease;
	}

	.main-registration-screenname-modal-control:checked ~ .main-registration-screenname-modal {
		opacity: 1;
		display: flex;
		transform: translate(-50%, -50%) scale(1);
		pointer-events: all;
	}

	.main-registration-screenname-modal-shadow {
		display: none;
		position: fixed;
		z-index: 101;
		top: 0;
		left: 0;
		height: 110vh;
		width: 100%;
		background: rgba(0, 0, 0, 0.69);
		backdrop-filter: blur(7px);
	}

	.main-registration-screenname-modal-control:checked ~ .main-registration-screenname-modal-shadow {
		display: flex;
	}

	.main-registration-screenname-modal {
		width: 420px;
		height: 360px;
	}

	.main-registration-screenname-modal .main-registration-section-content-benefits,
	.main-registration-screenname-modal .main-registration-section-content-benefits-background,
	.main-registration-screenname-modal .main-registration-section-content-model-container,
	.main-registration-screenname-modal .main-registration-input-email-container,
	.main-registration-screenname-modal .main-registration-input-password-container,
	.main-registration-screenname-modal .main-registration-top,
	.main-registration-screenname-modal .main-registration-bottom,
	.main-registration-screenname-modal .main-registration-create-account-button-text,
	.main-registration-screenname-modal .main-registration-alternate-signup-methods,
	body:not(.chat-room-opened) .main-registration-screenname-modal .main-registration-section-content-v1,
	.main-registration-screenname-modal .main-registration-section-content-v2 {
		display: none;
	}

	.main-registration-screenname-form {
		width: 420px;
		height: 360px;
		display: flex;
		align-items: center;
		background: linear-gradient(230deg, #13151C 50%, #005572 100%);
		box-shadow: 0 10px 25px 3px rgba(0, 0, 0, 0.5);
		border-radius: 15px;
		box-sizing: border-box;
		position: relative;
		padding: 15px;
		box-sizing: border-box;
		overflow: hidden;
	}

	.main-registration-screenname-form #screenname_form {
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.main-registration-screenname-modal .main-registration-close {
		position: absolute;
		top: 20px;
		right: 15px;
	}

	.main-registration-screenname-modal .main-registration-section-right-create-button-container {
		margin-top: 0px;
	}

	.main-registration-screenname-modal .main-registration-test-group {
		display: none;
	}

	.main-registration-section-form-title-screenname-modal,
	.main-registration-create-account-button-text-screenname-modal {
		display: none;
	}

	.main-registration-screenname-modal .main-registration-create-account-button-text-screenname-modal {
		display: flex;
	}

	.main-registration-screenname-modal .main-registration-section-form-title-screenname-modal {
		display: flex;
		font-size: 21px;
		font-weight: bold;
		letter-spacing: 0.1px;
		color: #ffffff;
	}
	
	.main-registration-screenname-modal .main-registration-form-pattern {
		height: 360px;
	}

	.main-registration-screenname-modal .main-registration-section-form-title {
		font-size: 21px;
	}

	.wl .main-registration-screenname-modal .main-registration-close,
	.whitelabel .main-registration-screenname-modal .main-registration-close {
		position: absolute;
		top: -40px;
		right: 5px;
		opacity: .69;
		font-size: 13px;
		z-index: 999;
		width: unset;
		height: unset;
		line-height: normal;
		margin: 0;
		float: unset;
		text-align: unset;
	}

	@media screen and (max-width: 500px) {
		.main-registration-screenname-modal,
		.main-registration-screenname-form {
			width: 100%;
		}

		.main-registration-screenname-modal-container .main-registration-input-nickname-container,
		.main-registration-screenname-modal-container .main-registration-section-right-create-button-container {
			max-width: 100%;
			width: 100%;
		}
	}

	.main-registration-screenname-modal .main-registration-form-pattern {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		background: url("/images/header/menu-pattern.png") repeat;
		pointer-events: none;
		z-index: 0;
	}

	.main-registration-screenname-form #screenname_form {
		position: relative;
		z-index: 1;
	}

	.main-registration-screenname-modal .main-registration-close {
		z-index: 3;
		color: rgba(255, 255, 255, 0.6);
		font-size: 18px;
		line-height: 1;
		cursor: pointer;
		transition: color 0.15s ease;
	}

	.main-registration-screenname-modal .main-registration-close:hover {
		color: #ffffff;
	}

	.main-registration-screenname-modal .main-registration-section-form {
		position: relative;
		z-index: 1;
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
		max-width: 330px;
		margin: 0 auto;
	}

	.main-registration-screenname-modal .main-registration-section-form-inputs {
		width: 100%;
	}

	.main-registration-screenname-modal .main-registration-section-form-title {
		width: 100%;
		text-align: center;
		color: #ffffff;
		font-weight: 700;
		margin: 0 0 22px;
	}

	.main-registration-screenname-modal .main-registration-section-error-messages {
		width: 100%;
		color: red;
		font-size: 13px;
		text-align: center;
	}

	.main-registration-screenname-modal-container .main-registration-input-nickname-container,
	.main-registration-screenname-modal-container .main-registration-section-right-create-button-container {
		width: 100%;
		max-width: 100%;
	}

	.main-registration-screenname-modal .main-registration-input-nickname-container {
		position: relative;
		margin: 0 0 16px;
	}

	.main-registration-screenname-modal .main-registration-field-icon:not(.main-registration-field-icon-wand) {
		position: absolute;
		left: 18px;
		top: 50%;
		transform: translateY(-50%);
		color: #ffffff;
		font-size: 19px;
		z-index: 2;
		pointer-events: none;
	}

	.main-registration-screenname-modal .main-registration-input-field {
		width: 100% !important;
		max-width: 100% !important;
		height: 50px;
		box-sizing: border-box;
		padding: 0 80px 0 46px;
		background: rgba(255, 255, 255, 0.08);
		border: 1px solid rgba(255, 255, 255, 0.2);
		border-radius: 999px;
		color: #ffffff;
		font-size: 16px;
		font-weight: 600;
		font-family: inherit;
		caret-color: #2bb8e6;
		outline: none;
		transition: border-color 0.15s ease, box-shadow 0.15s ease;
	}

	.main-registration-screenname-modal .main-registration-input-field::placeholder {
		color: rgba(255, 255, 255, 0.62);
		font-weight: 500;
		opacity: 1;
	}

	.main-registration-screenname-modal .main-registration-input-field:focus {
		border-color: rgba(43, 184, 230, 0.7);
		box-shadow: 0 0 0 2px rgba(43, 184, 230, 0.18);
	}

	.main-registration-screenname-modal .main-registration-input-state {
		position: absolute;
		left: 18px;
		top: 50%;
		transform: translateY(-50%);
		width: 20px;
		height: 20px;
		border-radius: 50%;
		background: #4f9e1e;
		display: flex;
		align-items: center;
		justify-content: center;
		opacity: 0;
		transition: opacity 0.2s ease;
		pointer-events: none;
		z-index: 2;
	}

	.main-registration-screenname-modal .main-registration-checkmark {
		width: 6px;
		height: 11px;
		border: solid #ffffff;
		border-width: 0 2px 2px 0;
		transform: rotate(45deg);
		margin-top: -2px;
	}

	.main-registration-screenname-modal .main-registration-input-nickname-container:has(.main-registration-input-field:valid) .main-registration-input-state {
		opacity: 1;
	}

	.main-registration-screenname-modal .main-registration-field-icon-wand {
		display: flex; /* switch to flex if the wand should be shown */
		position: absolute;
		right: 12px;
		top: 50%;
		transform: translateY(-50%);
		width: 34px;
		height: 34px;
		align-items: center;
		justify-content: center;
		color: #ffffff;
		cursor: pointer;
		z-index: 2;
	}

	.main-registration-screenname-modal .main-registration-field-icon-wand svg {
		width: 18px;
		height: 18px;
		fill: currentColor;
	}

	.main-registration-screenname-modal .main-registration-field-icon-wand .tip {
		font-size: 10px;
	}

	.main-registration-screenname-modal .main-registration-create-account-button {
		background-color: #26a952;
		color: #ffffff;
		width: 100%;
		border: 0;
		height: 50px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-shadow: 0 2px 3px rgba(0, 73, 24, 0.35);
		border-radius: 40px;
		font-size: 18px;
		text-transform: uppercase;
		font-weight: bold;
		font-family: "Open Sans", sans-serif, helvetica;
		cursor: pointer;
		transition: all 0.2s ease;
	}

	.main-registration-screenname-modal .main-registration-create-account-button:hover {
		background-color: #50C878;
	}

	.main-registration-screenname-modal .main-registration-create-account-button-loading-container {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		display: none;
		align-items: center;
		justify-content: center;
	}

	.main-registration-screenname-modal .main-registration-create-account-button.loading .main-registration-create-account-button-text-screenname-modal {
		visibility: hidden;
	}

	.main-registration-screenname-modal .main-registration-create-account-button.loading .main-registration-create-account-button-loading-container {
		display: flex;
	}

	.main-registration-screenname-modal .main-registration-create-account-button-loading-spinner span {
		display: inline-block;
		width: 7px;
		height: 7px;
		margin: 0 3px;
		border-radius: 50%;
		background: #ffffff;
		animation: f4f-bounce 1.2s infinite ease-in-out both;
	}

	.main-registration-screenname-modal .main-registration-create-account-button-loading-spinner span:nth-child(1) {
		animation-delay: -0.36s; 
	}
	.main-registration-screenname-modal .main-registration-create-account-button-loading-spinner span:nth-child(2) {
		animation-delay: -0.24s; 
	}
	.main-registration-screenname-modal .main-registration-create-account-button-loading-spinner span:nth-child(3) { 
		animation-delay: -0.12s; 
	}

	@keyframes f4f-bounce {
		0%, 80%, 100% { transform: scale(0.45); opacity: 0.35; }
		40% { transform: scale(1); opacity: 1; }
	}
</style>

<style>
	.wl.light .main-registration-screenname-form,
	.whitelabel.light .main-registration-screenname-form {
		background: linear-gradient(210deg, #ffffff 45%, #004587 110%);
	}

	.wl.light.chat-room-opened .main-registration-screenname-form,
	.whitelabel.light.chat-room-opened .main-registration-screenname-form {
		background: linear-gradient(180deg, #ffffff 65%, #004587 160%);
	}
	
	.wl.dark .main-registration-screenname-form,
	.whitelabel.dark .main-registration-screenname-form {
		background: linear-gradient(210deg, #111111 45%, #004587 110%);
	}
	
	.wl.dark.chat-room-opened .main-registration-screenname-form,
	.whitelabel.dark.chat-room-opened .main-registration-screenname-form {
		background: linear-gradient(180deg, #111111 65%, #004587 160%);
	}

	.wl.light.adam4adamlivecom.chat-room-opened .main-registration-screenname-form,
	.whitelabel.light.adam4adamlivecom.chat-room-opened .main-registration-screenname-form,
	.wl.light.mrmancamscom.chat-room-opened .main-registration-screenname-form,
	.whitelabel.light.mrmancamscom.chat-room-opened .main-registration-screenname-form {
		background: linear-gradient(180deg, #111111 65%, #004587 160%);
	}

	.wl.chat-room-opened .main-registration-section-content-single-benefit i,
	.whitelabel.chat-room-opened .main-registration-section-content-single-benefit i {
		filter: drop-shadow(0px 2px 0px #ffffff);
		color: #004587;
	}

	.wl.dark.chat-room-opened .main-registration-section-content-single-benefit i,
	.whitelabel.dark.chat-room-opened .main-registration-section-content-single-benefit i,
	.wl.light.adam4adamlivecom .main-registration-section-content-single-benefit i,
	.whitelabel.light.adam4adamlivecom .main-registration-section-content-single-benefit i,
	.wl.light.mrmancamscom .main-registration-section-content-single-benefit i,
	.whitelabel.light.mrmancamscom .main-registration-section-content-single-benefit i {
		filter: drop-shadow(0px 2px 0px #111111);
	}

	.wl .main-registration-section-content-single-benefit i,
	.whitelabel .main-registration-section-content-single-benefit i {
		color: #ffffff;
	}

	.wl.xnxx-cams .main-registration-section-content-single-benefit-text span,
	.whitelabel.xnxx-cams .main-registration-section-content-single-benefit-text span {
		color: #7cb1ff;
	}

	.wl .main-registration-bottom-login-button,
	.whitelabel .main-registration-bottom-login-button {
		background-color: #004587;
		color: #ffffff;
	}

	.wl .main-registration-section-content-model-image,
	.whitelabel .main-registration-section-content-model-image {
		border: 4px solid #004587;
	}

	.wl .main-registration-section-content-single-benefit-text span,
	.whitelabel .main-registration-section-content-single-benefit-text span {
		color: #004587;
	}

	.wl .main-registration-input-nickname-container:hover .main-registration-field-icon i,
	.whitelabel .main-registration-input-nickname-container:hover .main-registration-field-icon i {
		color: #004587;
	}

	.wl .main-registration-field-icon:not(.main-registration-field-icon-wand),
	.whitelabel .main-registration-field-icon:not(.main-registration-field-icon-wand) {
		position: absolute;
		z-index: 1;
		font-size: 21px;
		left: 10px;
		top: unset;
	}

	.wl .main-registration-input-state,
	.whitelabel .main-registration-input-state {
		top: unset;
	}

	@media screen and (max-width: 1024px) {
		.wl.dark .main-registration-screenname-form,
		.whitelabel.dark .main-registration-screenname-form {
			background: linear-gradient(180deg, #111111 65%, #004587 160%);
		}
		
		.wl.light.adam4adamlivecom .main-registration-screenname-form,
		.whitelabel.light.adam4adamlivecom .main-registration-screenname-form {
			background: linear-gradient(180deg, #111111 65%, #004587 160%);
		}
		
		.wl.light.mrmancamscom .main-registration-screenname-form,
		.whitelabel.light.mrmancamscom .main-registration-screenname-form {
			background: linear-gradient(180deg, #111111 65%, #004587 160%);
		}

		.wl.light .main-registration-screenname-form,
		.whitelabel.light .main-registration-screenname-form {
			background: linear-gradient(180deg, #ffffff 65%, #004587 160%);
		}
	}
</style>

<div class="main-registration-screenname-modal-container">
	<input type="radio" name="modalControl" class="hide main-registration-screenname-modal-control" id="main_registration_screenname_modal" data-modal-priority="3.4">
	<label class="main-registration-screenname-modal-shadow" for="hide_modal"></label>

	<div class="main-registration-screenname-modal">

		<div class="main-registration-wrapper registration-container">
			
			<label class="main-registration-close close close-reg-modal" for="hide_modal"><i class="icon-x-plain"></i></label>

			<div class="main-registration-screenname-form">

								<form class="cmxform" id="screenname_form" name="screenname_form" action="/register/" method="post">
									<input type="hidden" name="a" value="process" />
					<input type="hidden" name="SIGNUP[model_id]" value="" />
					<input type="hidden" name="SIGNUP[reg_template]" value="overlay_5_nojquery" />
					<input type="hidden" name="SIGNUP[form_ref]" value="" id="screenname_formRef" />
					<input type="hidden" name="SIGNUP[form_source]" value="overlay" />
					<input type="hidden" name="SIGNUP[iobb]" class="iobb" />
					<input type="hidden" name="CSRF" value="b3b1079e2de859faf27e8837274b5964" />
					<input type="hidden" name="SIGNUP[utm_term]" value="">
					<input type="hidden" name="SIGNUP[utm_source]" value="">
					<input type="hidden" name="SIGNUP[utm_medium]" value="">
					<input type="hidden" name="SIGNUP[utm_content]" value="">
					<input type="hidden" name="SIGNUP[utm_campaign]" value="">

											<input type="hidden" name="SIGNUP[udf03]" value="layout_04" />
											<input type="hidden" name="SIGNUP[udf04]" value="reg_overlay" />
										<div class="main-registration-section-form">

						<div class="main-registration-section-form-title">Choose Screen Name</div>
						
						<div class="main-registration-section-error-messages" data-id="main-registration-section-error-messages">
							
						</div>

						<div class="main-registration-section-form-inputs">

							<div class="main-registration-input-nickname-container registration-nickname-container">
								<div class="main-registration-field-icon">
									<i class="icon-profile"></i>
								</div>
								<div class="main-registration-input-state main-registration-input-nickname-success">
									<div class="main-registration-checkmark"></div>
								</div>
								<input class="registration-field-nickname main-registration-input-nickname-field main-registration-input-field" id="screenname_modal_nick_name" autocorrect="off" autocapitalize="none" type="text" name="SIGNUP[username]" value="" data-validate='required username' maxlength="32" minlength='6' placeholder="Chat Nickname" required />
																<div class="suggested-names-container hide" style="display: none !important;">
									<a class="close-suggested-names-container" role="button">X</a>
									<h5><strong>Suggested Usernames:</strong></h5>
																		<span class="suggested-username" data-suggested=""></span>
								</div>
																<div class="main-registration-field-icon main-registration-field-icon-wand tooltip tip-top">
									<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
										<path d="M234.7 42.7L197 56.8c-3 1.1-5 4-5 7.2s2 6.1 5 7.2l37.7 14.1L248.8 123c1.1 3 4 5 7.2 5s6.1-2 7.2-5l14.1-37.7L315 71.2c3-1.1 5-4 5-7.2s-2-6.1-5-7.2L277.3 42.7 263.2 5c-1.1-3-4-5-7.2-5s-6.1 2-7.2 5L234.7 42.7zM46.1 395.4c-18.7 18.7-18.7 49.1 0 67.9l34.6 34.6c18.7 18.7 49.1 18.7 67.9 0L529.9 116.5c18.7-18.7 18.7-49.1 0-67.9L495.3 14.1c-18.7-18.7-49.1-18.7-67.9 0L46.1 395.4zM484.6 82.6l-105 105-23.3-23.3 105-105 23.3 23.3zM7.5 117.2C3 118.9 0 123.2 0 128s3 9.1 7.5 10.8L64 160l21.2 56.5c1.7 4.5 6 7.5 10.8 7.5s9.1-3 10.8-7.5L128 160l56.5-21.2c4.5-1.7 7.5-6 7.5-10.8s-3-9.1-7.5-10.8L128 96 106.8 39.5C105.1 35 100.8 32 96 32s-9.1 3-10.8 7.5L64 96 7.5 117.2zm352 256c-4.5 1.7-7.5 6-7.5 10.8s3 9.1 7.5 10.8L416 416l21.2 56.5c1.7 4.5 6 7.5 10.8 7.5s9.1-3 10.8-7.5L480 416l56.5-21.2c4.5-1.7 7.5-6 7.5-10.8s-3-9.1-7.5-10.8L480 352l-21.2-56.5c-1.7-4.5-6-7.5-10.8-7.5s-9.1 3-10.8 7.5L416 352l-56.5 21.2z"/>
									</svg>
									<div class="tip">Generate random username</div>
								</div>
							</div>

						</div>

						<div class="main-registration-section-right-create-button-container">
							<button id="screenname_form_submit" class="main-registration-create-account-button">
								<div class="main-registration-create-account-button-text-screenname-modal">Complete Registration</div>
								<div class="main-registration-create-account-button-loading-container">
									<div class="main-registration-create-account-button-loading-spinner">
										<span></span>
										<span></span>
										<span></span>
										<span></span>
									</div>
								</div>
							</button>
						</div>

						<div id="registration_pixel"></div>
						<input class="bv-code-input" type="hidden" name="SIGNUP[bv_code]" value="" />

						
					</div>
				</form>

				<div class="main-registration-form-pattern"></div>

			</div>

		</div>

	</div>
</div>
</body>

</html>