/**
 * Diana Oberoi — Extracted component styles (Phase 2 Batch 2)
 * Previously duplicated inline across HTML pages.
 */

/* ─── extracted block ─── */
.keyword ul li {
			display: inline-block;
			background-color: #0f3e4b;
			margin: 20px 2px 0;
			border-top-left-radius: 30px;
			box-shadow: 2px -3px 2px #82bf0c;
			border-radius: 35%
		}

		.keyword ul li:hover {
			background-color: #000
		}

		.keyword ul li a {
			font-weight: 900
		}

		@media screen and (max-width: 500px) {
			.keyword ul li {
				width: 100%
			}
		}

/* ─── extracted block ─── */
video#mlPreview {
						    width: 100%;
						    height: 100%;
						}

/* ─── extracted block ─── */
/* Video header */
								
								
								
								@media only screen and (min-width : 1123px)
								{
								.previdhead .jwplayer {
									    top: -70px;
								}
								}
								.previdhead .jw-preview.jw-reset {
								       display:block !important;
								       background: none;
								       background-repeat: no-repeat;
								       background-position-x: 50%;
								       background-position-y: 49%;
								       background-size: 475px 448px;
								}	
								
								.previdhead video {
								    top: -159px;
								    height: 100%;
								    width: 100%;
								    left: -50%;
								}
								
								.members-vid-logo {
								    position: absolute;
								    top: 0px;
								    right: 9px;
								    max-width: 17%;
									    z-index: 99;
								}
								
								@media only screen and (max-width: 1070px)
								{
									.members-vid-logo {
										        top: 0%;
									}
								}
								div#mlPreviewTxt {
								    position: absolute;
								    top: 3px;
								    font-size: 22px;
								    left: 22px;
								    color: #FFF;
								}
								
								span.mlPreviewLbl {
								    color: #D1A11A;
								}
								
								.previdhead {
								    max-height: 303px;
								    margin: -20px -5px 8px;
								    overflow: hidden;
								    
								}
								
								.diamond
								{
									border-bottom: 4px solid #2ba6cb;
								}

/* ─── extracted block ─── */
.button1 {
    border-radius: 20px;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    display: inline-block;
	width: 60%;
}

.button2:hover {
    box-shadow:0 12px 16px 0 rgb(255, 79, 95),0 17px 50px 0 rgba(0,0,0,0.19);
}
@media only screen and (max-width:800px){.button1{display-inline:block!important}}

/* ─── extracted block ─── */
.keyword-menu ul {
							margin: 0px;
							padding: 0px;
						}
						.keyword-menu ul li {
							display: inline-block;
							list-style: none;
							border: 1px solid #930db53b;
							background-color: #018cf3;
							margin: 20px 0 0 0;
							border-top-left-radius: 30px;
							border-bottom-right-radius: 30px;
							box-shadow: 6px -3px 1px #040404;
						}
						.keyword-menu ul li a {
							text-decoration: none;
							line-height: 15px;
							font-size: 13px;
							color: #ddd;
							font-weight: normal;
							padding: 7px 26px;
							display: block;
						}
						
						@media screen and (max-width: 500px){
						.keyword-menu ul li a {
							text-decoration: none;
							line-height: 20px;
							font-size: 12px;
							color: #ddd;
							font-weight: normal;
							padding: 7px 22px;
							display: block;
							
						}
						.keyword-menu ul li {
							width: 48%;
							display: inline-block;
							list-style: none;
							border: 1px solid #930db53b;
							background-color: #018cf3;
							margin: 20px 0 0 0;
							border-top-left-radius: 30px;
							border-bottom-right-radius: 30px;
							box-shadow: 6px -3px 1px #040404;
							text-align: center;
						}
						.keyword-menu ul {
							margin: 0px;
							padding: 0px;
						}
						.keyword-menu {
							display: block;
						}

						}

/* ─── extracted block ─── */
.footer{box-shadow: 0 0 15px 0 #9d6783;margin-top: 20px;}

/* ─── extracted block ─── */
.marquee{
						position: relative;
    width: 100%;
    height: 45px;
    overflow: hidden;
					}
					.marquee img{
						
						animation: myfirst 4s infinite cubic-bezier(0.46, 0.03, 0.52, 0.96);;
  animation-direction: alternate;
  display:inline-block;
  position: absolute;
					}
					@keyframes myfirst {
  0%   {left: 0%; }
  100%  {left: calc(100% - 190px);}
					}

/* ─── extracted block ─── */
.marquee{position:relative;width:100%;height:45px;overflow:hidden}.marquee img{animation:myfirst 4s infinite cubic-bezier(0.46, 0.03, 0.52, 0.96);;animation-direction:alternate;display:inline-block;position:absolute}@keyframes myfirst{0%{left:0%}100%{left:calc(100% - 190px)}}

/* ─── FAQ dropdown (index) — valid CSS converted from invalid nested syntax ─── */
body.faq-dropdown-context {
  background: #4cd291;
  font-family: sans-serif;
}

.faq-dropdown-context h2 {
  color: #ffda0c;
  font-weight: 500;
  text-align: center;
  margin: 50px 0 30px;
}

.dropdown {
  display: block;
  width: 100%;
  max-width: 500px;
  margin: auto;
}

.dropdown + .dropdown {
  margin-top: 15px;
}

.dropdown__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: black;
  padding: 15px;
  box-sizing: border-box;
  font: 600 14px/22px sans-serif;
  background-color: #b38600;
  color: #ffffff;
  cursor: pointer;
  transition: background 0.3s ease;
}

