:root {
  --pink:#f5007e;
  --border:#f5007e;
  --hover:#98004e;
}
* {box-sizing:border-box;-webkit-box-sizing:border-box;	-moz-box-sizing:border-box; outline:0;}
html,body {font-size: 12px;min-height:100%; margin:0; padding:0;background: #f6f8fb;color: #666;font-family: "Open Sans", Arial, Helvetica, sans-serif;}
a, textarea, input[type=text], input[type=password], input[type=button], input[type=submit], select, option {
    outline: 0;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
a {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.select {cursor: pointer;position: relative;display:block;border: 1px solid #ccc; border-radius:4px; background:#fff;}
select {border:none;background-color:transparent; padding:10px; width:100%; font-size:12px; color:#333}
.select:after {
    content: "\f078"; font-family: 'Font Awesome 5 Free'; font-weight: 900; cursor: pointer; position: absolute;
    right: 10px; top: 50%; margin-top: -.5em; z-index: 1; pointer-events: none; color:#999; font-size:10px;
}
textarea, input[type=text], input[type=password]{width:100%;padding:10px;font-size: 12px;display:block;border: 1px solid #ccc; border-radius:4px; background:#fff; color:#333;}
input[type=button], input[type=submit], .button, button {text-align:center;width:100%; padding:9px; display:block; border-radius:4px; color:#fff;background:var(--pink); border: 1px solid var(--border);font-weight: 600;font-size: 14px; cursor:pointer;}
input[type=button]:hover, input[type=submit]:hover, .button:hover, button:hover {background:var(--hover);}




input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,
textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,
select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus {
  -webkit-text-fill-color: #666;
	-webkit-box-shadow: inset 0 0 0px 9999px #fff;
  transition: background-color 5000s ease-in-out 0s;
  background-color:#fff !important;
}

.pushSubscribeContainer {max-width:1000px; margin:0px auto; text-align:right; margin-bottom:10px;}
.pushSubscribeContainer button {max-width:unset; width:auto; background:transparent;}
.onesignal-customlink-container:before {content: ""; width:25px;height:18px; display:inline-block; vertical-align:middle; background:url(/images/belllightwhite.svg) no-repeat;}
.onesignal-customlink-subscribe.link.small {display:inline-block; vertical-align:middle; font-size:12px !important; text-transform:inherit !important;}
.onesignal-customlink-subscribe.link.small:hover {background:none;}
.onesignal-customlink-subscribe.link.state-subscribed,.onesignal-customlink-subscribe.link.state-unsubscribed {font-weight:600 !important;}
.onesignal-customlink-subscribe.link.state-subscribed:hover,.onesignal-customlink-subscribe.link.state-unsubscribed:hover {text-decoration:none;}
.onesignal-customlink-subscribe.link.state-subscribed:active,.onesignal-customlink-subscribe.link.state-unsubscribed:active {text-decoration:none;}



b,h1,h2,h3,h4,h5,h6,h7,h8 {font-weight:600 !important; color:#666 !important}


a {text-decoration:none; color:#666; cursor:pointer;}

p,h1,h2,h3,h4 {margin:0px; padding:0px 0px 10px 0px;}
b {font-weight:600;}
.headerContainer {background:#fff; border-bottom: 1px solid #e8e8e8;}
.header {max-width:1920px; margin:0px auto; padding:10px 20px;}
.header .logo {display:inline-block; vertical-align:middle; width:160px;}
.header .links {display:inline-block; vertical-align:middle; width:calc(100% - 160px); text-align:right;}
.header .links a {display:inline-block; vertical-align:middle; margin-left:20px; color:#666; padding:10px 10px 7px 10px;border-bottom: 3px solid #fff;}
.header .links a:hover {border-bottom: 3px solid var(--pink); transition: all 0.15s ease-in-out; }
.header .links .becomeHost {display:inline-block;line-height:28px;background:var(--pink);border: 1px solid var(--border);color: #fff;font-weight: 600; font-size:12px; border-radius:4px; padding:5px 10px;}
.header .links .becomeHost:hover {background:var(--hover);border: 1px solid var(--border);}
.dashboardBtn i,.helpBtn i,.logoutBtn i, .loginBtn i {display:none;}

.topBanner {max-width:1000px; margin:20px auto;}
.topBanner img {max-width:100%; border-radius:4px;}


.contentContainer {max-width:1920px; margin:0px auto;}

.search {background: #e6eaed;border: 1px solid #ccc;border-radius: 4px; padding:20px; margin-bottom:20px;}
.search .select {display:inline-block; width:calc(33% - 10px); margin-right:10px;}
.search .select:last-child {display:inline-block; width:33%; margin-right:0px;}

.paymentContainer {padding:10px 20px; text-align:right; float:right; position:relative; z-index:1;}
.paymentBar span {display:inline-block; vertical-align:middle;}
.paymentBar span.creditAmount {font-weight:600; color:#333; margin-right:10px;}
.paymentBar span.select.currency {width:60px; margin-right:5px;}
.paymentBar span.select.credits {width:150px; margin-right:5px;}
.paymentBar select {padding:6px;}
.paymentBar input[type=button] {padding:6px 10px; font-size:12px;}



.resultsTitleSorting {}
.results {display:block; position:relative; padding:0px 10px; font-weight:600; background:#fff;border-bottom: 1px solid #e8e8e8;}
.results > a {display:inline-block; color:#333; padding:15px 10px; border-bottom:2px solid #fff;}
.results > a.active {color:var(--pink); border-bottom:2px solid var(--pink);}
.camSectionDrop {background: #fff;position: absolute;top:45px; left:20px; padding:10px;border: 1px solid #ccc; z-index:4; border-radius:4px; display:none;}
.camSectionDrop a {display:block;}
.camSectionDrop a:nth-of-type(2) {display:block; margin:10px 0px;}
.camSectionDrop a:hover {color:var(--pink);}

.sortingContainer {text-align:right; padding:20px; font-weight:600;}
.camSection span {display:inline-block; vertical-align:bottom;}
.camSection i {vertical-align:bottom; margin-left:10px;}
.filter {display:inline-block; margin-right:20px;}
.filterBtn {color:#333;}
.filterBtn i {font-size:14px; vertical-align:middle; margin-right:5px;}
.filterBtn span {display:inline-block; vertical-align:middle;}
.filterBtn.active {color:var(--pink);}

.sorting {display:inline-block;margin-right:10px;}
.toggleBio {color:#333;}
.toggleBio i {font-size:14px; vertical-align:middle; margin-right:5px;}
.toggleBio span {display:inline-block; vertical-align:middle;}
.toggleBio.active {color:var(--pink);}


.filterListDropDown {display:none; padding:20px;}
.filterCats {margin-bottom:10px;}
.filterCats p {color:#333; font-weight:600; cursor:pointer;}
.filterCats p i {display:inline-block; vertical-align:middle; margin-right:10px;}
.filterCats p span {display:inline-block; vertical-align:middle;}
.filterCats > div {display:none;}
.indiFilters {display:inline-block; padding:5px 0px; width:180px;}
.indiFilters input[type=checkbox] {display:inline-block; vertical-align:middle; margin:0 5px 0 0;}
.indiFilters span {display:inline-block; vertical-align:middle;}
.hideFilter {display:none;}
.filterBtns input[type=button], .filterBtns a {display:inline-block; vertical-align:middle; max-width:150px; font-size:12px;}
.filterBtns a {text-decoration:underline; margin-left:15px;}
 	

.ageRangeTxt {display:block; margin-bottom:10px;}

.ui-slider {position: relative;text-align: left;height:20px; background:#fff;}
.ui-slider .ui-slider-handle {
	position:absolute; top:0; z-index:2; cursor:e-resize; -ms-touch-action: none; touch-action:none;
	width:19px; height:100%; background:#1da1f2 no-repeat center;
}
.ui-slider .ui-slider-handle:nth-of-type(1) {border-radius:4px 0px 0px 4px;}
.ui-slider .ui-slider-handle:nth-of-type(2) {border-radius:0px 4px 4px 0px;margin-left:-19px;}

.ui-slider .ui-slider-range {
	position: absolute;z-index: 1;font-size: .7em;display: block;border: 0;background-position: 0 0; top: 0;height: 100%;cursor: move;
	background:#1da1f2; overflow:hidden; border-radius:4px;
}


#camming_profiles,#calling_profiles,#other_profiles,#remote_profiles {display:none;}

.profileGalleryContainer {display: flex; flex-wrap:wrap; padding:0 20px;}
.profileGalleryContainer:after {}
.profileGalleryContainer .profileGallery {flex:0 0 auto; width:calc(20% - 10px); margin:0px 5px 20px 5px; border:1px solid #ccc; border-radius:4px; background:#fff;}
.profileGalleryContainer .profileGallery .img {overflow:hidden; display:block;width: 100%;position:relative; height: 0;padding-bottom: 100%;}
.profileGalleryContainer .profileGallery .img img {border-radius:4px 4px 0 0;display:block; top:0;height: 100%;width: 100%;object-fit: cover;position: absolute;}
.profileGalleryContainer .profileGallery .photoCount {position:absolute; bottom:5px; left:5px; padding:2px 4px 2px 6px; background:#000; color:#fff; font-size:12px; border-radius:4px;}
.profileGalleryContainer .profileGallery .photoCount i {margin-right:7px;}
.profileGalleryContainer .profileGallery .info { display:block; width:auto; text-align:center; padding:20px 20px 20px 30px; }
.profileGalleryContainer .profileGallery .title {font-size:16px; font-weight:600;}
.profileGalleryContainer .profileGallery .stats {}
.profileGalleryContainer .profileGallery .languages {position:absolute; bottom:0px; right:0px; z-index:2;}
.profileGalleryContainer .profileGallery .languages .languageFlags {background-size:25px 18px; display:inline-block; width:25px; height:18px; margin:0px 2px;}
.profileGalleryContainer .profileGallery .bio {font-size:14px; margin-top:20px;}
.profileGalleryContainer .profileGallery .bio * {font-size:14px;}
.profileGalleryContainer.galleryView .profileGallery .bio {display:none}
.profileGalleryContainer .buttonContainer > div {display:block; width:auto; margin-right:0;}

.hornyCamRates {text-align:center;}


.profileGallery .imHoverLiveVidTxt,
.profileGallery .imHoverVidTxt,
.profileGallery .imHoverSlideTxt {
	position:absolute; top:5px; left:5px; padding:2px 4px 2px 6px; background:#000; color:#fff; font-size:12px; border-radius:4px; z-index:2; display:none;
}



.showHornyCam {display:block;font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size:12px; font-weight:600;}
.showHornyCam a {box-sizing: border-box;padding:5px 15px; border-radius:5px; display:inline-block; margin:0px 0px 5px 0px; text-align:center; position:relative; overflow:hidden;}

.showHornyCam a:before {padding-left:25px;display:inline-block; vertical-align:middle;}
.showHornyCam .wsOffline {border:1px solid #ccc; background: #f6f8fb; color:#222;}
.showHornyCam .wsOnline {border: 1px solid var(--border); background: var(--pink); color: #fff;}
.showHornyCam .wsOnline:hover {background:var(--hover);}
.showHornyCam .wsOnline:before {content: "Cam: Online";background:url(/images/camlightwhite.svg) no-repeat;}
.showHornyCam .wsOffline:before {content: "Cam: Offline";background:url(/images/camlightblack.svg) no-repeat;}

.showHornyCam .wsOnline:after {
	font-size: 8px; color: #666; text-transform: uppercase; text-align: center; background:#fff; display:inline-block; vertical-align:middle;padding:2px 6px;
	border-radius:4px; margin-left:10px;
}
.showHornyCam .wsOnline.wsWaiting:after {content: "JOIN ME";}
.showHornyCam .wsOnline.wsFree:after {content: "IN FREE";}
.showHornyCam .wsOnline.wsGroup:after {content: "IN GROUP";}
.showHornyCam .wsOnline.wsPrivate:after {content: "IN PRIVATE";}

.imHoverSlide {width: 100%;height: 0;padding-bottom: 100%; position:relative; z-index:1;}
.imHoverVid {width: 100%;height: 0;padding-bottom: 100%; position:relative; z-index:1;}
.imHoverLiveVid {width: 100%;height: 0;padding-bottom: 100%; position:relative; z-index:1;}
.imHoverLiveVid canvas {max-height:unset; max-width:unset;height: 100%;width: 100%;object-fit: cover;position: absolute; top:0;}
.imHoverVid video {max-height:unset; max-width:unset;height: 100%;width: 100%;object-fit: cover;position: absolute; top:0;}


.showCallConnect {display:block; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size:12px; font-weight:600;}
.showCallConnect a {box-sizing: border-box;padding:5px 15px; border-radius:5px; display:inline-block; margin:20px 0px 5px 0px; text-align:center; position:relative; overflow:hidden;}
.showCallConnect a:before {padding-left:25px;display:inline-block; vertical-align:middle;}
.showCallConnect .wsOffline {border:1px solid #ccc; background: #f6f8fb; color:#222;}
.showCallConnect .wsOnline {border: 1px solid var(--border); background:var(--pink); color: #fff;}
.showCallConnect .wsOnline:hover {background:var(--hover);}
.showCallConnect .wsOnline:before {content: "Call: Online";background:url(/images/phonelightwhite.svg) no-repeat;}
.showCallConnect .wsOffline:before {content: "Call: Offline";background:url(/images/phonelightblack.svg) no-repeat;}

			


.profileContainer .profileTitle {font-size:18px; font-weight:600; color:#333;}
.profileContainer {margin-bottom:30px; padding:20px;}
.profileContainer .leftSideContainer,.profileContainer .rightSideContainer {display:inline-block; vertical-align:top;}
.profileContainer .leftSideContainer {width:500px;}
.profileContainer .rightSideContainer {width: calc(100% - 520px); margin-left:20px;}
.profileContainer .profileDescription * {font-size:14px;}

.profileContainer .profileImages,
.profileContainer .buttonContainer,
.profileContainer .clipStoreBoxContainer {background: #fff;border: 1px solid #ccc; border-radius:4px; padding:20px; margin-bottom:20px;}
.profileContainer .similarProfilesTitle, .profileContainer .profileDescriptionTitle,.profileContainer .profileButtonTitle {font-size:16px; font-weight:600;}
.profileContainer .profileDescription {margin-bottom:20px;}
.profileContainer .camButtonContainer, .profileContainer .phoneButtonContainer {display:inline-block; padding-right:20px; vertical-align:top; text-align:center;}
.profileContainer .phoneButtonContainer .showCallConnect a {margin-top:0;}

.profileContainer .buttonContainer .reportProfileBtn {
	float: right; border: 1px solid #ccc; color:#222; border-radius: 4px;padding: 5px 10px; font-weight:600;
}
.profileContainer .buttonContainer .reportProfileBtn i {margin-right:5px;}
.profileContainer .buttonContainer .reportProfileBtn:hover {background:#f6f8fb}

.loginContainer .reportProfile .select {margin-bottom:10px;}
.loginContainer .reportProfile textarea {margin-bottom:10px;}
.loginContainer .reportProfile .RPticks span:nth-of-type(1) {display:inline-block; vertical-align:top; width:35px;}
.loginContainer .reportProfile .RPticks span:nth-of-type(2) {display:inline-block; vertical-align:top; width:calc(100% - 35px); font-size:10px;}
.loginContainer .reportProfile .RPerrorMsg {display:none; color:red;}


#vidpanels,
#picpanels {display:flex; flex-wrap:wrap; margin-top:20px;}

.profileContainer .videopreview,
.profileContainer .picpreview {
	border-radius:4px; background:#fff; border:1px solid #ccc; display:block; margin-bottom: 30px;flex: 0 0 auto;width: calc(33.3333333333333333% - 8px);margin: 0px 4px 8px 4px;position: relative;
}
.custAccount .videopreview,
.custAccount .picpreview {
	border-radius:4px; background:#fff; border:1px solid #ccc; display:block; margin-bottom: 30px;flex: 0 0 auto;width: calc(20% - 8px);margin: 0px 4px 8px 4px;position: relative;
}

.videopreview .videoThumb,
.videopreview .pix_slider,
.picpreview .picThumb {position:relative; overflow:hidden; display:block; width:100%; height:0; padding-bottom:56.25%; border-radius:4px 4px 0 0;}

.videopreview .videoThumb img,
.videopreview .pix_slider img,
.picpreview .picThumb img {display:block; height:100%; width:100%; object-fit:cover; position:absolute; top:0; border-radius:4px 4px 0 0;}

.videoThumb .vidTime,
.pix_slider .vidTime,
.picThumb .picCount {position: absolute;bottom: 5px;left: 5px;padding: 2px 4px 2px 6px;background: #000;color: #fff;font-size: 12px;border-radius: 4px;font-weight: 600;}

.vidInfo,
.picInfo {position: relative;padding: 10px;}
.vidInfo .vidTitle,

.picInfo .picTitle {font-weight: 600;}
.vidInfo .vidDescription,
.picInfo .picDescription {display:none;}
.videopreview .play a,

.picpreview .play a {border: 1px solid var(--border);background:var(--pink);color: #fff;font-size: 12px;display: inline-block;padding: 4px 10px;border-radius: 4px;}
.videopreview .play a:hover {background:var(--hover);}

.vidInfo .vidBuyNow {border: 1px solid var(--border);background:var(--pink);color: #fff;font-size: 12px;displa: inline-block;padding: 4px 10px;border-radius: 4px;}


.vidInfo .vidProfilePic, 
.picInfo .picProfilePic {position: absolute;border-radius: 50%;width: 60px;height: 60px;top: -30px;right: 10px;border: 3px solid #fff;overflow: hidden; display:none;}

.vidInfo .vidProfilePic img,
.picInfo .picProfilePic img {object-fit: cover;width: 100%;height: 100%;}

.vidInfo .vidProfileUser, .picInfo .picProfileUser {display:none;}
.vidInfo .vidProfileUser a, .picInfo .picProfileUser a {font-weight:600; color:var(--pink);}

.custAccount .vidProfilePic, .custAccount .vidProfileUser,
.custAccount .picProfilePic, .custAccount .picProfileUser  {display:block;}


.choosePhotosVideos {display:inline-block; vertical-align:middle; width:250px;}
.choosePhotosVideos a {display:inline-block; cursor:pointer; border:1px solid #ccc;border-radius: 4px;background: #fff; padding:10px 20px;}
.choosePhotosVideos a:nth-of-type(1) {margin-right:10px;}
.choosePhotosVideos a.active {background:var(--pink);border: 1px solid var(--border); color: #fff; font-weight:600;}

.sortVideos, .sortPics {display:inline-block; vertical-align:middle; width:calc(100% - 250px); text-align:right;}
.videocats, .piccats {display: inline-block;max-width:200px; width:100%; margin-right:10px;}
.videosort, .picsort {display: inline-block;max-width:140px; width:100%;}

.noPicsNoVids {border:1px solid #ccc;border-radius: 4px;background: #fff; padding:20px; flex:auto;}

.videoPages,
.picPages {padding:10px 0px; flex:none; width:100%;}
.videoPages > div,
.picPages > div {display:inline-block; border:1px solid #ccc; border-radius:3px; overflow:hidden;}
.videoPages a,
.picPages a {display:inline-block; vertical-align:middle; padding:4px 16px;font-weight:600; font-size:16px; border-right:1px solid #ccc; background:#fff;}
.videoPages a:last-child,
.picPages a:last-child {border-right:0;}
.videoPages a.active,
.picPages a.active {background:var(--pink); color:#fff;}


.vidInfo .vidBuyNow, .picInfo .vidBuyNow {border: 1px solid var(--border);background:var(--pink);color: #fff;font-size: 12px;display: inline-block;padding: 4px 10px;border-radius: 4px;}
.vidPurchasedBanner {border: 1px solid var(--border);background:var(--pink);color: #fff;font-size: 10px;padding: 3px 10px;border-radius: 4px; position:absolute; top:5px; left:5px; font-weight:600;}
.popupS3Button {border: 1px solid var(--border);background:var(--pink);color: #fff;font-size: 12px;display: inline-block; vertical-align:middle; padding: 4px 10px;border-radius: 4px;}
.popupS3 {font-size:14px;}
.popupS3 .price {display: inline-block; vertical-align:middle; margin-right:10px;}

.videopopup {position: fixed; left:0;top:0; bottom:0;right:0; display:table; width: 100%; height:100%; z-index:999;}
.videopopup > div {display: table-cell; text-align: center;vertical-align: middle;}
.videopopup > div > div {max-width: 650px;margin: 0px auto;text-align: left;padding:0px 10px; position:relative;}
.videopopup > div > div video {display:block; max-height:100vh;}
.videopopup > div > div .videopopupclose {position: absolute;right: 20px;top: 10px;cursor: pointer;font-size: 22px;color:var(--pink); z-index:1}


.pswp__button:hover {background: url(/slide/css/default-skin.png) 0 0 no-repeat;background-size: 264px 88px;width: 44px;height: 44px;}
.pswp__button--close:hover {background-position: 0 -44px; }
.pswp__button--share:hover {background-position: -44px -44px; }
.pswp--fs .pswp__button--fs:hover {background-position: -44px 0; }
.pswp__button--zoom:hover {background-position: -88px 0; }
.pswp--zoomed-in .pswp__button--zoom:hover {background-position: -132px 0;}



.footerContainer {background: #fff;border-top: 1px solid #ccc; padding:50px 20px 50px 20px;}
.footerContainer .title {font-size:14px; font-weight:600; padding-bottom:5px;}
.footerContainer a {display:inline-block; margin:0px 3px;}
.footerContainer .leftSide {display:inline-block; vertical-align:top; margin-right:40px;}
.footerContainer .rightSide {display:inline-block; vertical-align:top}
.footerContainer .copyright {font-size:12px;padding:20px 0px;}





.slider-for  {max-width:100%;}
.slider-for .slick-prev {width:31px; height:50px; left: -15px; z-index:2; background:#000; border-radius:4px;}
.slider-for .slick-next {width:31px; height:50px; right: -15px; z-index:2; background:#000; border-radius:4px;}
.slider-for .slick-prev:before, .slick-next:before {font-size:30px;font-family: 'Font Awesome 5 Free'; font-weight: 900;}
.slider-for .slick-prev:before {content: '\f053'; color:#fff; font-size:26px;}
.slider-for .slick-next:before {content: '\f054'; color:#fff; font-size:26px;}
.slider-for .slick-prev:hover,.slider-for .slick-prev:focus,.slider-for .slick-next:hover,.slider-for .slick-next:focus {color: #fff;outline: none;background: #000;}
.slick-dots {z-index: 1;bottom:-25px;}
.slick-dots li {margin:0; width:20px;}
.slick-dots li button {width:15px;font-family: 'Font Awesome 5 Free'; font-weight: 900;}
.slick-dots li button:before {font-size:10px; content: '\f111';}
.slick-dots li.slick-active button:before {color:var(--pink);}
.slick-slide {overflow:hidden;position:relative;}
.slick-slide img {max-width:100%;}
.slider-nav .slick-prev {width:25px; height:25px; left: -15px; z-index:2; background:#fff; border-radius:50%;}
.slider-nav .slick-next {width:25px; height:25px; right:-15px; z-index:2; background:#fff; border-radius:50%;}
.slider-nav .slick-prev:before, .slick-next:before {font-size:30px;font-family: 'Font Awesome 5 Free'; font-weight: 900;}
.slider-nav .slick-prev:before {content: '\f053'; color:#000; font-size:16px;}
.slider-nav .slick-next:before {content: '\f054'; color:#000; font-size:16px;}
.slider-nav .slick-prev:hover,.slider-nav .slick-prev:focus,.slider-nav .slick-next:hover,.slider-nav .slick-next:focus {color: #000;outline: none;background: #fff;}
.slider-nav .slick-slide img { max-width:100%; border:4px solid #f6f8fb; opacity:.5; cursor:pointer;}
.slider-nav .slick-slide.slick-current img {opacity:1; border:4px solid var(--border);}


.my-gallery {display: flex; flex-wrap:wrap; }
.my-gallery > div {flex:0 0 auto; width:100%;}
.my-gallery > div img {max-width:100%;}
.my-gallery figure {flex:0 0 auto; width:calc(33.3333333333% - 4px); margin:0px 2px 4px 2px; }
.my-gallery figure img {max-width:100%;}



.popup {display:table; position:fixed; width:100%; height:100%; top:0; right:0; bottom:0; left:0; background:rgba(255,255,255,0.9); display:none; z-index:99999}
.popup .title {font-size: 18px;font-weight: 600;color: #333;}
.popup > div {display:table-cell;vertical-align:middle;}
.popup > div > div {border:1px solid #ccc; border-radius:4px; background:#fff; padding:20px; margin:0px auto; max-width:380px;position:relative;}
.popup > div > div .fa-times-circle {position:absolute; right:10px; top:10px; cursor:pointer; font-size:22px; color:var(--pink);}

.loginContainer .performerSignup,
.loginContainer .performerRemind,
.loginContainer .performerLogin,
.loginContainer .passwordReset,
.loginContainer .clientLogin,
.loginContainer .clientSignup,
.loginContainer .clientRemind {display:none;}

.loginContainer input {margin-bottom:10px;}
.loginContainer .loginNav {text-align:right;}
.loginContainer .loginNav a:hover {text-decoration:underline;}
.loginContainer #memberTerms {font-size: 12px; display: none; padding:10px; height: 200px;overflow: auto;margin:0 0 10px 0;text-align: justify;}
.loginContainer #termslink {font-weight:600; color:var(--pink);}
.loginContainer #modelTerms {font-size: 12px; display: none; padding:10px; height: 200px;overflow: auto;margin:0 0 10px 0;text-align: justify;}
.loginContainer #mtermslink {font-weight:600; color:var(--pink);}
.loginContainer .tickterms input {display:inline-block; vertical-align:middle; margin:0 5px 0 0;}
.loginContainer .tickterms span {display:inline-block; vertical-align:middle;}
.loginContainer input[type=button],.loginContainer button {margin-bottom:10px;margin-top:10px;}



.hostHeader {position:relative; max-height:500px; overflow:hidden; margin-bottom:30px; background:#000;}
.hostHeader img {max-width:100%; opacity:.7; display:block;}
.hostHeader video {width:100%; border-radius:4px;}
.hostHeader .sloganContainer {position:absolute; left:50px; bottom:50px; padding:3px; color:#fff; width:100%;}
.hostHeader .slogan1 {font-size:42px; font-weight:600; text-shadow:1px 1px 1px #000; max-width:1000px;  margin:0px auto;}
.hostHeader .slogan2 {font-size:20px; font-weight:600; text-shadow:1px 1px 1px #000; max-width:1000px;  margin:0px auto 30px auto;}
.hostHeader .sloganBtns {max-width:1000px;  margin:0px auto;}
.hostHeader .sloganBtns a {display:inline-block; font-size:16px; font-weight:600;padding:15px 0; width:350px; text-align:center; border-radius:4px;border: 1px solid var(--border); background:var(--pink); color: #fff;}
.hostHeader .sloganBtns a:first-child {margin-right:20px;}
.hostHeader .sloganBtns a:hover {background:var(--hover);}

.hostBensTitle {font-size:36px;font-weight: 600;color: #333; text-align:center; margin-bottom:30px;}
.hostBens2 {display:flex; flex-wrap:wrap; margin-bottom:30px;}
.hostBens2 div {flex: 0 0 auto;width:33.3333333333%;padding: 0 30px; text-align:center; font-size:14px;}
.hostBens2 div .title {font-size: 18px;font-weight: 600;color: #333;}
.hostBens2 i {font-size:22px; width:65px; text-align:center; line-height:60px; border-radius:50%; margin-bottom:20px;}
.hostBens2 i.green {color: #7dae3d;background:#f8fef0; border:0.07em dashed #7dae3d; }
.hostBens2 i.orange {color: #fe7e22;background:#fdf7f0; border:0.07em dashed #fe7e22; }

.hostfaq {background:#222; padding:50px; text-align:center;}
.hostfaq .title {font-size:36px;font-weight: 600;color: #fff; margin-bottom:20px;}
.hostfaq a {display:inline-block; font-size:16px; font-weight:600;padding:15px 90px; border-radius:4px;border: 1px solid var(--border); background:var(--pink); color: #fff;}
.hostfaq a:hover {background:var(--hover);}

.quickFaqContainer {max-width:600px; margin:0px auto; margin-bottom:30px;}
.quickFaq {border:1px solid #ccc; border-radius:4px; background:#fff; padding:10px 20px; margin-bottom:10px; cursor:pointer;font-size:14px;}
.quickFaq i {float:right;margin-top:5px;}
.quickFaq > div:nth-of-type(1) { font-weight:600;}
.quickFaq > div:nth-of-type(2) {display:none;margin-top:20px;}

.helpContainer {border: 1px solid #ccc;border-radius: 4px;background: #fff;display: block;margin-bottom: 30px;padding: 20px;}
.helpContainer a {color:var(--pink); font-weight:600;}
.helpContainer img {max-width:100%;}
.helpContainer .title {font-size: 18px;font-weight: 600;color: #333;}
.helpContainer .q {font-size: 14px;font-weight: 600;color: #333;}
.helpContainer .screen img {border:1px solid #ddd; display:block;}
.helpContainer ol {}

#termsBox {border: 1px solid #ccc;border-radius: 4px;background: #fff;display: block;margin-bottom: 30px;padding: 20px;}
#termsBox .title {font-size: 18px;font-weight: 600;color: #333;}
#termsBox b {font-weight:600;}
#termsBox a {font-weight:600; color:var(--pink)}
.num1 {display:inline-block; width:40px; vertical-align:top;}
.num1Text {display:inline-block; width:calc(100% - 40px); vertical-align:top;}
.num2 {display:inline-block; width:50px; vertical-align:top;}
.num2Text {display:inline-block; width:calc(100% - 50px); vertical-align:top;}
.num2Text span {display:inline-block; vertical-align:top;}
.num2Text span:first-child {width:250px; font-weight:600;}
.num2Text span:last-child {width:calc(100% - 250px);}
.num3 {display:inline-block; width:55px; vertical-align:top;}
.num3Text {display:inline-block; width:calc(100% - 105px); vertical-align:top;}
.num3Text span {display:inline-block; vertical-align:top;}
.num3Text span:first-child {width:50px;}
.num3Text span:last-child {width:calc(100% - 50px);}
#termsBox table {border-collapse: collapse; border:1px solid #999; font-size:12px;}
#termsBox tr:nth-of-type(1) {background:#ddd;}
#termsBox td {padding:5px;padding-right:30px;}

.cammersWall {position:relative;margin:1px;}
.cammersWall .cammers {display:inline-block; vertical-align:middle;width:calc(16.66666666666667%); border:1px solid #fff; overflow:hidden;}
.cammersWall .cammers:nth-of-type(7),.cammersWall .cammers:nth-of-type(11),.cammersWall .cammers:nth-of-type(24),
.cammersWall .cammers:nth-of-type(32),.cammersWall .cammers:nth-of-type(42),.cammersWall .cammers:nth-of-type(49) {width:calc(33.33333333333333%);}
.cammers .imgContainer {background:#000;}
.cammers img {max-width:100%; display:block;transition: 0.3s;}
.cammers .imgContainer:hover img {opacity:0.6;}
.cammers video {position: absolute;height: 100%;left: 50%;transform: translate(-50%, 0);top: 0; display:none;}
.gutter-sizer {width: 0;}
.cammers .overlay2 {position:absolute; left:0; right:0; bottom:0; padding:5px;background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);}
.cammers .overlay2 .camStatus {display:inline-block; margin-right:5px; cursor:pointer;}
.cammers .overlay2 .camStatus i,.cammers .overlay2 .phoneStatus i {
	display:inline-block; vertical-align:middle; margin-right:3px; padding:6px;border-radius: 50%;position:relative;font-size:12px;background: #fff;color: #333;
}
.cammers .overlay2 .camStatus span,.cammers .overlay2 .phoneStatus span {
	display:inline-block; vertical-align:middle; margin-left:-20px; padding:3px 10px 3px 20px; font-size:10px; border-radius:10px;
	border:2px solid #fff; font-weight:600; color:#fff;
}
.cammers .overlay2 .camStatus span {text-shadow:1px 1px 1px #1c3802;background:var(--pink);background: linear-gradient(to bottom, var(--pink) 0%,#48840f 100%);}
.cammers .overlay2 .phoneStatus {display:inline-block; cursor:pointer;}
.cammers .overlay2 .phoneStatus span {text-shadow:1px 1px 1px #111; background: #666; background: linear-gradient(to bottom, #919191 0%,#666666 100%);}
.cammers .overlay2 .rates { color:#fff;text-shadow: 1px 1px 1px #000;font-weight: 600; margin-bottom:3px; font-size:10px;}
.cammers .overlay2 .rates > span {display:block;}
.cammers .fa-heart {position:absolute; left:5px; top:5px; font-size:14px; background:#fff; padding:5px; border-radius:50%; cursor:pointer;}
.cammers .far.fa-heart {color:#222;}
.cammers .fas.fa-heart {color:#ff0000;}

.favouritesBottomBar {position:fixed; padding:5px; bottom:-110px; left:0; right:0; background:#fff; border-top:1px solid #ccc; white-space:nowrap; overflow-X:auto}
.favouritesBottomBar .imgContainer {display:inline-block; margin:1px;}
.favouritesBottomBar img {height:100px; display:block;}

.erpaymentBar {position:fixed; padding:5px; bottom:0; left:0; right:0; background:#fff; border-top:1px solid #ccc; text-align:center;}
.erpaymentBar span {display:inline-block; vertical-align:middle; margin-right:5px;}
.erpaymentBar span.creditAmount {font-weight:600; font-size:10px; margin-right:5px;}
.erpaymentBar span.select.currency {width:50px;}
.erpaymentBar span.select.credits {width:110px;}
.erpaymentBar select {padding:4px 6px; font-size:10px;}
.erpaymentBar input[type=button] {padding:4px 10px; font-size:10px;}
.erpaymentBar .myFavourites {display:inline-block; background:#fff; border:1px solid #ccc; padding:4px 6px; border-radius:4px; font-size:10px; cursor:pointer; margin-left:10px; position:relative;}
.erpaymentBar .myFavourites i {display:inline-block; vertical-align:middle; color:#ff0000; margin-right:5px; font-size:14px;}
.erpaymentBar .myFavourites span.txt {display:inline-block; vertical-align:middle;}
.erpaymentBar .myFavourites span.count {font-size:8px; font-weight:600; background:#000; color:#fff; border-radius:4px; padding:1px 5px 1px 5px;margin-right: 0;}


.moderationContainer .title {font-size: 18px;font-weight: 600;color: #333;}
.moderateDescription {border: 1px solid #ccc;border-radius: 4px;background: #fff;display: block;margin-bottom:15px;padding: 20px;font-size: 14px;}
.moderateDescription .userDetails {display:inline-block; vertical-align:middle; width:calc(100% - 350px); margin-bottom:10px;}
.moderateDescription .userDetails span {font-weight: 600;color: #333; display:inline-block; width:100px;}
.moderateDescription .actionBtns {display:inline-block; vertical-align:middle; width:350px; text-align:right; margin-bottom:10px;}
.moderateDescription .actionBtns a {display:inline-block; width:auto; font-size:12px;}
.moderateDescription .bio {border:1px solid #ccc; padding:10px; font-size:14px; margin-bottom:10px; border-radius:4px;}
.moderateDescription .offensiveWords span {font-weight: 600;color: #333;}


.moderateImages span {display:inline-block; width:calc(20% - 4px); margin:0px 2px 2px 2px; position:relative;}
.moderateImages img {max-width:100%; display:block;}
.moderateImages .imageBtns {position:absolute; bottom:0px; left:0px; right:0px; padding:5px; background:rgba(255,255,255,0.7); text-align:center;}
.moderateImages .imageBtns a {display:inline-block; width:auto; font-size:12px; padding:3px 10px;}



.popupEmail {background: rgba(255,255,255,0.9);position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 99999; display:none; }
.popupEmail > div {display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;}
.popupEmail > div > div {margin:10px; max-width: 400px;width: 100%;border-radius: 10px;background: #fff;border: 1px solid #e1e1e1;box-shadow: 0px 0 10px rgb(0 0 0 / 5%);text-align: left;font-size: 14px;}
.popupEmail > div > div .peHeader {font-size: 20px;font-weight: 600;border-bottom: 1px solid #e1e1e1;padding: 20px 20px 10px 20px;display: flex;}
.popupEmail > div > div .peHeader span {flex: 1 1 auto;}
.popupEmail > div > div .peHeader a {color:#f5007e}
.popupEmail > div > div .peBody {padding: 20px 20px 20px 20px;}
.popupEmail > div > div label {display: block;margin-bottom: 5px;font-weight: 600;}
.popupEmail > div > div input {border: 1px solid #e1e1e1;border-radius: 5px; font-size:16px;}
.popupEmail > div > div .select {border: 1px solid #e1e1e1;border-radius: 5px;}
.popupEmail > div > div select {font-size:16px;}
.popupEmail > div > div textarea {border: 1px solid #e1e1e1;border-radius: 5px; min-height:125px; font-size:16px;}
.popupEmail > div > div .access_message {display: none; color:#000; font-weight:600;}
.popupEmail > div > div .button {text-align: center;width: 100%;border-radius: 5px;}
.gCaptchaContainer {text-align: center;display: none;}
.gCaptchaContainer svg {height: 80px;fill: #337ab7;opacity: 0.3;}
.gCaptchaContainer .title {font-size: 22px;}
.gCaptchaContainer .g-recaptcha {display: inline-block;margin-bottom: 10px;}
.gCaptchaContainer .captchaError {display: none;font-size: 14px;font-weight: 600;color: red;}
.resendEmailSuccess {display: none;}
.resendEmailSuccess i {font-size: 66px;color: #E8194F;}





@media screen and (max-width:1330px) {
	.profileGalleryContainer .profileGallery {width:calc(25% - 10px);}
}


@media screen and (max-width:1300px) {
	.profileContainer .videopreview,.profileContainer .picpreview {width: calc(25% - 8px);}
	.my-gallery figure {width:calc(12.5% - 4px);}
}

@media screen and (max-width:1280px) {
	.cammersWall .cammers {display:inline-block; vertical-align:middle;width:calc(20%); border:1px solid #fff; overflow:hidden;}
	.cammersWall .cammers:nth-of-type(7),.cammersWall .cammers:nth-of-type(11),.cammersWall .cammers:nth-of-type(24),
	.cammersWall .cammers:nth-of-type(32),.cammersWall .cammers:nth-of-type(42),.cammersWall .cammers:nth-of-type(49) {width:calc(20%);}
	
	.cammersWall .cammers:nth-of-type(6),.cammersWall .cammers:nth-of-type(10),.cammersWall .cammers:nth-of-type(20),
	.cammersWall .cammers:nth-of-type(24),.cammersWall .cammers:nth-of-type(34),.cammersWall .cammers:nth-of-type(38) {width:calc(40%);}
	
	.custAccount .videopreview, .custAccount .picpreview {width: calc(25% - 8px);}

}

@media screen and (max-width:1160px) {
	.profileGalleryContainer .profileGallery {width:calc(33.3333333333333333% - 10px);}
}

@media screen and (max-width:1100px) {
	.profileContainer .videopreview,.profileContainer .picpreview {width: calc(33.333333333% - 8px);}
	
	.custAccount .videopreview, .custAccount .picpreview {width: calc(33.33333333333333333% - 8px);}

}

@media screen and (max-width:1020px) {
	.pushSubscribeContainer {margin:0px 10px 10px 10px;}
	.topBanner {margin:20px 10px;}
	.hostBens2 div {padding: 0 15px;}
}


@media screen and (max-width:980px) {
	.cammersWall .cammers {display:inline-block; vertical-align:middle;width:calc(25%); border:1px solid #fff; overflow:hidden;}
	.cammersWall .cammers:nth-of-type(7),.cammersWall .cammers:nth-of-type(11),.cammersWall .cammers:nth-of-type(24),
	.cammersWall .cammers:nth-of-type(32),.cammersWall .cammers:nth-of-type(42),.cammersWall .cammers:nth-of-type(49) {width:calc(25%);}
	
	.cammersWall .cammers:nth-of-type(6),.cammersWall .cammers:nth-of-type(10),.cammersWall .cammers:nth-of-type(20),
	.cammersWall .cammers:nth-of-type(24),.cammersWall .cammers:nth-of-type(34),.cammersWall .cammers:nth-of-type(38) {width:calc(25%);}
	
    .cammersWall .cammers:nth-of-type(5),.cammersWall .cammers:nth-of-type(8),.cammersWall .cammers:nth-of-type(15), 
	.cammersWall .cammers:nth-of-type(18) {width:calc(50%);}

	.profileGalleryContainer .profileGallery {width:calc(50% - 10px);}
}



@media screen and (max-width:880px) {
	.profileGalleryContainer .profileGallery {width:calc(50% - 10px);}
	.hostHeader .sloganContainer {left:20px; bottom:20px; width:calc(100% - 20px);}
	.hostHeader .slogan1 {font-size:32px;}
	.hostHeader .slogan2 {font-size:16px; margin-bottom:20px;}
	.hostHeader .sloganBtns a {font-size:14px; font-weight:600;padding:15px 0; width:300px;}
	.hostHeader .sloganBtns a:first-child {margin-right:10px;}
	
	.footerContainer .leftSide {display:block; margin-bottom:10px; margin-right:0;}
	.footerContainer .rightSide {display:block;}
	
	.profileContainer .videopreview,.profileContainer .picpreview {width: calc(50% - 8px);}
    .my-gallery figure {width:calc(16.6666666666666666666666% - 4px);}
    
	.custAccount .videopreview, .custAccount .picpreview {width: calc(50% - 8px);}
	
	.paymentContainer {background: #fff; border-bottom: 1px solid #e8e8e8; float:none;}

}

@media screen and (max-width:800px) {
	.profileGalleryContainer .profileGallery {width:calc(50% - 10px); margin:0px 0px 20px 0px;}
}


@media screen and (max-width:750px) {
	.cammersWall .cammers {display:inline-block; vertical-align:middle;width:calc(33.3333333333333333%); border:1px solid #fff; overflow:hidden;}
	.cammersWall .cammers:nth-of-type(7),.cammersWall .cammers:nth-of-type(11),.cammersWall .cammers:nth-of-type(24),
	.cammersWall .cammers:nth-of-type(32),.cammersWall .cammers:nth-of-type(42),.cammersWall .cammers:nth-of-type(49) {width:calc(33.3333333333333333%);}
	
	.cammersWall .cammers:nth-of-type(6),.cammersWall .cammers:nth-of-type(10),.cammersWall .cammers:nth-of-type(20),
	.cammersWall .cammers:nth-of-type(24),.cammersWall .cammers:nth-of-type(34),.cammersWall .cammers:nth-of-type(38) {width:calc(33.3333333333333333%);}
	
    .cammersWall .cammers:nth-of-type(5),.cammersWall .cammers:nth-of-type(8),.cammersWall .cammers:nth-of-type(15), 
	.cammersWall .cammers:nth-of-type(18) {width:calc(33.3333333333333333%);}
}


@media screen and (max-width:700px) {
	.hostHeader img {max-width:unset; width:auto; min-width:100%; max-height:400px; border-radius:4px;}
	.hostHeader .slogan2 {margin-right:60px;}
	.hostHeader .sloganContainer {bottom:10px;right: 20px; width:calc(100% - 40px);}
	.hostHeader .sloganBtns a {margin-bottom:10px;}

    .num2Text span {display:block;}
	.num2Text span:first-child {width:auto;}
	.num2Text span:last-child {width:auto;}

	.num3Text span {display:block;}
	.num3Text span:first-child {width:auto;}
	.num3Text span:last-child {width:auto;}
	
	.hostBens2 {margin-bottom:0;}
	.hostBens2 div {width:100%; max-width:350px;padding: 0 30px; margin:0 auto 30px auto;}
	
    .my-gallery figure {width:calc(20% - 4px);}
    .choosePhotosVideos {width:auto; display:block;}
    .sortVideos, .sortPics {width:auto; display:block; text-align:left; margin-top:20px;}

}

@media screen and (max-width:600px) {
	.hostHeader {height:350px;}
	.hostHeader video {width:auto; height:350px; position:absolute; right:0;}
	.hostHeader .sloganBtns a {margin-right:0; width:100%;}
	.paymentBar span.creditAmount {font-weight:600; display:block; margin-bottom:10px;}
	.profileGalleryContainer {display: flex; justify-content:space-between; flex-wrap:wrap; padding:0 10px;}
	.profileGalleryContainer .profileGallery {display:block; width:100%; margin:0px 0px 20px 0px;}
	.hostfaq a {font-size:14px;padding:15px 50px}

	.cammersWall .cammers {display:inline-block; vertical-align:middle;width:calc(50%); border:1px solid #fff; overflow:hidden;}
	.cammersWall .cammers:nth-of-type(7),.cammersWall .cammers:nth-of-type(11),.cammersWall .cammers:nth-of-type(24),
	.cammersWall .cammers:nth-of-type(32),.cammersWall .cammers:nth-of-type(42),.cammersWall .cammers:nth-of-type(49) {width:calc(50%);}
	
	.cammersWall .cammers:nth-of-type(6),.cammersWall .cammers:nth-of-type(10),.cammersWall .cammers:nth-of-type(20),
	.cammersWall .cammers:nth-of-type(24),.cammersWall .cammers:nth-of-type(34),.cammersWall .cammers:nth-of-type(38) {width:calc(50%);}
	
    .cammersWall .cammers:nth-of-type(5),.cammersWall .cammers:nth-of-type(8),.cammersWall .cammers:nth-of-type(15), 
	.cammersWall .cammers:nth-of-type(18) {width:calc(50%);}
	.erpaymentBar .myFavourites span.txt {display:none;}
	
	.profileContainer .videopreview,.profileContainer .picpreview {width:calc(100% - 8px); display:block;}
	
	.custAccount .videopreview, .custAccount .picpreview {width: calc(100% - 8px);}


}
@media screen and (max-width:500px) {
	.header .logo {display:block; width:auto; text-align:center; margin-bottom:10px;}
	.header .links {display:block; width:auto; text-align:center;}
	.header .links a {margin-left:0;}
	.header .links .becomeHost {margin-left:10px;}
	.dashboardBtn span,.helpBtn span,.logoutBtn span, .loginBtn span {display:none;}
	.dashboardBtn i,.helpBtn i,.logoutBtn i, .loginBtn i {display:inline-block; font-size:16px;}
	
    .my-gallery figure {width:calc(25% - 4px);}

}





