<!-- Array
(
    [cb] => 1
    [sc] => 1
)
 -->
<!-- Array
(
    [id] => 743536
    [addedOn] => 1378441421
    [updatedOn] => 1762529883
    [scrapedOn] => 1673798557
    [purged] => 0
    [nickname] => clayton88
    [externalId] => 0
    [name] => clayton88
    [site] => Chaturbate
    [status] => Offline
    [statusTime] => 0
    [subject] => cum on toes at goal
    [age] => 44
    [birthday] => 347666400
    [imageUrl] => https://thumb.live.mmcdn.com/ri/clayton88.jpg
    [lastImageTime] => 1762524434
    [numImages] => 0
    [viewers] => 24
    [followers] => 9296
    [gender] => Male
    [hd] => 0
    [rank] => 5251
    [genderRank] => 137
    [tags] => Array
        (
        )

    [location] => 
    [about] => 
    [custom] => a:86:{s:2:"id";s:6:"743536";s:9:"createdon";s:10:"1378441421";s:10:"modifiedon";s:10:"1555161004";s:11:"publishedon";s:10:"1378441421";s:7:"content";s:1:"
";s:4:"type";s:1:"0";s:5:"class";s:1:"0";s:4:"name";s:9:"clayton88";s:7:"seoname";s:9:"clayton88";s:8:"nickname";s:9:"clayton88";s:11:"performerid";s:9:"clayton88";s:9:"nats_code";N;s:5:"about";N;s:8:"turn_ons";N;s:9:"turn_offs";N;s:13:"kinky_attribs";N;s:9:"expertise";N;s:9:"fantasies";N;s:6:"awards";N;s:8:"birthday";N;s:12:"fav_position";N;s:8:"fetishes";N;s:5:"photo";s:56:"https://roomimg.stream.highwebmedia.com/ri/clayton88.jpg";s:5:"thumb";N;s:6:"rating";N;s:11:"show_rating";N;s:17:"appearance_rating";N;s:16:"come_back_rating";N;s:11:"num_ratings";s:1:"0";s:8:"cup_size";s:0:"";s:13:"toys_or_props";N;s:5:"alpha";N;s:9:"join_date";N;s:5:"theme";N;s:6:"zodiac";N;s:9:"body_hair";N;s:11:"facial_hair";N;s:11:"circumcised";N;s:10:"penis_size";N;s:6:"weight";N;s:6:"height";N;s:7:"breasts";N;s:4:"hips";N;s:5:"waist";N;s:9:"favourite";s:1:"0";s:8:"hd_video";s:1:"0";s:5:"build";s:0:"";s:5:"audio";s:1:"0";s:5:"phone";s:1:"0";s:3:"age";s:1:"0";s:9:"eye_color";s:0:"";s:9:"ethnicity";s:0:"";s:11:"nationality";s:0:"";s:10:"hair_color";s:0:"";s:11:"hair_length";s:0:"";s:6:"gender";s:4:"male";s:10:"pubic_hair";s:0:"";s:6:"status";s:7:"offline";s:11:"last_online";s:1:"0";s:8:"category";s:3:"gay";s:12:"sub_category";s:0:"";s:11:"sexual_pref";s:0:"";s:6:"smoker";s:0:"";s:10:"num_photos";s:1:"0";s:10:"num_videos";s:1:"0";s:8:"featured";s:1:"0";s:5:"views";s:3:"153";s:6:"clicks";s:1:"0";s:4:"site";s:10:"chaturbate";s:6:"photos";s:1558:"a:10:{i:0;a:3:{i:0;i:1378441416;i:1;s:53:"http://cdn-i.highwebmedia.com/roomimage/clayton88.jpg";i:3;s:38:"chaturbate/c/clayton88/clayton88_1.jpg";}i:1;a:3:{i:0;i:1381185056;i:1;s:53:"http://cdn-i.highwebmedia.com/roomimage/clayton88.jpg";i:3;s:38:"chaturbate/c/clayton88/clayton88_2.jpg";}i:2;a:3:{i:0;i:1381235829;i:1;s:53:"http://cdn-i.highwebmedia.com/roomimage/clayton88.jpg";i:3;s:38:"chaturbate/c/clayton88/clayton88_3.jpg";}i:3;a:3:{i:0;i:1381238627;i:1;s:53:"http://cdn-i.highwebmedia.com/roomimage/clayton88.jpg";i:3;s:38:"chaturbate/c/clayton88/clayton88_4.jpg";}i:4;a:3:{i:0;i:1381324930;i:1;s:53:"http://cdn-i.highwebmedia.com/roomimage/clayton88.jpg";i:3;s:38:"chaturbate/c/clayton88/clayton88_5.jpg";}i:5;a:3:{i:0;i:1459313155;i:1;s:79:"https://cdn-s.highwebmedia.com/uHK3McUtGCG3SMFcd4ZJsRv8/roomimage/clayton88.jpg";i:3;s:38:"chaturbate/c/clayton88/clayton88_6.jpg";}i:6;a:3:{i:0;i:1459317597;i:1;s:79:"https://cdn-s.highwebmedia.com/uHK3McUtGCG3SMFcd4ZJsRv8/roomimage/clayton88.jpg";i:3;s:38:"chaturbate/c/clayton88/clayton88_7.jpg";}i:7;a:3:{i:0;i:1459322970;i:1;s:79:"https://cdn-s.highwebmedia.com/uHK3McUtGCG3SMFcd4ZJsRv8/roomimage/clayton88.jpg";i:3;s:38:"chaturbate/c/clayton88/clayton88_8.jpg";}i:8;a:3:{i:0;i:1459346175;i:1;s:79:"https://cdn-s.highwebmedia.com/uHK3McUtGCG3SMFcd4ZJsRv8/roomimage/clayton88.jpg";i:3;s:38:"chaturbate/c/clayton88/clayton88_9.jpg";}i:9;a:3:{i:0;i:1459485763;i:1;s:79:"https://cdn-s.highwebmedia.com/uHK3McUtGCG3SMFcd4ZJsRv8/roomimage/clayton88.jpg";i:3;s:39:"chaturbate/c/clayton88/clayton88_10.jpg";}}";s:6:"custom";s:0:"";s:12:"teaser_video";N;s:10:"rating_avg";s:1:"0";s:10:"rating_tot";s:1:"0";s:10:"rating_num";s:1:"0";s:9:"permalink";s:0:"";s:9:"timetable";s:0:"";s:12:"num_articles";s:1:"0";s:12:"num_requests";s:1:"0";s:4:"fans";s:1:"0";s:8:"location";s:0:"";s:7:"viewers";s:1:"7";s:11:"local_photo";s:59:"/zestoi/html/webcams/chaturbate/c/clayton88/clayton88_1.jpg";s:8:"snapshot";s:53:"http://cdn-i.highwebmedia.com/roomimage/clayton88.jpg";s:12:"room_subject";s:47:"cum at goal on toes #feet [50 tokens remaining]";s:9:"numPhotos";i:10;}
    [languages] => 
    [body] => 
    [links] => Array
        (
        )

    [imagePath] => /photos/chaturbate/c/l/a/y/clayton88/
    [siteShortName] => cb
    [siteShortNameCaps] => Cb
    [lastRankTime] => 2208739
    [views] => 599
    [ft] => 2208823
    [localRankMaxOn] => 1754486701
    [localRankMax] => 876
    [nicknameSafe] => clayton88
    [tgs] => Array
        (
        )

)
 -->
<!DOCTYPE html>
<html lang="en" class="language-en">
<head>
<meta charset="utf-8">
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="Rating" content="mature">
<meta name="RATING" content="RTA-5042-1996-1400-1577-RTA"/>
<meta name="robots" content="index, follow" />
<link rel="canonical"  href="https://www.ukrainiancams.com/bating/clayton88" />
<link rel="shortcut icon" href="/favicon.png">
<link rel="apple-touch-icon" sizes="180x180" href="/assets.theme1/images/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets.theme1/images/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets.theme1/images/favicon/favicon-16x16.png">
<link rel="manifest" href="/assets.theme1/images/site.webmanifest">
<link rel="preconnect" href="https://fonts.googleapis.com">
<title>Chaturbate Clayton88</title>
<meta name="description" content="Try Chaturbate's clayton88 latest live show"><meta name="keywords" content="clayton88,Chaturbate,tok,tok,tok,tok,tok,tok,tok,tok"><meta property="og:image" content="preview.png" /><meta property="og:image:width" content="1200" /><meta property="og:image:height" content="630" /><meta property="og:type" content="website" />
<meta property="og:title" content="Chaturbate Clayton88" />
<meta property="og:description" content="Try Chaturbate's clayton88 latest live show" />
<meta property="og:url" content="https://www.ukrainiancams.com/bating/clayton88" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:image" content="preview.png" /><meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="favicon/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<meta name="google-site-verification" content="aDJdib4IctajYZTt-mcUS7zLcVLGhsaVhTKnTlWPibQ" />
<link href="https://fonts.googleapis.com/css2?family=Rajdhani&display=swap" rel="stylesheet"><link href="/assets.theme1/css/style.css?1762557273" rel="stylesheet" type="text/css" />
<link href="/custom.css?/bating/x?1762557273" rel="stylesheet" type="text/css" />
<script src="/assets.theme1/js/jquery.min.js" type="text/javascript"></script>
<script src="/assets.theme1/js/js.cookie.min.js" type="text/javascript"></script>
<script src="/assets.theme1/js/app.js?1762557273" type="text/javascript"></script>
<script src="/assets.theme1/js/lazyload.min.js" type="text/javascript"></script>
<style>
#chatembed{
	max-width: 100%;
	padding-top: 56.25%;
	position: relative;
	width: 100%;
}