.dropdown__top:hover {
  background: #0d5871;
}

.dropdown__top::after {
  content: "\f13a";
  font: 20px "FontAwesome";
  transition: transform 0.5s ease;
}

.open .dropdown__top::after {
  transform: rotate(180deg);
}

.dropdown__btm {
  background: #f2f2f2;
  color: #555;
  font-size: 15px;
  line-height: 1.4;
  box-sizing: border-box;
  padding: 15px;
  display: none;
}

/* ─── extracted block ─── */
/** Donna Galletta | LIGHTBOX MARKUP **/
						
						.lightbox {
							/** Default lightbox to hidden */
							display: none;
						
							/** Position and style */
							position: fixed;
							z-index: 999;
							width: 100%;
							height: 100%;
							text-align: center;
							top: 0;
							left: 0;
							background: rgba(0,0,0,0.8);
						}
						.lightbox:target {
							/** Remove default browser outline */
							outline: none;
						
							/** Unhide lightbox **/
							display: block;
						}
						
						/** videoModal **/
						#videoModal, .videoModal {
						  border-radius: 0;
						  width: 870px;
						  margin:auto;}
						  #videoModal, .videoModal .modal-header {
						    background: #515364;
						    border: 0;
						    color: #fff;
						    position: relative;
								  height:35px; }
						    #videoModal, .videoModal .modal-header h3 {
						      font-size: 18px;
						      line-height: 22px;
							  font-family:Arial, Helvetica, sans-serif;
							  padding:5px;}
						  #videoModal, .videoModal .modal-body {
						    height: 489px;
						    padding: 0;
						    max-height: none;
						    overflow: hidden; }
						  #videoModal, .videoModal .modal-footer:empty {
						    display: none !important; }
						  #videoModal, .videoModal .close {
						    background: #515364;
						    color: #fff;
						    font-size: 24px;
						    margin: 0;
						    opacity: 1;
						    position: absolute;
						    right: 0;
						    text-shadow: none;
						    top: -10px;
						    height: 0%; }
						@media screen and (min-width:320px) and (max-width:887px){
						#videoModal, .videoModal{width:100%;height:auto;}
						iframe{width:100%;height:300px}
						}

/* ─── extracted block ─── */
.keyword-menu ul {
							margin: 0px;
							padding: 0px;
						}
						.keyword-menu ul li {
							display: inline-block;
							list-style: none;
							border: 1px solid #930db53b;
							background-color: #dc00aaFF;
							margin: 20px 0 0 0;
							border-top-left-radius: 30px;
							border-bottom-right-radius: 30px;
							box-shadow: 6px -3px 1px #f7b21c;
						}
						.keyword-menu ul li a {
							text-decoration: none;
							line-height: 15px;
							font-size: 13px;
							color: #ddd;
							font-weight: normal;
							padding: 7px 26px;
							display: block;
						}
						
						@media screen and (max-width: 500px){
						.keyword-menu ul li a {
							text-decoration: none;
							line-height: 20px;
							font-size: 12px;
							color: #ddd;
							font-weight: normal;
							padding: 7px 22px;
							display: block;
							
						}
						.keyword-menu ul li {
							width: 48%;
							display: inline-block;
							list-style: none;
							border: 1px solid #930db53b;
							background-color: #dc00aaFF;
							margin: 20px 0 0 0;
							border-top-left-radius: 30px;
							border-bottom-right-radius: 30px;
							box-shadow: 6px -3px 1px #f7b21c;
							text-align: center;
						}
						.keyword-menu ul {
							margin: 0px;
							padding: 0px;
						}
						.keyword-menu {
							display: block;
						}

						}

/* ─── extracted block ─── */
video#mlPreview {
    width: 100%;
    height: 100%;
}

/* ─── extracted block ─── */
/* Video header */



@media only screen and (min-width : 1123px)
{
.previdhead .jwplayer {
	    top: -70px;
}
}
.previdhead .jw-preview.jw-reset {
       display:block !important;
       background: none;
       background-repeat: no-repeat;
       background-position-x: 50%;
       background-position-y: 49%;
       background-size: 475px 448px;
}	

.previdhead video {
    top: -159px;
    height: 100%;
    width: 100%;
    left: -50%;
}

.members-vid-logo {
    position: absolute;
    top: 0px;
    right: 9px;
    max-width: 17%;
	    z-index: 99;
}

@media only screen and (max-width: 1070px)
{
	.members-vid-logo {
		        top: 0%;
	}
}
div#mlPreviewTxt {
    position: absolute;
    top: 3px;
    font-size: 22px;
    left: 22px;
    color: #151010;
}

span.mlPreviewLbl {
    color: #D1A11A;
}

.previdhead {
    max-height: 303px;
    margin: -20px -5px 8px;
    overflow: hidden;
    
}

.diamond
{
	border-bottom: 4px solid #2ba6cb;
}

/* ─── extracted block ─── */
button{
    background: #018cf3;
    padding: 1.25rem;
    border: solid 4px #f7b21c;
    border-radius: 8px;
    color: #d7d7d7;
    padding: 5px;}
button:hover{background:#807154}

/* ─── extracted block ─── */
.pvtgrl {
								    margin: 20px 0 0 0;
								    width: 100%;
								    float: left;
								    display: flex;
								    flex-wrap: wrap;
								    justify-content: center;
								}
						.pvtgrl li {
									    width: 177px;
									    height: 177px;
									    display: inline-block;
									    margin: 10px;
									}

						.statItem {
									    width: 100%;
									    height: 100%;
									    position: relative;
									}
						.statInfo {
								    position: absolute;
								    width: 100%;
								    height: 100%;
								    border-radius: 100px;
								    overflow: hidden;
								    background: #dc00aa;
								}
						.statInfo h3 {
									    color: #fff;
									    text-transform: uppercase;
									    position: relative;
									    text-align: center;
									    letter-spacing: 2px;
									    font-size: 24px;
									    margin: 0 auto;
									    padding: 45px 0 0 0;
									    font-weight: 700;
									    text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0,0,0,0.3);
									}
						.statInfo p {
									    color: #fffc0d;
									    padding: 10px 5px;
									    margin: 0 auto;
									    font-size: 14px;
									    text-align: center;
									    border-top: 1px solid rgba(255,255,255,0.5);
									}
						
						.statThumb {
								    width: 100%;
								    height: 100%;
								    border-radius: 100px;
								    overflow: hidden;
								    position: absolute;
								    box-shadow: inset 0 0 0 15px rgba(255,255,255, 0.5);
								    transform-origin: 95% 40%;
								    transition: all 0.3s ease-in-out;
								    -webkit-transform: translate3d(0,0,0);
								}
						.statThumb:after {
										    content: '';
										    width: 8px;
										    height: 8px;
										    position: absolute;
										    border-radius: 100px;
										    top: 40%;
										    left: 95%;
										    margin: -4px 0 0 -4px;
										    background: rgb(50,50,50);
										    box-shadow: 0 0 3px rgba(255,255,255,0.9);
										}
					.statItem:hover .statThumb {
												    box-shadow: inset 0 0 0 15px rgba(255,255,255, 0.5), 0 1px 3px rgba(0,0,0,0.2);
												    transform: rotate(-110deg);
												}

										.stat-1 {
								    background-image: url(img/VIP/1.webp);
								    z-index: 12;
												}
											.stat-2 {
								    background-image: url(img/VIP/2.webp);
								    z-index: 12;
												}
												.stat-3 {
								    background-image: url(img/VIP/3.webp);
								    z-index: 12;
												}
												.stat-4 {
								    background-image: url(img/VIP/4.webp);
								    z-index: 12;
												}
												.stat-5 {
								    background-image: url(img/VIP/5.webp);
								    z-index: 12;
												}
												.stat-6 {
								    background-image: url(img/VIP/6.webp);
								    z-index: 12;
												}
												.stat-7 {
								    background-image: url(img/VIP/7.webp);
								    z-index: 12;
												}
												.stat-8 {
								    background-image: url(img/VIP/8.webp);
								    z-index: 12;
												}
												
							@media only screen and (max-width: 425px){
								.pvtgrl li {
									    width: 152px;
									    height: 152px;
									   
									}
								.statThumb {
                                          box-shadow: inset 0 0 0 10px rgba(255,255,255, 0.5);
   
                                          }
							}