#chatembed iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

iframe {
	aspect-ratio: 16 / 9;
	height: 100%;
	width: 100%;
}

#digi-stats p {
    margin-bottom: 10px;
}


.offline-banner {
  background: #222;
  color: #ff4c4c;
  padding: 12px;
  text-align: center;
  font-weight: 600;
  border-radius: 6px;
  margin-bottom: 15px;
}

.offline-banner .last-online {
  color: #bbb;
  font-weight: 400;
  margin-left: 8px;
}

</style>
<style>
#blur-overlay .box #close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    display: inline-block;
    opacity: 0.8;
    transition: opacity 0.2s ease;
}
#blur-overlay .box #close:hover {
    opacity: 1;
}
#blur-overlay {
    display:none;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    backdrop-filter: blur(10px);
    background: rgba(0,0,0,0.55);
    z-index:10;
    align-items:center;
    justify-content:center;
    padding:15px;
}
#blur-overlay .box {
    position: relative;
    padding:25px 35px;
    border-radius:16px;
    text-align:center;
    max-width:420px;
    width:100%;
    box-shadow:0 6px 20px rgba(0,0,0,0.3);
    background: #ccc;
    color: #DB7093;
}
#blur-overlay .thumb {
    width:70px;
    height:70px;
    border-radius:50%;
    object-fit:cover;
    margin-bottom:12px;
    box-shadow:0 3px 6px rgba(0,0,0,0.2);
    border:3px solid #ffdd00;
}
#blur-overlay h2 {
    margin:0 0 12px;
    font-size:1.2em;
    font-weight:bold;
}
#blur-overlay p {
    margin:0 0 18px;
    font-size:1em;
}
#blur-overlay .room-link {
    display:inline-block;
    padding:12px 24px;
    background: #888;
    color:#fff;
    font-weight:bold;
    border-radius:25px;
    font-size:1em;
    text-decoration:none;
    transition:all 0.3s ease;
}
</style>
<style>
.advert_banner { 
  position:relative; 
  display:inline-block; 
  overflow:hidden; 
}
.advert_banner img { 
  display:block; 
  max-width:100%; 
  height:auto; 
}

.advert_edge { position:absolute; pointer-events:none; }
.advert_edge::before {
  content:""; position:absolute; inset:0;
  border-radius:0;
}
.advert_edge_top, .advert_edge_bottom { left:0; right:0; height:4px; }
.advert_edge_top { top:0; }
.advert_edge_bottom { bottom:0; }
.advert_edge_left, .advert_edge_right { top:0; bottom:0; width:4px; }
.advert_edge_left { left:0; }
.advert_edge_right { right:0; }

@keyframes waveShine {
  0%   { background-position:0% 50%; }
  100% { background-position:200% 50%; }
}

@keyframes diagonalSweep {
  0%   { transform:translate(-100%, -100%) rotate(25deg); opacity:0; }
  30%  { opacity:1; }
  70%  { opacity:1; }
  100% { transform:translate(100%, 100%) rotate(25deg); opacity:0; }
}

@keyframes vibrate {
  0%   { transform:translate(0,0); }
  20%  { transform:translate(-3px, 2px); }
  40%  { transform:translate(3px, -2px); }
  60%  { transform:translate(-2px, 3px); }
  80%  { transform:translate(2px, -3px); }
  100% { transform:translate(0,0); }
}

@keyframes flashPulse {
  0%,100% { opacity:0.7; box-shadow:0 0 10px #ff0080, 0 0 20px #ff0080; }
  50%     { opacity:1; box-shadow:0 0 20px #ff0080, 0 0 40px #ff00ff, 0 0 80px #ff0080; }
}

@keyframes rainbowWave {
  0%   { background-position:0% 50%; }
  50%  { background-position:100% 50%; }
  100% { background-position:0% 50%; }
}

@keyframes sexySnake {
  0%   { top:10%; left:5%; }
  20%  { top:30%; left:70%; }
  40%  { top:80%; left:60%; }
  60%  { top:60%; left:20%; }
  80%  { top:40%; left:80%; }
  100% { top:10%; left:5%; }
}

.advert_style-1::after {
  content:"";
  position:absolute;
  width:140px; height:140px;  
  border-radius:50%;
  background:radial-gradient(circle,
    rgba(255,255,255,0.8) 0%,
    rgba(0,255,255,0.6) 40%,       
    rgba(255,0,150,0.5) 70%,       
    rgba(255,255,0,0.4) 100%       
  );
  filter:blur(25px);
  animation:sexySnake 10s ease-in-out infinite;
  pointer-events:none;
  z-index:2;
}

.advert_style-2 .advert_edge::before {
  background:linear-gradient(90deg, transparent, rgba(255,255,255,0.9), transparent);
  animation:diagonalSweep 2.5s linear infinite;
}

.advert_style-3 .advert_edge::before {
  background: #fff;
  animation: pulseVibrant 0.21s ease-in-out infinite;
  border-radius: inherit;
  box-shadow:
    0 0 15px rgba(255, 0, 150, 0.7),
    0 0 30px rgba(0, 150, 255, 0.6),
    0 0 45px rgba(255, 0, 255, 0.5);
}

@keyframes pulseVibrant {
  0% {
    opacity: 0.6;
    transform: scale(1);
    box-shadow:
      0 0 10px rgba(255, 0, 150, 0.5),
      0 0 25px rgba(0, 150, 255, 0.4),
      0 0 40px rgba(255, 0, 255, 0.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.07);
    box-shadow:
      0 0 25px rgba(255, 0, 150, 0.9),
      0 0 50px rgba(0, 150, 255, 0.8),
      0 0 80px rgba(255, 0, 255, 0.6);
  }
  100% {
    opacity: 0.6;
    transform: scale(1);
    box-shadow:
      0 0 10px rgba(255, 0, 150, 0.5),
      0 0 25px rgba(0, 150, 255, 0.4),
      0 0 40px rgba(255, 0, 255, 0.3);
  }
}

@keyframes shineOverlay {
  0%   { left: -75%; }
  100% { left: 125%; }
}

.advert_style-4::after {
  content:"";
  position:absolute;
  top:0; left:-75%;
  width:100%; height:100%;
  background:linear-gradient(
    75deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.6) 50%,
    rgba(255,255,255,0) 100%
  );
  transform:skewX(-20deg);
  animation:shineOverlay 2.5s ease-in-out infinite;
  pointer-events:none;
}

.advert_style-5 .advert_edge::before {
  background:linear-gradient(270deg, red, orange, yellow, green, cyan, blue, violet, red);
  background-size:400% 400%;
  animation:rainbowWave 3s linear infinite;
}

/* 
 * style 6+7 
 * 6: rainbow
 * 7: neon
 */

@property --angle {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}

@property --pulse {
  syntax: "<number>";
  inherits: false;
  initial-value: 1;
}

.advert_style-6, .advert_style-7 {
  position: relative;
  display: inline-block;
  border-radius: 10px;
  overflow: hidden;
}

.advert_style-6::before, .advert_style-7::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 3px; /* border thickness */
  border-radius: inherit;

  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;

  animation:
    led-run var(--advert-animation-speed) linear infinite,
    led-pulse calc(var(--advert-animation-speed) * 0.8) ease-in-out infinite;
}

.advert_style-6::before {
  background: conic-gradient(
    from var(--angle),
    rgba(255, 0, 0, calc(var(--advert-animation-opacity) * var(--pulse))) 0deg,
    rgba(255, 255, 0, calc(var(--advert-animation-opacity) * var(--pulse))) 90deg,
    rgba(0, 255, 0, calc(var(--advert-animation-opacity) * var(--pulse))) 180deg,
    rgba(0, 255, 255, calc(var(--advert-animation-opacity) * var(--pulse))) 270deg,
    rgba(255, 0, 0, calc(var(--advert-animation-opacity) * var(--pulse))) 360deg
  );
}

.advert_style-7::before {
  background: conic-gradient(
    from var(--angle),
    hsla(200, 100%, 60%, calc(var(--advert-animation-opacity) * var(--pulse))) 0deg,
    hsla(260, 100%, 70%, calc(var(--advert-animation-opacity) * var(--pulse))) 90deg,
    hsla(300, 100%, 70%, calc(var(--advert-animation-opacity) * var(--pulse))) 180deg,
    hsla(180, 100%, 65%, calc(var(--advert-animation-opacity) * var(--pulse))) 270deg,
    hsla(200, 100%, 60%, calc(var(--advert-animation-opacity) * var(--pulse))) 360deg
  );
}

.advert_style-6, .advert_style-6 img, .advert_style-7, .advert_style-7 img {
  display: block;
  border-radius: inherit;
}

@keyframes led-run {
  to { --angle: 360deg; }
}

@keyframes led-pulse {
  0%, 100% { --pulse: 1; }
  50% { --pulse: 1.5; }
}

.advert_style-6::after, .advert_style-7::after {
  content: "";
  position: absolute;
  inset: -8px; /* extend slightly beyond image */
  border-radius: inherit;
  pointer-events: none;
  filter: blur(20px);
  animation: led-run var(--advert-animation-speed) linear infinite;
}

.advert_style-6::after {
  background: conic-gradient(
    from var(--angle),
    hsla(0, 100%, 50%, var(--advert-glow-opacity)) 0deg,
    hsla(60, 100%, 50%, var(--advert-glow-opacity)) 90deg,
    hsla(120, 100%, 50%, var(--advert-glow-opacity)) 180deg,
    hsla(180, 100%, 50%, var(--advert-glow-opacity)) 270deg,
    hsla(0, 100%, 50%, var(--advert-glow-opacity)) 360deg
  );
}