/* ─── Utility classes (replaces inline style attributes) ─── */
.is-hidden { display: none !important; }
.no-underline { text-decoration: none; }
.text-center { text-align: center; }
.text-white { color: #ffffff; }
.text-white strong { color: inherit; }
.mx-auto.block { display: block; margin-left: auto; margin-right: auto; }
.video-fluid { width: 100%; max-height: 100%; }
.btn-blue { background: #0090f3 !important; }
.social-icon { font-size: 34px; }
.social-icon--dark { color: #000; }
.social-icon--light { color: #fff; }
.location-copy { font-size: 17px; text-align: justify; color: #000; }
.valign-top { vertical-align: top; }
.heading-block { text-align: center; margin: 20px 0 10px; }
.bg-gold { background-color: #f7b21c; }
.bg-dark-gray { background-color: #333; }
.section-heading { font-size: 20px; color: #000; text-align: center; font-weight: 600; }
.section-heading--dark { font-size: 20px; color: #040404; text-align: center; font-weight: 600; }
.text-profile-dark { color: #151010; }
.text-gold { color: #f7b21c; }
.float-right { float: right; }
.text-sm-em { font-size: 0.8em; }
.no-padding { padding: 0; }
.img-frame { border-radius: 1em; display: block; border: 3px solid #ececec; }
.img-frame--blue { border-radius: 1em; display: block; border: 4px solid #0090f3; box-shadow: 4px 4px 4px #ececec; margin: 0 auto; }
.img-frame--wide { width: 400px; border-radius: 1em; display: block; border: 2px solid #ececec; margin-bottom: 5px; }
.img-frame--center { border-radius: 1em; display: block; margin: 0 auto; }
.overlay-top-center { position: absolute; width: 100%; top: 0; text-align: center; }
.thumb-float { width: 80px; float: right; }
.text-accent-yellow { color: #b38600; }
.display-block { display: block; }

/* ─── WCAG AA contrast fixes (minimum 4.5:1) ─── */

/* .btn-red — was #000000 on #FF0000 (~4.0–4.3:1) → now 6.27:1 */
.btn-red,
a.btn-red {
  background-color: #C40000 !important;
  color: #FFFFFF !important;
  border-color: #8B0000 !important;
}

.btn-red:hover,
.btn-red:active,
.btn-red:focus-visible {
  background-color: #E8B800 !important;
  color: #1A1A1A !important;
  border-color: #8B0000 !important;
}

/* .name-gallgold — white on rgba(0,0,0,0.4) overlay was ~4.09:1 */
.escort-profile-grid-view figcaption {
  background: rgba(0, 0, 0, 0.72) !important;
}

.escort-profile-grid-view a.name-gallgold,
p.name-gallgold a.name-gallgold {
  color: #FFFFFF !important;
}

.escort-profile-grid-view a.name-gallgold:hover {
  color: #F5F5F5 !important;
}

/* .fmenu footer links — was #FFFFFF on #FF0000 (4.0:1) → now 6.27:1 */
.page-tier-a .footer,
.footer {
  background-color: #C40000 !important;
}

.footer-nav ul li a,
.footer-nav ul li a.fmenu,
a.fmenu {
  color: #FFFFFF !important;
}

.footer-nav ul li a:hover,
a.fmenu:hover {
  color: #F5F5F5 !important;
}

/* .text-accent-yellow — was #FFD90A on #FFCC00 gold (1.09:1) → #b38600 */
.text-accent-yellow {
  color: #b38600 !important;
}

/* .private-gallgold / .name-gallgold yellow — #f8be0b → #b38600 on dark overlay */
.escort-profile-grid-view p.private-gall,
.escort-profile-grid-view p.private-gallgold,
p.private-gallgold {
  color: #b38600 !important;
}

.show-escorts-menu .booking-details-toggle {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  cursor: pointer;
  padding: 0;
  text-decoration: underline;
}

/* .location — white on light overlay failed on gold pages */
.escort-profile-grid-view p.location,
.escort-profile-grid-view .location {
  color: #F5F5F5 !important;
}

.girl-view-panel p.location {
  color: #1A1A1A !important;
}

body.page-tier-a .location-copy {
  color: #1A1A1A !important;
}

/* Sitemap utility page */
body.sitemap-page {
  background-color: #fff;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  margin: 0;
}
body.sitemap-page #top {
  background-color: #b1d1e8;
  font-size: 16px;
  padding-bottom: 40px;
}
body.sitemap-page nav {
  font-size: 24px;
  margin: 0 30px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  background-color: #f3f3f3;
  color: #666;
  box-shadow: 0 10px 20px -12px rgba(0, 0, 0, 0.42);
  padding: 10px 0;
  text-align: center;
}
body.sitemap-page #cont {
  max-width: 960px;
  margin: 0 auto;
  padding: 20px;
}
body.sitemap-page #footer {
  padding: 20px;
  text-align: center;
  font-size: 14px;
  color: #666;
}