.advert_style-7::after {
  background: conic-gradient(
    from var(--angle),
    hsla(200, 100%, 60%, var(--advert-glow-opacity)) 0deg,
    hsla(260, 100%, 70%, var(--advert-glow-opacity)) 90deg,
    hsla(300, 100%, 70%, var(--advert-glow-opacity)) 180deg,
    hsla(180, 100%, 65%, var(--advert-glow-opacity)) 270deg,
    hsla(200, 100%, 60%, var(--advert-glow-opacity)) 360deg
  );
}

.advert_style-6::after, .advert_style-7::after {
  --advert-glow-opacity: calc(var(--advert-animation-opacity) * var(--advert-animation-glow));
}

.advert_style-6:hover::before, .advert_style-6:hover::after, 
.advert_style-7:hover::before, .advert_style-7:hover::after {
  animation-duration: calc(var(--advert-animation-speed) * 0.5);
}

.advert_style-6:hover::before, .advert_style-7:hover::before {
  --advert-animation-opacity: calc(var(--advert-animation-opacity) * 1.5);
}
.advert_style-6:hover::after, .advert_style-7:hover::after {
  --advert-glow-opacity: calc(var(--advert-animation-opacity) * 0.5);
}

/* 
 * style 8
 */

/* Register animatable custom property for hue (RGB cycle) */
@property --h {
  syntax: '<number>';
  inherits: false;
  initial-value: 0;
}

.advert_style-8{
  position: relative;
  display: inline-block;
  padding: var(--snake-thickness);
  border-radius: var(--snake-radius);
  overflow: hidden; /* glow only inside */
  isolation: isolate;
}

/* Image */
.advert_style-8 > img{
  display:block;
  width:100%;
  height:auto;
  border-radius: calc(var(--snake-radius) - 2px);
}

#sidebar .advert_style-8 .snake{
  background-color: hsl(var(--h,0) 100% 60% / var(--core-alpha,1)) !important;
}

/* ===== ONE span per snake (head). ::before = tiny trail; ::after = tiny lead ===== */
.advert_style-8 .snake{
  position:absolute;
  z-index:2;
  width: var(--snake-length-px);
  height: var(--snake-thickness);
  --h: 0; /* hue 0..360 */
  background: hsl(var(--h) 100% 60% / var(--core-alpha));
  box-shadow:
    0 0 0 1px hsl(var(--h) 100% 60% / calc(var(--core-alpha) * .35)) inset,
    0 0 var(--snake-glow-blur) var(--snake-glow-spread) hsl(var(--h) 100% 60% / var(--glow-alpha));
  border-radius: calc(var(--snake-thickness)/2);
  pointer-events:none;
  filter: saturate(var(--sat));
  /* Fallback (edge-by-edge) + hue cycle */
  animation:
    snake-move var(--snake-speed) linear infinite,
    hue-cycle  calc(var(--snake-speed) * var(--hue-mult)) linear infinite;
  --phase: 0s;
}

/* Trail echo (slight lag), softly faded so it blends with the head */
.advert_style-8 .snake::before{
  content:"";
  position:absolute;
  inset: 0;
  border-radius: inherit;
  background: inherit;
  box-shadow: inherit;
  filter: inherit;
  opacity: var(--blend-alpha);
  -webkit-mask-image: linear-gradient(to right, #000 0%, #000 70%, rgba(0,0,0,0.85) 100%);
          mask-image: linear-gradient(to right, #000 0%, #000 70%, rgba(0,0,0,0.85) 100%);
}

/* Lead echo (slight lead), also softly faded to pre-fill next edge progressively */
.advert_style-8 .snake::after{
  content:"";
  position:absolute;
  inset: 0;
  border-radius: inherit;
  background: inherit;
  box-shadow: inherit;
  filter: inherit;
  opacity: var(--blend-alpha);
  -webkit-mask-image: linear-gradient(to right, rgba(0,0,0,0.85) 0%, #000 30%, #000 100%);
          mask-image: linear-gradient(to right, rgba(0,0,0,0.85) 0%, #000 30%, #000 100%);
}

/* ===== Motion Path (primary) ===== */
@supports (offset-path: inset(0)) {
  .advert_style-8 .snake,
  .advert_style-8 .snake::before,
  .advert_style-8 .snake::after{
    offset-path: inset(calc(var(--snake-thickness) / 2) round var(--snake-radius));
    offset-rotate: auto;
    offset-anchor: left center;
  }
  .advert_style-8 .snake{
    animation:
      snake-path var(--snake-speed) linear infinite var(--phase),
      hue-cycle  calc(var(--snake-speed) * var(--hue-mult)) linear infinite;
  }
  /* Trail lags behind head a tiny fraction */
  .advert_style-8 .snake::before{
    animation: snake-path var(--snake-speed) linear infinite calc(var(--phase) + (var(--snake-speed) * var(--trail-frac)));
  }
  /* Lead goes slightly ahead of head */
  .advert_style-8 .snake::after{
    animation: snake-path var(--snake-speed) linear infinite calc(var(--phase) - (var(--snake-speed) * var(--lead-frac)));
  }
  @keyframes snake-path { from { offset-distance: 0%; } to { offset-distance: 100%; } }
}

/* ===== Fallback (parallel edges) ===== */
@keyframes snake-move{
  0%, 24.999% { top: 0; left: 0; width: var(--snake-length-px); height: var(--snake-thickness); }
  24.999%     { left: calc(100% - var(--snake-length-px)); }
  25%, 49.999% { top: 0; left: calc(100% - var(--snake-thickness)); width: var(--snake-thickness); height: var(--snake-length-px); }
  49.999%     { top: calc(100% - var(--snake-length-px)); }
  50%, 74.999% { top: calc(100% - var(--snake-thickness)); left: calc(100% - var(--snake-length-px)); width: var(--snake-length-px); height: var(--snake-thickness); }
  74.999%     { left: 0; }
  75%, 99.999% { top: calc(100% - var(--snake-length-px)); left: 0; width: var(--snake-thickness); height: var(--snake-length-px); }
  99.999%     { top: 0; }
  100%        { top: 0; left: 0; width: var(--snake-length-px); height: var(--snake-thickness); }
}

/* ===== Hue animation via custom property (RGB cycle) ===== */
@keyframes hue-cycle { to { --h: 360; } }

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .advert_style-8 .snake,
  .advert_style-8 .snake::before,
  .advert_style-8 .snake::after{ animation: none; }
}

/* 
 * style 9
 */

.advert_style-9{
  position: relative;
  display: inline-block;
  overflow: hidden;     /* clips edge strips to outer rounding */
  isolation: isolate;
  border-radius: var(--outer-rad);
}

/* Keep the image square and untouched */
.advert_style-9 > img{
  display:block;
  width:min(92vw, 900px);
  height:auto;
  border-radius: 0;   /* inner banner stays square */
}

/* ===================== Parent layers (RIM + GLOW) ===================== */
/* Rim follows the outer curve but subtracts the tube inset ⇒ no gap when rounded */
.advert_style-9::before{
  content:"";
  position:absolute;
  inset: calc(var(--thick) - 0.5px);
  /* radius = outer radius minus inset (clamped at 0) */
  border-radius: max(0px, calc(var(--outer-rad) - (var(--thick) - 0.5px)));
  z-index: 2;
  filter: hue-rotate(0deg) saturate(var(--sat));
  animation: advert9_hue var(--h-sec) linear infinite;
  box-shadow: inset 0 0 0 var(--rim) hsl(0 100% 60% / 1);
}

/* Glow starts after the rim and uses a radius reduced by (tube inset + rim) ⇒ no gap */
.advert_style-9::after{
  content:"";
  position:absolute;
  inset: calc(var(--thick) - 0.5px + var(--rim));
  border-radius: max(0px, calc(var(--outer-rad) - (var(--thick) - 0.5px + var(--rim))));
  z-index: 1;
  filter: hue-rotate(0deg) saturate(var(--sat));
  animation:
    advert9_hue var(--h-sec) linear infinite,
    advert9_flick_fast var(--f-fast) steps(36,end) infinite,
    advert9_flick_burst var(--f-burst) steps(57,end) infinite;
  box-shadow:
    inset 0 0 var(--blur) var(--spread) hsl(0 100% 60% / .95),
    inset 0 0 calc(var(--blur)*1.9) calc(var(--spread)*1.3) hsl(0 100% 60% / .55);
  opacity: calc(1 * var(--advert9-g1,1) * var(--advert9-g2,1));
}

/* ===================== Edges (TUBE line) ===================== */
.advert_style-9 .advert_edge{
  position:absolute;
  pointer-events:none;
  z-index: 3;                    /* tube on top of rim+glow */
  filter: hue-rotate(0deg) saturate(var(--sat));
  animation: advert9_hue var(--h-sec) linear infinite;
}
/* overlap 1px at corners to avoid seams; outer rounding clips them */
.advert_style-9 .advert_edge_top    { top:0;    left:-1px; right:-1px; height:var(--thick); }
.advert_style-9 .advert_edge_bottom { bottom:0; left:-1px; right:-1px; height:var(--thick); }
.advert_style-9 .advert_edge_left   { left:0;   top:-1px; bottom:-1px; width:var(--thick); }
.advert_style-9 .advert_edge_right  { right:0;  top:-1px; bottom:-1px; width:var(--thick); }

.advert_style-9 .advert_edge::before{
  content:"";
  position:absolute; inset:0;
  box-shadow:
    inset 0 0 0 100vmax hsl(0 100% 60% / 1),
    inset 0 0 0 1px     hsl(0 100% 60% / .35);
  opacity: 1; mix-blend-mode: normal;
}

/* ===================== Keyframes ===================== */
@keyframes advert9_hue{
  from{ filter: hue-rotate(0deg)   saturate(var(--sat)); }
  to  { filter: hue-rotate(360deg) saturate(var(--sat)); }
}
@keyframes advert9_flick_fast{
  0%,5%,10%,15%,20%,25%,30%,35%,40%,45%,50%,55%,60%,65%,70%,75%,80%,85%,90%,95%,100% { --advert9-g1: 1; }
  2%{ --advert9-g1: .94; } 7%{ --advert9-g1: .88; } 12%{ --advert9-g1: .93; } 17%{ --advert9-g1: .87; }
  22%{ --advert9-g1: .95; } 33%{ --advert9-g1: .91; } 47%{ --advert9-g1: .92; } 71%{ --advert9-g1: .93; }
}
@keyframes advert9_flick_burst{
  0%,14%,31%,49%,67%,84%,100% { --advert9-g2: 1; }
  16% { --advert9-g2: var(--f-min); }
  17% { --advert9-g2: 1; }
  50% { --advert9-g2: var(--f-black); }
  51% { --advert9-g2: 1; }
  86% { --advert9-g2: calc((1 + var(--f-min)) * .6); }
  87% { --advert9-g2: 1; }
}

</style>
</head>
<body cz-shortcut-listen="true" style="">


<header>
    <div class="primary-header" id="sidebar-anchor">
    <div class="ph-col col-logo">
      <div class="logo-wrapper">
        <a href="javascript:void(0)" class="mobile-menu">
          <svg height="32px" id="Layer_1" style="enable-background:new 0 0 32 32;" version="1.1" viewBox="0 0 32 32" width="32px" xml:space="preserve" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink"><path fill="currentColor" d="M4,10h24c1.104,0,2-0.896,2-2s-0.896-2-2-2H4C2.896,6,2,6.896,2,8S2.896,10,4,10z M28,14H4c-1.104,0-2,0.896-2,2  s0.896,2,2,2h24c1.104,0,2-0.896,2-2S29.104,14,28,14z M28,22H4c-1.104,0-2,0.896-2,2s0.896,2,2,2h24c1.104,0,2-0.896,2-2  S29.104,22,28,22z"/></svg>
	</a>
<div class="logo">
          <a href="/">
                        <img id="logo-icon" src="/logo.webp" alt="Logo" loading="lazy" height="30px" />

                    
                      </a>

                     
        </div>
        

      </div>
    </div>

    <div class="ph-col col-search">


<!--alerts-->

<link
  rel="stylesheet"
  href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
/>

<div class="notification-container">
    <div id="alertsToggle" class="bell-icon">
    <i class="fa-solid fa-bell"></i>
        <span class="badge" id="alertBadge" style="display: none;">0</span>
    </div> 
    <div class="alerts-dropdown" id="alertsDropdown" style="display: none;"></div>
</div>

<script>
//
// add new alert
//

function addAlert(data) {
    const $alertDiv = $('<div class="alert" style="display:none;"></div>');
    const $alertInfo = $('<div class="alert-info"></div>');

    const $profileImage = $('<img>', {
        src: `${data.imageUrl}`,
        alt: 'Profile Picture'
    });

    const $modelInfo = $('<div>').html(
        `<a href="${data.profileUrl}"><strong>${data.nickname}</strong> is live in <em>${data.status}</em></a>`
    );

    $alertInfo.append($profileImage, $modelInfo);

    const $dismissBtn = $('<button class="dismiss-btn" aria-label="Dismiss">&times;</button>');
    $dismissBtn.on('click', function () {
        dismissAlert($(this));
    });

    $alertDiv.append($alertInfo, $dismissBtn);
    $('#alertsDropdown').append($alertDiv);

    $alertDiv
        .fadeIn(200)
        .css('background-color', '#888') // light yellow
        .animate({ backgroundColor: '#ffffff' }, 1200);

    updateBadge();
}

//
// toggle dropdown
//

function toggleAlerts() {
    const $dropdown = $('#alertsDropdown');
    if ($dropdown.is(':visible')) {
        $dropdown.slideUp(250).removeClass('show');
    } else {
        $dropdown.slideDown(250).addClass('show');
    }
}

//
// hide alert
//

function dismissAlert($button) {
    $button.closest('.alert').fadeOut(200, function () {
        $(this).remove();
        updateBadge();
    });
}

//
// update num alerts
//

function updateBadge() {
    const $alerts = $('.alerts-dropdown .alert');
    const $badge = $('#alertBadge');
    const $dropdown = $('#alertsDropdown');

    if ($alerts.length === 0) {
        $badge.hide();
        if ($dropdown.is(':visible')) {
            $dropdown.slideUp(250).removeClass('show');
        }
    } else {
        $badge.text($alerts.length).show();
    }
}

//
// fetch json alerts
//

function fetchUpdates() {
    $.getJSON('/')
        .done(function (data) {
            console.log('Data received:', data);

            // Always ensure data is an array
            if (!Array.isArray(data)) data = [data];

            $.each(data, function (_, update) {
                addAlert(update);
            });
        })
        .fail(function (xhr, status, error) {
            console.error('Error fetching updates:', error);
        });
}

$(function () {
    fetchUpdates();

    $('#alertsToggle').on('click', function (e) {
        e.preventDefault();
        toggleAlerts();
    });

});
</script>

<!-- ef alerts-->


      <div class="search-group">
      <form id="search-box-top" action="/search/" target="_self">
          <input id="search_models_top" autocomplete="off" type="text" class="search-txt" name="q" placeholder="Search on keyword">
          <div id="container-search"></div>
          <button class="search-submit">
            <svg enable-background="new 0 0 50 50" height="50px" id="Layer_1" version="1.1" viewBox="0 0 50 50" width="50px" xml:space="preserve" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink"><path d="M38.084,7.398c-8.531-8.53-22.36-8.53-30.89,0c-8.53,8.53-8.53,22.36,0,30.89  c7.331,7.33,18.566,8.341,26.998,3.074l8.132,8.13c1.757,1.756,4.604,1.756,6.359,0c1.757-1.757,1.757-4.603,0-6.357l-8.002-8  C46.486,26.63,45.629,14.943,38.084,7.398z M32.632,32.836c-5.518,5.52-14.467,5.52-19.986,0c-5.519-5.519-5.519-14.468,0-19.988  c5.519-5.518,14.468-5.518,19.986,0C38.154,18.368,38.154,27.317,32.632,32.836z"/></svg>
          </button>
        </form>
      </div>
    </div>
  </div>
  

</header>


<div class="main">
    

<div id="sidebar" class=" sidebar sidebar-desktop ">
<div class="w-full flex flex-col">
    <div class="widget-content">
      <div class="tab-content">
        <div class="tab-block active" id="tab-girls">
          <ul class="no-bullet">
         
                          
                          </ul>
        </div>
      </div>
    </div>
  </div>
  <div class="widget widget-accordian no-divider">
    <ul class="no-bullet">
      <li data-filter="sorting">
        <div data-selected="all" class="item">
          <a class="fress relative gap-1.5 flex items-center px-1.5 py-0.75 h-5 text-white/75 hover:text-white  focus:outline-none focus:bg-white/10 focus:ring-0 focus:ring-white/30 bg-neutral-600 !text-white"href="#" title="Sort">
          <div class="size-4 flex-center bg-white/10 rounded-full text-white bg-exception">
              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 320 512"><path d="M27.66 224h264.7c24.6 0 36.89-29.78 19.54-47.12l-132.3-136.8c-5.406-5.406-12.47-8.107-19.53-8.107c-7.055 0-14.09 2.701-19.45 8.107L8.119 176.9C-9.229 194.2 3.055 224 27.66 224zM292.3 288H27.66c-24.6 0-36.89 29.77-19.54 47.12l132.5 136.8C145.9 477.3 152.1 480 160 480c7.053 0 14.12-2.703 19.53-8.109l132.3-136.8C329.2 317.8 316.9 288 292.3 288z"/></svg>          </div>
            <span class="grow">Sort<!--DROP--></span>
      
          <div class="toggle">
            <svg viewBox="0 0 96 96" xmlns="https://www.w3.org/2000/svg"><path d="M81.8457,25.3876a6.0239,6.0239,0,0,0-8.45.7676L48,56.6257l-25.396-30.47a5.999,5.999,0,1,0-9.2114,7.6879L43.3943,69.8452a5.9969,5.9969,0,0,0,9.2114,0L82.6074,33.8431A6.0076,6.0076,0,0,0,81.8457,25.3876Z"/></svg>
          </div>
          </a>
        </div>
        <ul class="sub-items no-bullet">
                        <li>
            <a class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer"data-type="sorting" data-val="" href="/search/?&sort=ai" title="/search/?&sort=ai">
                  <span class="grow">AI</span>
                  <span class="text-white/50 "style="float: right;"></span>
                </a>
            </li>
                        <li>
            <a class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer"data-type="sorting" data-val="" href="/search/?&sort=random" title="/search/?&sort=random">
                  <span class="grow">Random</span>
                  <span class="text-white/50 "style="float: right;"></span>
                </a>
            </li>
                        <li>
            <a class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer"data-type="sorting" data-val="" href="/search/?&sort=youngest" title="/search/?&sort=youngest">
                  <span class="grow">Youngest</span>
                  <span class="text-white/50 "style="float: right;"></span>
                </a>
            </li>
                        <li>
            <a class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer"data-type="sorting" data-val="" href="/search/?&sort=oldest" title="/search/?&sort=oldest">
                  <span class="grow">Oldest</span>
                  <span class="text-white/50 "style="float: right;"></span>
                </a>
            </li>
                        <li>
            <a class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer"data-type="sorting" data-val="" href="/search/?&sort=newest" title="/search/?&sort=newest">
                  <span class="grow">Newest</span>
                  <span class="text-white/50 "style="float: right;"></span>
                </a>
            </li>
                        <li>
            <a class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer"data-type="sorting" data-val="" href="/search/?&sort=experienced" title="/search/?&sort=experienced">
                  <span class="grow">Experienced</span>
                  <span class="text-white/50 "style="float: right;"></span>
                </a>
            </li>
                        <li>
            <a class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer"data-type="sorting" data-val="" href="/search/?&sort=viewers" title="/search/?&sort=viewers">
                  <span class="grow">Viewers</span>
                  <span class="text-white/50 "style="float: right;"></span>
                </a>
            </li>
                        <li>
            <a class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer"data-type="sorting" data-val="" href="/search/?&sort=leastviewers" title="/search/?&sort=leastviewers">
                  <span class="grow">Least Viewers</span>
                  <span class="text-white/50 "style="float: right;"></span>
                </a>
            </li>
                        <li>
            <a class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer"data-type="sorting" data-val="" href="/search/?&sort=followers" title="/search/?&sort=followers">
                  <span class="grow">Followers</span>
                  <span class="text-white/50 "style="float: right;"></span>
                </a>
            </li>
                        <li>
            <a class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer"data-type="sorting" data-val="" href="/search/?&sort=leastfollowers" title="/search/?&sort=leastfollowers">
                  <span class="grow">Least Followers</span>
                  <span class="text-white/50 "style="float: right;"></span>
                </a>
            </li>
                        <li>
            <a class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer"data-type="sorting" data-val="" href="/search/?&sort=bestrank" title="/search/?&sort=bestrank">
                  <span class="grow">Best Ranked</span>
                  <span class="text-white/50 "style="float: right;"></span>
                </a>
            </li>
                        <li>
            <a class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer"data-type="sorting" data-val="" href="/search/?&sort=worstrank" title="/search/?&sort=worstrank">
                  <span class="grow">Worst Ranked</span>
                  <span class="text-white/50 "style="float: right;"></span>
                </a>
            </li>
                    </ul>
      </li>
    </ul>
  </div>
  
  <div class="widget widget-tabs no-divider" id="sidebar-cats">
    <div class="widget-content">
      <div class="tab-content">
        <div class="tab-block active" id="tab-girls">
          <ul class="no-bullet">
                                          
                                                            <li>
                            <a class="relative gap-1.5 flex items-center px-1.5 py-0.75 h-5 text-white/75 hover:text-white  focus:outline-none focus:bg-white/10 focus:ring-0 focus:ring-white/30 bg-neutral-600 !text-white" title="Custom" href="/filters/">
                                <div class="size-4 flex-center rounded-full text-white bg-exception no-bg">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 24 24"><title>custom</title><path d="M3 17.25V21h3.75l11-11.04-3.75-3.75L3 17.25zM20.71 7.04a1.003 1.003 0 0 0 0-1.42l-2.34-2.34a1.003 1.003 0 0 0-1.42 0l-1.83 1.83 3.75 3.75 1.84-1.82z"/></svg>                                </div>
                                <div class="capitalize truncate text-base md:text-sm font-normal flex-grow text-left"> Custom</div>
                            </a>
                        </li>

                                                              
                                                              <p>
                                                      <div class="h-5 uppercase text-neutral-100 text-sm font-bold pl-2.5 pr-2 mt-1 flex items-center justify-start">tags</div>
                                                          <li>
                              <a href="/lovense/" title="lovense" class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer">
    <span class="grow">Lovense</span>
    <span class="text-white/50">2113</span>
                            </a>
                              </li>
                                                          <li>
                              <a href="/hardcore/" title="hardcore" class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer">
    <span class="grow">Hardcore</span>
    <span class="text-white/50">1365</span>
                            </a>
                              </li>
                                                          <li>
                              <a href="/anal/" title="anal" class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer">
    <span class="grow">anal</span>
    <span class="text-white/50">1080</span>
                            </a>
                              </li>
                                                          <li>
                              <a href="/fetish/" title="fetish" class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer">
    <span class="grow">bdsm</span>
    <span class="text-white/50">1003</span>
                            </a>
                              </li>
                                                          <li>
                              <a href="/sexy/" title="sexy" class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer">
    <span class="grow">Sexy</span>
    <span class="text-white/50">843</span>
                            </a>
                              </li>
                                                          <li>
                              <a href="/cute/" title="cute" class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer">
    <span class="grow">Cute</span>
    <span class="text-white/50">640</span>
                            </a>
                              </li>
                                                          <li>
                              <a href="/asian/" title="asian" class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer">
    <span class="grow">asian</span>
    <span class="text-white/50">537</span>
                            </a>
                              </li>
                                                          <li>
                              <a href="/ruskraine/" title="ruskraine" class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer">
    <span class="grow">ruskraine</span>
    <span class="text-white/50">488</span>
                            </a>
                              </li>
                                                          <li>
                              <a href="/new/" title="new" class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer">
    <span class="grow">New</span>
    <span class="text-white/50">483</span>
                            </a>
                              </li>
                                                          <li>
                              <a href="/russia/" title="russia" class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer">
    <span class="grow">russia</span>
    <span class="text-white/50">440</span>
                            </a>
                              </li>
                                                          <li>
                              <a href="/slutty/" title="slutty" class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer">
    <span class="grow">Slutty</span>
    <span class="text-white/50">411</span>
                            </a>
                              </li>
                                                          <li>
                              <a href="/cosplay/" title="cosplay" class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer">
    <span class="grow">cosplay</span>
    <span class="text-white/50">360</span>
                            </a>
                              </li>
                                                          <li>
                              <a href="/twinks/" title="twinks" class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer">
    <span class="grow">twinks</span>
    <span class="text-white/50">186</span>
                            </a>
                              </li>
                                                          <li>
                              <a href="/romania/" title="romania" class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer">
    <span class="grow">romania</span>
    <span class="text-white/50">120</span>
                            </a>
                              </li>
                                                          <li>
                              <a href="/poland/" title="poland" class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer">
    <span class="grow">poland</span>
    <span class="text-white/50">87</span>
                            </a>
                              </li>
                                                          <li>
                              <a href="/ukraine/" title="ukraine" class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer">
    <span class="grow">ukraine</span>
    <span class="text-white/50">77</span>
                            </a>
                              </li>
                                                          <li>
                              <a href="/toys/" title="toys" class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer">
    <span class="grow">toys</span>
    <span class="text-white/50">74</span>
                            </a>
                              </li>
                                                          <li>
                              <a href="/latvia/" title="latvia" class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer">
    <span class="grow">latvia</span>
    <span class="text-white/50">64</span>
                            </a>
                              </li>
                                                          <li>
                              <a href="/czech/" title="czech" class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer">
    <span class="grow">czech</span>
    <span class="text-white/50">40</span>
                            </a>
                              </li>
                                                          <li>
                              <a href="/estonia/" title="estonia" class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer">
    <span class="grow">estonia</span>
    <span class="text-white/50">39</span>
                            </a>
                              </li>
                                                          <li>
                              <a href="/moldova/" title="moldova" class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer">
    <span class="grow">moldova</span>
    <span class="text-white/50">3</span>
                            </a>
                              </li>
                                                        </p>
                        
                                                          </ul>
        </div>
      </div>
    </div>
  </div>

    <div class="widget widget-tabs no-divider">
    <div class="widget-content">
      <div class="tab-content">
        <div class="tab-block active" id="tab-girls">
          <ul class="no-bullet">

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


<div id="sidebar" class=" sidebar sidebar-mobile ">
<div class="w-full flex flex-col">
    <div class="widget-content">
      <div class="tab-content">
        <div class="tab-block active" id="tab-girls">
          <ul class="no-bullet">
         
                          
                          </ul>
        </div>
      </div>
    </div>
  </div>
  <div class="widget widget-accordian no-divider">
    <ul class="no-bullet">
      <li data-filter="sorting">
        <div data-selected="all" class="item">
          <a class="fress relative gap-1.5 flex items-center px-1.5 py-0.75 h-5 text-white/75 hover:text-white  focus:outline-none focus:bg-white/10 focus:ring-0 focus:ring-white/30 bg-neutral-600 !text-white"href="#" title="Sort">
          <div class="size-4 flex-center bg-white/10 rounded-full text-white bg-exception">
              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 320 512"><path d="M27.66 224h264.7c24.6 0 36.89-29.78 19.54-47.12l-132.3-136.8c-5.406-5.406-12.47-8.107-19.53-8.107c-7.055 0-14.09 2.701-19.45 8.107L8.119 176.9C-9.229 194.2 3.055 224 27.66 224zM292.3 288H27.66c-24.6 0-36.89 29.77-19.54 47.12l132.5 136.8C145.9 477.3 152.1 480 160 480c7.053 0 14.12-2.703 19.53-8.109l132.3-136.8C329.2 317.8 316.9 288 292.3 288z"/></svg>          </div>
            <span class="grow">Sort<!--DROP--></span>
      
          <div class="toggle">
            <svg viewBox="0 0 96 96" xmlns="https://www.w3.org/2000/svg"><path d="M81.8457,25.3876a6.0239,6.0239,0,0,0-8.45.7676L48,56.6257l-25.396-30.47a5.999,5.999,0,1,0-9.2114,7.6879L43.3943,69.8452a5.9969,5.9969,0,0,0,9.2114,0L82.6074,33.8431A6.0076,6.0076,0,0,0,81.8457,25.3876Z"/></svg>
          </div>
          </a>
        </div>
        <ul class="sub-items no-bullet">
                        <li>
            <a class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer"data-type="sorting" data-val="" href="/search/?&sort=ai" title="/search/?&sort=ai">
                  <span class="grow">AI</span>
                  <span class="text-white/50 "style="float: right;"></span>
                </a>
            </li>
                        <li>
            <a class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer"data-type="sorting" data-val="" href="/search/?&sort=random" title="/search/?&sort=random">
                  <span class="grow">Random</span>
                  <span class="text-white/50 "style="float: right;"></span>
                </a>
            </li>
                        <li>
            <a class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer"data-type="sorting" data-val="" href="/search/?&sort=youngest" title="/search/?&sort=youngest">
                  <span class="grow">Youngest</span>
                  <span class="text-white/50 "style="float: right;"></span>
                </a>
            </li>
                        <li>
            <a class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer"data-type="sorting" data-val="" href="/search/?&sort=oldest" title="/search/?&sort=oldest">
                  <span class="grow">Oldest</span>
                  <span class="text-white/50 "style="float: right;"></span>
                </a>
            </li>
                        <li>
            <a class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer"data-type="sorting" data-val="" href="/search/?&sort=newest" title="/search/?&sort=newest">
                  <span class="grow">Newest</span>
                  <span class="text-white/50 "style="float: right;"></span>
                </a>
            </li>
                        <li>
            <a class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer"data-type="sorting" data-val="" href="/search/?&sort=experienced" title="/search/?&sort=experienced">
                  <span class="grow">Experienced</span>
                  <span class="text-white/50 "style="float: right;"></span>
                </a>
            </li>
                        <li>
            <a class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer"data-type="sorting" data-val="" href="/search/?&sort=viewers" title="/search/?&sort=viewers">
                  <span class="grow">Viewers</span>
                  <span class="text-white/50 "style="float: right;"></span>
                </a>
            </li>
                        <li>
            <a class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer"data-type="sorting" data-val="" href="/search/?&sort=leastviewers" title="/search/?&sort=leastviewers">
                  <span class="grow">Least Viewers</span>
                  <span class="text-white/50 "style="float: right;"></span>
                </a>
            </li>
                        <li>
            <a class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer"data-type="sorting" data-val="" href="/search/?&sort=followers" title="/search/?&sort=followers">
                  <span class="grow">Followers</span>
                  <span class="text-white/50 "style="float: right;"></span>
                </a>
            </li>
                        <li>
            <a class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer"data-type="sorting" data-val="" href="/search/?&sort=leastfollowers" title="/search/?&sort=leastfollowers">
                  <span class="grow">Least Followers</span>
                  <span class="text-white/50 "style="float: right;"></span>
                </a>
            </li>
                        <li>
            <a class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer"data-type="sorting" data-val="" href="/search/?&sort=bestrank" title="/search/?&sort=bestrank">
                  <span class="grow">Best Ranked</span>
                  <span class="text-white/50 "style="float: right;"></span>
                </a>
            </li>
                        <li>
            <a class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer"data-type="sorting" data-val="" href="/search/?&sort=worstrank" title="/search/?&sort=worstrank">
                  <span class="grow">Worst Ranked</span>
                  <span class="text-white/50 "style="float: right;"></span>
                </a>
            </li>
                    </ul>
      </li>
    </ul>
  </div>
  
  <div class="widget widget-tabs no-divider" id="sidebar-cats">
    <div class="widget-content">
      <div class="tab-content">
        <div class="tab-block active" id="tab-girls">
          <ul class="no-bullet">
                                          
                                                            <li>
                            <a class="relative gap-1.5 flex items-center px-1.5 py-0.75 h-5 text-white/75 hover:text-white  focus:outline-none focus:bg-white/10 focus:ring-0 focus:ring-white/30 bg-neutral-600 !text-white" title="Custom" href="/filters/">
                                <div class="size-4 flex-center rounded-full text-white bg-exception no-bg">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 24 24"><title>custom</title><path d="M3 17.25V21h3.75l11-11.04-3.75-3.75L3 17.25zM20.71 7.04a1.003 1.003 0 0 0 0-1.42l-2.34-2.34a1.003 1.003 0 0 0-1.42 0l-1.83 1.83 3.75 3.75 1.84-1.82z"/></svg>                                </div>
                                <div class="capitalize truncate text-base md:text-sm font-normal flex-grow text-left"> Custom</div>
                            </a>
                        </li>

                                                              
                                                              <p>
                                                      <div class="h-5 uppercase text-neutral-100 text-sm font-bold pl-2.5 pr-2 mt-1 flex items-center justify-start">tags</div>
                                                          <li>
                              <a href="/lovense/" title="lovense" class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer">
    <span class="grow">Lovense</span>
    <span class="text-white/50">2113</span>
                            </a>
                              </li>
                                                          <li>
                              <a href="/hardcore/" title="hardcore" class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer">
    <span class="grow">Hardcore</span>
    <span class="text-white/50">1365</span>
                            </a>
                              </li>
                                                          <li>
                              <a href="/anal/" title="anal" class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer">
    <span class="grow">anal</span>
    <span class="text-white/50">1080</span>
                            </a>
                              </li>
                                                          <li>
                              <a href="/fetish/" title="fetish" class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer">
    <span class="grow">bdsm</span>
    <span class="text-white/50">1003</span>
                            </a>
                              </li>
                                                          <li>
                              <a href="/sexy/" title="sexy" class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer">
    <span class="grow">Sexy</span>
    <span class="text-white/50">843</span>
                            </a>
                              </li>
                                                          <li>
                              <a href="/cute/" title="cute" class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer">
    <span class="grow">Cute</span>
    <span class="text-white/50">640</span>
                            </a>
                              </li>
                                                          <li>
                              <a href="/asian/" title="asian" class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer">
    <span class="grow">asian</span>
    <span class="text-white/50">537</span>
                            </a>
                              </li>
                                                          <li>
                              <a href="/ruskraine/" title="ruskraine" class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer">
    <span class="grow">ruskraine</span>
    <span class="text-white/50">488</span>
                            </a>
                              </li>
                                                          <li>
                              <a href="/new/" title="new" class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer">
    <span class="grow">New</span>
    <span class="text-white/50">483</span>
                            </a>
                              </li>
                                                          <li>
                              <a href="/russia/" title="russia" class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer">
    <span class="grow">russia</span>
    <span class="text-white/50">440</span>
                            </a>
                              </li>
                                                          <li>
                              <a href="/slutty/" title="slutty" class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer">
    <span class="grow">Slutty</span>
    <span class="text-white/50">411</span>
                            </a>
                              </li>
                                                          <li>
                              <a href="/cosplay/" title="cosplay" class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer">
    <span class="grow">cosplay</span>
    <span class="text-white/50">360</span>
                            </a>
                              </li>
                                                          <li>
                              <a href="/twinks/" title="twinks" class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer">
    <span class="grow">twinks</span>
    <span class="text-white/50">186</span>
                            </a>
                              </li>
                                                          <li>
                              <a href="/romania/" title="romania" class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer">
    <span class="grow">romania</span>
    <span class="text-white/50">120</span>
                            </a>
                              </li>
                                                          <li>
                              <a href="/poland/" title="poland" class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer">
    <span class="grow">poland</span>
    <span class="text-white/50">87</span>
                            </a>
                              </li>
                                                          <li>
                              <a href="/ukraine/" title="ukraine" class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer">
    <span class="grow">ukraine</span>
    <span class="text-white/50">77</span>
                            </a>
                              </li>
                                                          <li>
                              <a href="/toys/" title="toys" class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer">
    <span class="grow">toys</span>
    <span class="text-white/50">74</span>
                            </a>
                              </li>
                                                          <li>
                              <a href="/latvia/" title="latvia" class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer">
    <span class="grow">latvia</span>
    <span class="text-white/50">64</span>
                            </a>
                              </li>
                                                          <li>
                              <a href="/czech/" title="czech" class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer">
    <span class="grow">czech</span>
    <span class="text-white/50">40</span>
                            </a>
                              </li>
                                                          <li>
                              <a href="/estonia/" title="estonia" class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer">
    <span class="grow">estonia</span>
    <span class="text-white/50">39</span>
                            </a>
                              </li>
                                                          <li>
                              <a href="/moldova/" title="moldova" class="flex items-center h-5 w-full text-left px-2 gap-1.5 shrink-0 text-white capitalize hover:bg-white/10 focus:bg-white/10 focus:outline-none border-none bg-transparent cursor-pointer">
    <span class="grow">moldova</span>
    <span class="text-white/50">3</span>
                            </a>
                              </li>
                                                        </p>
                        
                                                          </ul>
        </div>
      </div>
    </div>
  </div>

    <div class="widget widget-tabs no-divider">
    <div class="widget-content">
      <div class="tab-content">
        <div class="tab-block active" id="tab-girls">
          <ul class="no-bullet">

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


<div class="content">
<div class="page-content">


  <div class="offline-banner">
    🔴 clayton88 is currently offline.
        <span class="last-online">Last online 7 hours ago on 7 Nov 2025, 15:38</span>
      </div>


<!-- content model info-->
<div class="content">
    <div class="page-content" style="width: 100%;">
        <div class="page-head">
            <div id="voting-message"></div>
        </div>
        <div class="model-content">
                        <div class="model-box">
                <div class="model-wrapper">
                    <div id="chatembed" style="position:relative; overflow:hidden">
                        

<a href="https://chaturbate.com/in/?tour=YrCr&campaign=7FTTU&track=ukrainiancams&room=clayton88" target="_blank" class="lobClickEmbedProfile" title="clayton88">
    <iframe src='https://cbxyz.com/in/?tour=9oGW&campaign=7FTTU&track=ukrainiancams&room=clayton88&disable_sound=1&mobileRedirect=auto&embed_video_only=1' height='100%' width='100%' frameborder='0' class='code' scrolling='no'></iframe></a>

<div id="blur-overlay">
    <div class="box">
                <img class="thumb" src="" 
            alt="clayton88">
        <h2>Get Extra Benefits</h2>
        <p>cum on toes at goal</p>
        <a href="https://chaturbate.com/in/?tour=YrCr&campaign=7FTTU&track=ukrainiancams&room=clayton88" class="room-link">Get a Free Membership</a>
    </div>
</div>

                    </div>
                </div>
            

  <div class="page-title"><h3><a href="https://chaturbate.com/in/?tour=YrCr&campaign=7FTTU&track=ukrainiancams&room=clayton88" target="_blank" rel="noopener nofollow" title="Chaturbate Clayton88" class="lobClickProfile" aria-label="Visit Chaturbate Clayton88's room">Chaturbate Clayton88</a></h3></div>


  <!--  <div class="model-desc">
            <h1 class="display-h2">Clayton88 is Offline check her performance over time</h1>
            
    </div>-->
        <div class="model-tab">
            <ul class="tab-nav">
                <li class="tabs-nav active">
                    <a href="#tab-bio">About Me</a>
                </li>
                
                <li class="tabs-nav ">
                    <a href="#tab-comments">Model Statistics</a>
                </li>

                
<li class="tabs-nav">
                    <a class="link" target="_blank" class="lobClickProfile" href="https://chaturbate.com/in/?tour=YrCr&campaign=7FTTU&track=ukrainiancams&room=clayton88" rel="nofollow">View Full Profile</a>
                </li>


            </ul>
          <!-- list of model data-->
  <div class="tab-contents">
  <div class="tab-content active" id="tab-bio">
    <div class="tab-wrapper">
      <div class="model-preview">

        
                  <a href="https://chaturbate.com/in/?tour=YrCr&campaign=7FTTU&track=ukrainiancams&room=clayton88"  class="lobClickProfile" target="_blank">
            <img id="bio-thumb"
                        src=""
                        class="img"
                        alt="clayton88 on Chaturbate"
                        title="Offline"
                        loading="lazy"
                        onerror="this.onerror=null;this.src='/share/profilePhoto/sexy-ass-broken_profile_image.webp';">          </a>
              </div>

      <div class="model-details">

                  <div class="detail-item">Name: clayton88</div>
        
                  <div class="detail-item">Age: 44</div>
        
                  <div class="detail-item">Gender: Male</div>
        
        
                  <div class="detail-item">Followers: 9296</div>
        
                  <div class="detail-item">Last Online: 7 November '25</div>
              </div> <!-- .model-details -->
    </div> <!-- .tab-wrapper -->

          <div class="detail-item detail-item-wide" style="padding: 20px; margin-top:20px;">
    Cum on toes at goal  </div>
      
                  <div class="detail-item detail-item-wide">
            <h2 class="display-h2" itemprop="description">Try Chaturbate&#039;s clayton88 latest live show</h2>
          </div>
        
                
          <div class="detail-item detail-item-wide" id="digi-tags">
            
                    </div>


  </div> <!-- #tab-bio -->
</div> <!-- .tab-contents -->


<!-- list of model data-->


              <div class="tab-content" id="tab-share">
								<h4 class="display-h1">	 clayton88,Chaturbate,tok,tok,tok,tok,tok,tok,tok,tok</h4>
                <div class="share" style="display: flex;">
<div class="item-grid medium">
                          </div>
                  </div>
              </div>

              <div class="tab-content " id="tab-details">


</div>


                            <div class="tab-content " id="tab-comments">
                <div id="comment-message" ></div>
            

<div class="stats-wrapper">
    <h2>🔥 Clayton88's </h2>

    <div class="stats-grid">
        <div class="stat-card"><h4>Total time</h4><div class="value">1d 18h 11mins</div></div>
<div class="stat-card"><h4>Days active</h4><div class="value">45</div></div>
<div class="stat-card"><h4>Average daily online time</h4><div class="value">56mins</div></div>

<div class="stat-card"><h4>Free chat sessions</h4><div class="value">107</div></div>
<div class="stat-card"><h4>Total free chat time</h4><div class="value">1d 18h 11mins</div></div>
<div class="stat-card"><h4>Average free session</h4><div class="value">23mins</div></div><div class="stat-card"><h4>Longest free chat by clayton88</h4><div class="value">2h 23mins</div></div>

<div class="stat-card"><h4>Private chat sessions</h4><div class="value">0</div></div>
<div class="stat-card"><h4>Total private time</h4><div class="value">0mins</div></div>
<div class="stat-card"><h4>Average private session</h4><div class="value">0mins</div></div>
<div class="stat-card"><h4>Longest private session by clayton88</h4><div class="value">0mins</div></div>


<div class="stat-card"><h4>Total viewers</h4><div class="value">348</div></div>
<div class="stat-card"><h4>Max viewers</h4><div class="value">11</div></div>

<div class="stat-card"><h4>New followers</h4><div class="value">99</div></div>
<div class="stat-card"><h4>Min followers</h4><div class="value">9179</div></div>
<div class="stat-card"><h4>Max followers</h4><div class="value">9278</div></div>

<div class="stat-card"><h4>Best rank</h4><div class="value">#2016</div></div>
</div>

    <div class="graph-placeholder">
        📊 Future chart of clayton88's weekly activity
    </div>
    </div>


                <div class="comments">  </div>
              </div>
                          </div>
          </div>


    <!-- ....piechart...... -->
     
                                <!-- ....piechart...... --> 


  <div style="text-align: center; margin-top: 30px;">
  <a href="https://chaturbate.com/in/?tour=YrCr&campaign=7FTTU&track=ukrainiancams&room=clayton88" class="lobClickProfile"
     style="display: inline-block; background-color: #e60073; color: #fff; padding: 14px 24px; border-radius: 8px; font-size: 18px; font-weight: 600; text-decoration: none; box-shadow: 0 4px 12px rgba(0,0,0,0.1); transition: background 0.3s ease;">
     ✅ Clayton88 
  </a>
  

</div>


<div class="related-models">
                    <h3 class="section-title">Related Models</h2>
                                          <div class="item-grid medium">


	  <br />
<b>Warning</b>:  Undefined variable $related in <b>/home/pete/html/avos.sexwebshow.com/avos/templates/theme1/webcamsProfile.php</b> on line <b>402</b><br />
<br />
<b>Warning</b>:  foreach() argument must be of type array|object, null given in <b>/home/pete/html/avos.sexwebshow.com/avos/templates/theme1/webcamsProfile.php</b> on line <b>402</b><br />
          <!-- end relatated models-->

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


      </div>
   <div class="top-placement">
        <div class="placement-wrapper">
        Try Chaturbate&#039;s clayton88 latest live show

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


    </div>
</div>

</div>
    <div id="cookiePolicyBanner" class="cookie-notify show ">
        <div class="warning-age">18+</div>
        <div class="policy-copy">
            <div class="contain-age-warn">
            <p class="age-warn-title"><strong>Ukrainiancams.com contains adult content</strong></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.html"><span class="text-link">Privacy Policy</span>.</a>
                                    </p>
                <div class="policy-button">
                    <input class="cookie-notify-button btn primary " type="button" id="cookie-policy-accept" value="I Agree">
                </div>
            </div>
        </div>
    </div>

<footer>

  <div class="container">
    <div class="footer-wrapper">
                    

<footer class="w-full flex flex-col justify-center items-center gap-y-3 py-7 px-2 text-center">
<div class="flex flex-col items-center gap-y-2 max-w-3xl">
  <picture class="contents">
    <img alt="Ukrainiancams.com Logo" itemprop="image" loading="lazy" src="/logo.webp" class="w-20">
  </picture>

  <span class="text-white text-lg font-bold text-center break-words">
    Chaturbate Clayton88  </span>
</div>
        
						<nav class="w-full flex justify-center">
							<ul class="flex flex-row flex-wrap justify-center gap-x-3 gap-y-2  sm:max-w-none">
							
              
    <li>
        <a aria-label="Privacy Policy" class="text-white text-sm hover:underline" style="  text-transform: capitalize;" href="/privacy.html" >
            Privacy Policy        </a>
    </li>
    <li>
        <a aria-label="Terms &amp; Conditions" class="text-white text-sm hover:underline" style="  text-transform: capitalize;" href="/terms-conditions.html" >
            Terms &amp; Conditions        </a>
    </li>
    <li>
        <a aria-label="DMCA" class="text-white text-sm hover:underline" style="  text-transform: capitalize;" href="/dmca.html" >
            DMCA        </a>
    </li>
    <li>
        <a aria-label="Disclaimer" class="text-white text-sm hover:underline" style="  text-transform: capitalize;" href="/disclaimer.html" >
            Disclaimer        </a>
    </li>
    <li>
        <a aria-label="About" class="text-white text-sm hover:underline" style="  text-transform: capitalize;" href="/about.html" >
            About        </a>
    </li>
    <li>
        <a aria-label="View Mobile Site" class="text-white text-sm hover:underline" style="  text-transform: capitalize;" href="/?site-style=mobile" >
            View Mobile Site        </a>
    </li>

              
              </ul>
						</nav>

	
						<div class="w-full flex flex-col items-center gap-y-1">
						
							<p class="w-full text-center text-sm font-normal text-neutral-100">© 2022
								<!-- -->-
								<!-- -->2025 
								<!-- -->&bull; Ukrainiancams.com  &bull; All rights reserved
								
						</div>
						<div class="w-full flex flex-col text-center text-sm font-normal text-white" style="    display: block;">
							<p>All models appearing on this website are 18 years or older</p>
              
 <a href="/privacy.html" class="customTextColor font-bold underline" aria-label="Read our Privacy Policy on Ukrainiancams.com">Privacy Policy</a> &bull;  <a href="/terms-conditions.html" class="customTextColor font-bold underline" aria-label="View our Terms and Conditions">Terms & Conditions</a> &bull;  <a href="/dmca.html" class="customTextColor font-bold underline" aria-label="Learn about our DMCA Policy">DMCA</a> &bull;  <a href="/disclaimer.html" class="customTextColor font-bold underline" aria-label="Read our Disclaimer">Disclaimer</a> &bull;  <a href="/about.html" class="customTextColor font-bold underline" aria-label="Learn more About Ukrainiancams.com">About Ukrainiancams.com</a> &bull; <a href="/?site-style=mobile" class="customTextColor font-bold underline" aria-label="Learn more About Ukrainiancams.com">View Mobile Site</a>

<div class="w-full flex items-center justify-center gap-x-1.5 mt-3">
    <a href="https://www.rta.org/" target="_blank" rel="noopener noreferrer" aria-label="Learn more about RTA certification">
        <img alt="RTA" src="/assets.theme1/images/rta.webp" sizes="56px" loading="lazy" width="56" height="20" />
    </a>
    <a href="https://www.asacp.org/" target="_blank" rel="noopener noreferrer" aria-label="Learn more about ASACP certification">
        <img alt="ASACP" src="/assets.theme1/images/asacp.webp?" sizes="90px" loading="lazy" width="90" height="20" />
    </a>
</div>

</div>
</footer>

            </div>
  </div>

<div class="tag-cloud">
            <a id="tags_c" style="font-size: 35px" href="/search/?kw=" data-weight="2" title="webcams categories"></a>
            <a id="tags_c" style="font-size: 20px" href="/search/?kw=toys" data-weight="2" title="webcams categories">toys</a>
            <a id="tags_c" style="font-size: 33px" href="/search/?kw=ruskraine" data-weight="6" title="webcams categories">ruskraine</a>
            <a id="tags_c" style="font-size: 14px" href="/search/?kw=external_link" data-weight="1" title="webcams categories">external_link</a>
            <a id="tags_c" style="font-size: 29px" href="/search/?kw=luxuriousprivate" data-weight="1" title="webcams categories">luxuriousprivate</a>
            <a id="tags_c" style="font-size: 20px" href="/search/?kw=estonia" data-weight="6" title="webcams categories">estonia</a>
            <a id="tags_c" style="font-size: 14px" href="/search/?kw=poland" data-weight="10" title="webcams categories">poland</a>
            <a id="tags_c" style="font-size: 33px" href="/search/?kw=asian" data-weight="6" title="webcams categories">asian</a>
            <a id="tags_c" style="font-size: 15px" href="/search/?kw=sexy" data-weight="8" title="webcams categories">sexy</a>
            <a id="tags_c" style="font-size: 24px" href="/search/?kw=xml" data-weight="4" title="webcams categories">xml</a>
            <a id="tags_c" style="font-size: 22px" href="/search/?kw=fetish" data-weight="9" title="webcams categories">fetish</a>
            <a id="tags_c" style="font-size: 23px" href="/search/?kw=teens" data-weight="1" title="webcams categories">teens</a>
            <a id="tags_c" style="font-size: 32px" href="/search/?kw=russia" data-weight="6" title="webcams categories">russia</a>
            <a id="tags_c" style="font-size: 34px" href="/search/?kw=hardcore" data-weight="5" title="webcams categories">hardcore</a>
            <a id="tags_c" style="font-size: 30px" href="/search/?kw=feed" data-weight="4" title="webcams categories">feed</a>
            <a id="tags_c" style="font-size: 34px" href="/search/?kw=romania" data-weight="2" title="webcams categories">romania</a>
            <a id="tags_c" style="font-size: 32px" href="/search/?kw=privates" data-weight="1" title="webcams categories">privates</a>
            <a id="tags_c" style="font-size: 15px" href="/search/?kw=wpincludes" data-weight="1" title="webcams categories">wpincludes</a>
            <a id="tags_c" style="font-size: 21px" href="/search/?kw=slutty" data-weight="9" title="webcams categories">slutty</a>
            <a id="tags_c" style="font-size: 28px" href="/search/?kw=spain" data-weight="2" title="webcams categories">spain</a>
            <a id="tags_c" style="font-size: 15px" href="/search/?kw=twinks" data-weight="10" title="webcams categories">twinks</a>
            <a id="tags_c" style="font-size: 33px" href="/search/?kw=girls" data-weight="2" title="webcams categories">girls</a>
            <a id="tags_c" style="font-size: 34px" href="/search/?kw=anal" data-weight="2" title="webcams categories">anal</a>
            <a id="tags_c" style="font-size: 32px" href="/search/?kw=cheapestprivates" data-weight="1" title="webcams categories">cheapestprivates</a>
            <a id="tags_c" style="font-size: 17px" href="/search/?kw=moldova" data-weight="2" title="webcams categories">moldova</a>
            <a id="tags_c" style="font-size: 32px" href="/search/?kw=middlepricedpriv" data-weight="1" title="webcams categories">middlepricedpriv</a>
            <a id="tags_c" style="font-size: 21px" href="/search/?kw=love" data-weight="1" title="webcams categories">love</a>
            <a id="tags_c" style="font-size: 33px" href="/search/?kw=new" data-weight="11" title="webcams categories">new</a>
            <a id="tags_c" style="font-size: 21px" href="/search/?kw=latvia" data-weight="8" title="webcams categories">latvia</a>
            <a id="tags_c" style="font-size: 16px" href="/search/?kw=milfs" data-weight="1" title="webcams categories">milfs</a>
            <a id="tags_c" style="font-size: 22px" href="/search/?kw=recordableprivat" data-weight="1" title="webcams categories">recordableprivat</a>
            <a id="tags_c" style="font-size: 26px" href="/search/?kw=ukraine" data-weight="10" title="webcams categories">ukraine</a>
            <a id="tags_c" style="font-size: 20px" href="/search/?kw=wpcontent" data-weight="1" title="webcams categories">wpcontent</a>
            <a id="tags_c" style="font-size: 27px" href="/search/?kw=cosplay" data-weight="5" title="webcams categories">cosplay</a>
            <a id="tags_c" style="font-size: 19px" href="/search/?kw=czech" data-weight="3" title="webcams categories">czech</a>
            <a id="tags_c" style="font-size: 33px" href="/search/?kw=mature" data-weight="1" title="webcams categories">mature</a>
            <a id="tags_c" style="font-size: 15px" href="/search/?kw=cute" data-weight="4" title="webcams categories">cute</a>
            <a id="tags_c" style="font-size: 17px" href="/search/?kw=wellknown" data-weight="1" title="webcams categories">wellknown</a>
            <a id="tags_c" style="font-size: 16px" href="/search/?kw=young" data-weight="1" title="webcams categories">young</a>
            <a id="tags_c" style="font-size: 27px" href="/search/?kw=wpadmin" data-weight="1" title="webcams categories">wpadmin</a>
    </div>

</footer>

<script>
$(function() {
    //resizerSetup('floatingChatEmbed');
    resizeHeight('.sidebar-desktop', 'sidebar-anchor');
    resizeHeight('.sidebar-mobile', 'sidebar-anchor');
    //resizerSetup('chatembed');        //resizerSetup('customChatEmbed');
        //resizerSetup('customFloatingChatEmbed');

    
            page.init("/", '#webcams', '#loadmore', 0, 1, 1, '/c/girls/1');
    

    $('#cookie-policy-accept').click(function() {
        $('#cookiePolicyBanner').removeClass('show');
        $('#cookiePolicyBanner').addClass('hide');
        Cookies.set('cookie-policy', 1);
    });

    sidebarAjaxLinks();
});


</script>


<script>
function create_data_cookie(e,a,i){if(i){var o=new Date;o.setTime(o.getTime()+24*i*60*60*1e3);var s="; expires="+o.toGMTString()}else s="";document.cookie=e+"="+a+s+"; path=/"}
function read_data_cookie(e){for(var a=e+"=",i=decodeURIComponent(document.cookie).split(";"),o=0;o<i.length;o++){for(var s=i[o];" "===s.charAt(0);)s=s.substring(1);if(0===s.indexOf(a))return s.substring(a.length,s.length)}return""};
lazyLoadInstance = new LazyLoad({ });

  //////////////// word cloud footer - for user searches /////////////

/* this causes errors and who the hell wants blinking text!!!!! sorry ionut lol
    var words = $('#tagisnack text'), // Get the text elements in the SVG
        l = words.length,
        current = null,
        delay = 2000;

    function clearBlink(o) {
      var ca = o.getAttribute('class').split(' ');
      var i = ca.indexOf('dot');
      if (i !== -1) {
        ca.splice(i, 1);
        o.setAttribute('class', ca.join(' '));
      }
    }

    function addBlink(o) {
      var ca = o.getAttribute('class').split(' ');
      ca.push('dot');
      o.setAttribute('class', ca.join(' '));
    }

    function wordblink() {
      var e;
      if (current !== null) {
        clearBlink(words.eq(current)[0]);
      }

      current = Math.floor(Math.random() * l);
      e = words.eq(current);
      addBlink(e[0]);

      setTimeout(wordblink, delay);
    }

    wordblink(); // Start blinking
*/
</script>
</body>
</html>