It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://fansprime.com

  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5.  <meta charset="utf-8">
  6.  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7.  <!-- CSRF Token -->
  8.  <meta name="csrf-token" content="73StpVK2ggz9yfHi34C4L6SOpM1ITaYBmRRGi7AN">
  9.  <meta name="description" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ut tortor rutrum massa efficitur tincidunt vel nec lacus. Curabitur porta aliquet diam, eu gravida neque lacinia.">
  10.  <meta name="keywords" content="donations,support,creators,fansprime,subscription,content" />
  11.  <meta name="theme-color" content="#fb414a">
  12.  <title> Fansprime - Support Creators Content</title>
  13.  <!-- Favicon -->
  14.  <link href="https://fansprime.com/public/img/favicon-1728977665.png" rel="icon">
  15.  
  16.  
  17.  <link href="https://fansprime.com/public/css/core.min.css?v=5.9" rel="stylesheet">
  18. <link href="https://fansprime.com/public/css/feather.css" rel="stylesheet">
  19. <link href="https://fansprime.com/public/css/bootstrap-icons.css?v=5.9" rel="stylesheet">
  20. <link href="https://fansprime.com/public/css/icomoon.css" rel="stylesheet">
  21.  
  22. <link href="https://fansprime.com/public/css/bootstrap.min.css" rel="stylesheet">
  23.  
  24. <link href="https://fansprime.com/public/css/styles.css?v=5.9" rel="stylesheet">
  25. <link href="https://fansprime.com/public/js/plyr/plyr.css?v=5.9" rel="stylesheet" type="text/css" />
  26.  
  27.  
  28. <script type="text/javascript">
  29. // Global variables
  30.  var URL_BASE = "https://fansprime.com";
  31.  var lang = 'en';
  32.  var _title = ' Fansprime - Support Creators Content';
  33.  var session_status = "off";
  34.  var ReadMore = "View all";
  35.  var copiedSuccess = "Link successfully copied.";
  36.  var copied = "Copied!";
  37.  var copy_link = "Copy link";
  38.  var loading = "Loading...";
  39.  var please_wait = "Please wait...";
  40.  var error_occurred = "Error occurred";
  41.  var error_oops = "Oops...";
  42.  var error_reload_page = "Oops...Error occurred, please reload the page";
  43.  var ok = "Ok";
  44.  var user_count_carousel =  1;
  45.  var no_results_found = "No results have been found";
  46.  var no_results = "No results";
  47.  var no_one_seen_story_yet =  "No one has seen your story yet";
  48.  var is_profile = false;
  49.  var error_scrollelement = false;
  50.  var captcha = false;
  51.  var alert_adult = false;
  52.  var error_internet_disconnected = "The connection has been lost";
  53.  var announcement_cookie = "";
  54.  var resend_code = "Resend code";
  55.  var resending_code = "Resending code...";
  56.  var query = "";
  57.  var sortBy = "";
  58.  var login_continue = "Login to continue";
  59.  var register = "Sign up";
  60.  var login_with = "Login with";
  61.  var sign_up_with = "Sign up with";
  62.  var currentPage = "https://fansprime.com";
  63.  var requestGender = false;
  64.  var is_bookmarks = false;
  65.  var is_likes = false;
  66.  var is_purchases = false;
  67.  var is_explore = true;
  68.  
  69. </script>
  70.  
  71. <style type="text/css">
  72.  
  73.  
  74.  
  75. .bg-gradient {
  76.  background: url('https://fansprime.com/public/img/background-1728979241.png');
  77.  background-size: cover;
  78. }
  79.  
  80. a.social-share i {color: #797979; font-size: 32px;}
  81. a:hover.social-share { text-decoration: none; }
  82. .btn-whatsapp {color: #50b154 !important;}
  83. .close-inherit {color: inherit !important;}
  84. .btn-twitter { background-color: #000;  color:#fff !important;}
  85.  
  86. @media (max-width: 991px) {
  87.  .navbar-user-mobile {
  88.    font-size: 20px;
  89.  }
  90. }
  91. .or {
  92. display:flex;
  93. justify-content:center;
  94. align-items: center;
  95. color:grey;
  96. }
  97.  
  98. .or:after,
  99. .or:before {
  100.  content: "";
  101.  display: block;
  102.  background: #adb5bd;
  103.  width: 50%;
  104.  height:1px;
  105.  margin: 0 10px;
  106. }
  107.  
  108. .icon-navbar { font-size: 22px; vertical-align: bottom;  }
  109.  
  110. .btn, .sa-button-container button {border-radius: 50rem!important;}
  111.  
  112. .navbar_background_color { background-color: #ffffff !important; }
  113. .link-scroll a.nav-link:not(.btn), .navbar-toggler:not(.text-white) { color: #3a3a3a !important; }
  114.  
  115. @media (max-width: 991px) {
  116.  .navbar .navbar-collapse, .dd-menu-user, .dropdown-item.balance:hover
  117.  { background-color: #ffffff !important; color: #3a3a3a !important; }
  118.  .navbar-collapse .navbar-toggler span { background-color: #3a3a3a !important; }
  119.  .dropdown-divider { border-top-color: #ffffff !important;}
  120.  }
  121.  
  122. .footer_background_color { background-color: #ffffff !important; }
  123. .footer_text_color, .link-footer:not(.footer-tiny) { color: #5f5f5f; }
  124.  
  125. :root {
  126.  --plyr-color-main: #fb414a;
  127.  --swiper-theme-color: #fb414a;
  128.  --color-media-wrapper:  #454545 ;
  129.  --color-pulse-media-wrapper:  #373737 ;
  130. }
  131.  
  132. .plyr--video.plyr--stopped .plyr__controls {display: none;}
  133.  
  134. @media (min-width: 767px) {
  135.  .login-btn { padding-top: 12px !important;}
  136. }
  137.  
  138. ::selection{ background-color: #fb414a; color: white; }
  139. ::moz-selection{ background-color: #fb414a; color: white; }
  140. ::webkit-selection{ background-color: #fb414a; color: white; }
  141.  
  142. body a,
  143. a:hover,
  144. a:focus,
  145. a.page-link,
  146. .btn-outline-primary,
  147. .btn-link {
  148.    color: #fb414a;
  149. }
  150. .text-primary {
  151.    color: #fb414a!important;
  152. }
  153.  
  154. a.text-primary.btnBookmark:hover, a.text-primary.btnBookmark:focus {
  155.  color: #fb414a!important;
  156. }
  157. .dropdown-menu {
  158.  font-size: 16px !important;
  159.  line-height: normal !important;
  160.  padding: .5rem !important;
  161. }
  162. .dropdown-item {
  163.  border-radius: 5px;
  164. }
  165. .btn-primary:not(:disabled):not(.disabled).active,
  166. .btn-primary:not(:disabled):not(.disabled):active,
  167. .show>.btn-primary.dropdown-toggle,
  168. .btn-primary:hover,
  169. .btn-primary:focus,
  170. .btn-primary:active,
  171. .btn-primary,
  172. .btn-primary.disabled,
  173. .btn-primary:disabled,
  174. .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
  175. .page-item.active .page-link,
  176. .page-link:hover,
  177. .owl-theme .owl-dots .owl-dot span,
  178. .owl-theme .owl-dots .owl-dot.active span,
  179. .owl-theme .owl-dots .owl-dot:hover span
  180. {
  181.    background-color: #fb414a;
  182.    border-color: #fb414a;
  183. }
  184. .bg-primary,
  185. .dropdown-item:focus,
  186. .dropdown-item:hover,
  187. .dropdown-item.active,
  188. .dropdown-item:active,
  189. .tooltip-inner,
  190. .custom-range::-webkit-slider-thumb,
  191. .custom-range::-webkit-slider-thumb:active {
  192.    background-color: #fb414a!important;
  193. }
  194.  
  195. .custom-range::-moz-range-thumb:active,
  196. .custom-range::-ms-thumb:active {
  197.  background-color: #fb414a!important;
  198. }
  199.  
  200. .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before,
  201. .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
  202. .btn-outline-primary {
  203.  border-color: #fb414a;
  204. }
  205. .custom-control-input:not(:disabled):active~.custom-control-label::before,
  206. .custom-control-input:checked~.custom-control-label::before,
  207. .btn-outline-primary:hover,
  208. .btn-outline-primary:focus,
  209. .btn-outline-primary:not(:disabled):not(.disabled):active,
  210. .list-group-item.active,
  211. .btn-outline-primary:not(:disabled):not(.disabled).active,
  212. .badge-primary {
  213.    color: #fff;
  214.    background-color: #fb414a;
  215.    border-color: #fb414a;
  216. }
  217. .popover .arrow::before { border-top-color: rgba(0,0,0,.35) !important; }
  218. .bs-tooltip-bottom .arrow::before {
  219.  border-bottom-color: #fb414a!important;
  220. }
  221. .arrow::before {
  222.  border-top-color: #fb414a!important;
  223. }
  224. .nav-profile li.active {
  225.  border-bottom: 3px solid #fb414a !important;
  226. }
  227. .button-avatar-upload {left: 0;}
  228. input[type='file'] {overflow: hidden;}
  229. .badge-free { top: 10px; right: 10px; background: rgb(0 0 0 / 65%); color: #fff; font-size: 12px;}
  230.  
  231. .btn-facebook, .btn-twitter, .btn-google {position: relative;}
  232. .btn-facebook i  {
  233.  position: absolute;
  234.    left: 10px;
  235.    bottom: 14px;
  236.    width: 36px;
  237. }
  238.  
  239. .btn-twitter i {
  240.    position: absolute;
  241.    left: 10px;
  242.    bottom: 9px !important;
  243.    bottom: 13px;
  244.    width: 36px;
  245. }
  246.  
  247. .btn-google img  {
  248.  position: absolute;
  249.    left: 18px;
  250.    bottom: 12px;
  251.    width: 18px;
  252. }
  253.  
  254. .button-search {top: 0;}
  255.  
  256. @media (min-width: 768px) {
  257.  .pace {display:none !important;}
  258. }
  259.  
  260. @media (min-width: 992px) {
  261.  .menuMobile {display:none !important;}
  262. }
  263.  
  264. .pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}
  265. .pace-inactive{display:none}
  266. .pace .pace-progress{background:#fb414a;position:fixed;z-index:2000;top:0;right:100%;width:100%;height:3px}
  267.  
  268. .menuMobile {
  269.  position: fixed;
  270.  bottom: 0;
  271.  left: 0;
  272.  z-index: 1040;
  273.  
  274. }
  275. .btn-mobile {border-radius: 25px;
  276.  }
  277. .btn-mobile:hover {
  278.    background-color: rgb(243 243 243 / 26%);
  279.    text-decoration: none !important;
  280.    -webkit-transition: all 200ms linear;
  281.    -moz-transition: all 200ms linear;
  282.    -o-transition: all 200ms linear;
  283.    -ms-transition: all 200ms linear;
  284.    transition: all 200ms linear;
  285. }
  286.  
  287. @media (max-width: 991px) {
  288.  .navbar .navbar-collapse {
  289.    width: 300px !important;
  290.    box-shadow: 5px 0px 8px #000;
  291.  }
  292.  
  293.  .card-profile {width: 100% !important; text-align: center;}
  294.  .section-msg {padding: 0 !important;}
  295.  .text-center-sm { text-align: center !important;}
  296.  
  297.  #navbarUserHome { position: initial !important;}
  298.  
  299.  .notify {
  300.    top: 5px !important;
  301.    right: 5px !important;
  302.  }
  303.  
  304.  }
  305. .sidebar-overlay #mobileMenuOverlay {
  306.    position: fixed;
  307.    width: 100%;
  308.    height: 100%;
  309.    background: rgba(0, 0, 0, 0.8);
  310.    z-index: 101;
  311.    -webkit-transition: all .9s;
  312.    -moz-transition: all .8s;
  313.    -ms-transition: all .8s;
  314.    -o-transition: all .8s;
  315.    transition: all .8s;
  316.    transition-delay: .35s;
  317.    left: 0;
  318. }
  319. .noti_notifications, .noti_msg {display: none;}
  320.  
  321. .link-menu-mobile {border-radius: 6px;}
  322. .link-menu-mobile:hover:not(.balance) {
  323.  background: rgb(242 242 242 / 40%);
  324. }
  325. a.link-border {text-decoration: none;}
  326. @media (max-width: 479px) {
  327.  .card-border-0 {
  328.    border-right: 0 !important;
  329.    border-left: 0 !important;
  330.    border-radius: 0 !important;
  331.  }
  332.  .card.rounded-large {
  333.    border-radius: 0 !important;
  334.  }
  335.  .wrap-post {padding: 0 !important;}
  336. }
  337.  
  338. @media (min-width: 576px) {
  339.  .modal-login {
  340.      max-width: 415px;
  341.  }
  342. }
  343. .toggleComments { cursor: pointer;}
  344. .blocked {left: 0; top: 0;}
  345. .card-settings > .list-group-flush>.list-group-item {border-width: 0 0 0px !important;}
  346. .btn-active-hover {background-color: #f3f3f3;}
  347.  
  348. /* Chrome, Safari, Edge, Opera */
  349. input::-webkit-outer-spin-button,
  350. input::-webkit-inner-spin-button {
  351.  -webkit-appearance: none;
  352.  margin: 0;
  353. }
  354.  
  355. /* Firefox */
  356. input[type=number] {
  357.  -moz-appearance: textfield;
  358. }
  359. .container-msg {position: relative; overflow: auto; overflow-x: hidden; flex: 2; -webkit-box-flex: 2;}
  360. .section-msg {
  361.    display: -webkit-box;
  362.    display: -ms-flexbox;
  363.    display: flex;
  364.    -webkit-box-flex: 1;
  365.    -ms-flex-positive: 1;
  366.    flex-grow: 1;
  367.    -webkit-box-orient: vertical;
  368.    -webkit-box-direction: normal;
  369.    -ms-flex-flow: column;
  370.    flex-flow: column;
  371.    min-width: 0;
  372.    width: 100%;
  373. }
  374. .container-media-msg {max-width: 100%;max-height: 100%;}
  375. .container-media-img {max-width: 100%;}
  376. .rounded-top-right-0 {border-top-right-radius: 0 !important;}
  377. .rounded-top-left-0{border-top-left-radius: 0 !important;}
  378. .custom-rounded {border-radius: 10px;}
  379. .card-profile {width: 75%;}
  380. .fancybox-button {background: none !important;}
  381. .modal-open .modal,
  382. .sweet-overlay {
  383.  backdrop-filter: blur(10px);
  384.  -webkit-backdrop-filter: blur(10px);
  385. }
  386. .pulse-btn:active > i,
  387. .pulse-btn:active > svg {
  388.  animation-duration: 600ms;
  389.  animation-name: pulse-animation;
  390.  animation-timing-function: ease-in;
  391.  -webkit-transition: all .1s;
  392.    transition: all .1s;
  393. }
  394. @keyframes pulse-animation{
  395.  0% { transform:scale(1.2); }
  396.  100% { transform:scale(0); }
  397. }
  398. .post-image {
  399.  max-height: 600px;
  400.  object-fit: cover;
  401.  object-position: 100% center;
  402. }
  403. @media (max-width: 600px) {
  404.  .post-image {
  405.      max-height: 90vw;
  406.  }
  407. }
  408. .swiper-container {
  409.  width: 100%;
  410. }
  411. .font-14 {
  412.  font-size: 14px;
  413. }
  414. .card-user-profile {
  415.  border-radius: .50rem!important;
  416. }
  417. .card-user-profile > .card-cover {
  418.  border-top-left-radius: .50rem!important;
  419.  border-top-right-radius: .50rem!important;
  420. }
  421. .btn-arrow-expand[aria-expanded='true'] > i.fa-chevron-down:before {
  422.    transform: rotate(180deg);
  423.    content: "\f077";
  424. }
  425.  
  426. .btn-menu-expand[aria-expanded='true'] > i.fa-bars:before {
  427.    content: "\f00d";
  428. }
  429. .wrapper-msg-right {
  430.  float: initial;
  431.  margin-right: auto;
  432.  max-width: 500px;
  433. }
  434. .wrapper-msg-left {
  435.  float: initial;
  436.  margin-left: auto;
  437.  max-width: 500px;
  438. }
  439. .post-img-grid {
  440.  position: absolute;
  441.  display: block;
  442.  left: 0;
  443.  right: 0;
  444.  top: 0;
  445.  bottom: 0;
  446.  width: 100%;
  447.  height: 100%;
  448.  opacity: 0;
  449. }
  450. @keyframes placeHolderShimmer {
  451.  0% {
  452.    background-position: -150px 0;
  453.  }
  454.  100% {
  455.    background-position: 150px 0;
  456.  }
  457. }
  458. .media-wrapper {
  459.  background-color: var(--color-media-wrapper);
  460.  animation-name: pulse;
  461.  animation-duration: 2s;
  462.  animation-iteration-count: infinite;
  463.  position: relative;
  464. }
  465.  
  466. @keyframes pulse {
  467.  0% {
  468.    background-color: var(--color-media-wrapper);
  469.  }
  470.  50% {
  471.    background-color: var(--color-pulse-media-wrapper);
  472.  }
  473.  100 {
  474.    background-color: var(--color-media-wrapper);
  475.  }
  476. }
  477. /* ----- MEDIA GRID 1 ------- */
  478. .media-grid-1 .media-wrapper {
  479.  position: relative;
  480.  padding-top: 60%;
  481.  width: 100%;
  482.  overflow: hidden;
  483.  background-size: cover;
  484.  background-position: center;
  485.  cursor: pointer;
  486.  border-radius: 6px;
  487.  -webkit-border-radius: 6px;
  488.  -o-border-radius: 6px;
  489.  -ms-border-radius: 6px;
  490.  display: block;
  491. }
  492.  
  493. /* ----- MEDIA GRID 2 ------- */
  494. .media-grid-2 {
  495.  position: relative;
  496.  width: 100%;
  497.  display: flex;
  498.  display: -webkit-flex;
  499. }
  500.  
  501. .media-grid-2 .media-wrapper {
  502.  position: relative;
  503.  padding-top: 45%;
  504.  width: 50%;
  505.  overflow: hidden;
  506.  background-size: cover;
  507.  background-position: center;
  508.  cursor: pointer;
  509. }
  510. .media-grid-2 .media-wrapper:nth-child(1),
  511. .media-grid-3 .media-wrapper:nth-child(1) {
  512.  border-bottom-left-radius: 6px;
  513.  -webkit-border-bottom-left-radius: 6px;
  514.  -o-border-bottom-left-radius: 6px;
  515.  -ms-border-bottom-left-radius: 6px;
  516.  border-top-left-radius: 6px;
  517.  -webkit-border-top-left-radius: 6px;
  518.  -o-border-top-left-radius: 6px;
  519.  -ms-border-top-left-radius: 6px;
  520. }
  521.  
  522. .media-grid-2 .media-wrapper:nth-child(2) {
  523.  border-bottom-right-radius: 6px;
  524.  -webkit-border-bottom-right-radius: 6px;
  525.  -o-border-bottom-right-radius: 6px;
  526.  -ms-border-bottom-right-radius: 6px;
  527.  border-top-right-radius: 6px;
  528.  -webkit-border-top-right-radius: 6px;
  529.  -o-border-top-right-radius: 6px;
  530.  -ms-border-top-right-radius: 6px;
  531. }
  532.  
  533. .media-grid-2 .media-wrapper:nth-child(2) {
  534.  margin-left: 3px;
  535. }
  536. .media-grid-1,
  537. .media-grid-3,
  538. .media-grid-4,
  539. .media-grid-5 {
  540.  position: relative;
  541.  width: 100%;
  542.  display: table;
  543.  overflow: hidden;
  544. }
  545. /* ----- MEDIA GRID 3 ------- */
  546. .media-grid-3 .media-wrapper:nth-child(1) {
  547.  position: relative;
  548.  padding-top: 70.6%;
  549.  width: calc(50% / 1 - 0px);
  550.  overflow: hidden;
  551.  background-size: cover;
  552.  background-position: center;
  553.  cursor: pointer;
  554.  float: left;
  555. }
  556. .media-grid-3 .media-wrapper:nth-child(2) {
  557.  position: relative;
  558.  padding-top: 35%;
  559.  width: calc(100% / 2 - 3px);
  560.  overflow: hidden;
  561.  background-size: cover;
  562.  background-position: center;
  563.  cursor: pointer;
  564.  float: left;
  565.  margin-left: 3px;
  566.  margin-bottom: 3px;
  567.  border-top-right-radius: 6px;
  568.  -webkit-border-top-right-radius: 6px;
  569.  -o-border-top-right-radius: 6px;
  570.  -ms-border-top-right-radius: 6px;
  571. }
  572. .media-grid-3 .media-wrapper:nth-child(3) {
  573.  position: relative;
  574.  padding-top: 35%;
  575.  width: calc(100% / 2 - 3px);
  576.  overflow: hidden;
  577.  background-size: cover;
  578.  background-position: center;
  579.  cursor: pointer;
  580.  float: left;
  581.  margin-left: 3px;
  582.  border-bottom-right-radius: 6px;
  583.  -webkit-border-bottom-right-radius: 6px;
  584.  -o-border-bottom-right-radius: 6px;
  585.  -ms-border-bottom-right-radius: 6px;
  586. }
  587.  
  588. /* ----- MEDIA GRID 4/5 OR MORE ------- */
  589. .media-grid-4 .media-wrapper:nth-child(1) {
  590.  position: relative;
  591.  padding-top: 50%;
  592.  width: calc(100% / 1 - 0px);
  593.  overflow: hidden;
  594.  background-size: cover;
  595.  background-position: center;
  596.  cursor: pointer;
  597.  float: left;
  598.  margin-bottom: 3px;
  599.  border-top-right-radius: 6px;
  600.  -webkit-border-top-right-radius: 6px;
  601.  -o-border-top-right-radius: 6px;
  602.  -ms-border-top-right-radius: 6px;
  603.  border-top-left-radius: 6px;
  604.  -webkit-border-top-left-radius: 6px;
  605.  -o-border-top-left-radius: 6px;
  606.  -ms-border-top-left-radius: 6px;
  607. }
  608. .media-grid-5 .media-wrapper:nth-child(1) {
  609.  position: relative;
  610.  padding-top: 45%;
  611.  width: calc(100% / 2 - 3px);
  612.  float: left;
  613.  overflow: hidden;
  614.  background-size: cover;
  615.  background-position: center;
  616.  cursor: pointer;
  617.  margin-bottom: 3px;
  618.  margin-right: 3px;
  619. }
  620. .media-grid-5 .media-wrapper:nth-child(2) {
  621.  position: relative;
  622.  padding-top: 45%;
  623.  width: calc(100% / 2 - 0px);
  624.  float: left;
  625.  overflow: hidden;
  626.  background-size: cover;
  627.  background-position: center;
  628.  cursor: pointer;
  629.  margin-bottom: 3px;
  630.  
  631. }
  632. .media-grid-4 .media-wrapper:nth-child(2),
  633. .media-grid-5 .media-wrapper:nth-child(3) {
  634.  position: relative;
  635.  padding-top: 30.3%;
  636.  width: calc(100% / 3 - 0px);
  637.  overflow: hidden;
  638.  background-size: cover;
  639.  background-position: center;
  640.  cursor: pointer;
  641.  float: left;
  642.  border-bottom-left-radius: 6px;
  643.  -webkit-border-bottom-left-radius: 6px;
  644.  -o-border-bottom-left-radius: 6px;
  645.  -ms-border-bottom-left-radius: 6px;
  646. }
  647. .media-grid-4 .media-wrapper:nth-child(3),
  648. .media-grid-5 .media-wrapper:nth-child(4) {
  649.  position: relative;
  650.  padding-top: 30.3%;
  651.  width: calc(100% / 3 - 3px);
  652.  overflow: hidden;
  653.  background-size: cover;
  654.  background-position: center;
  655.  cursor: pointer;
  656.  float: left;
  657.  margin-left: 3px;
  658. }
  659. .media-grid-4 .media-wrapper:nth-child(4),
  660. .media-grid-5 .media-wrapper:nth-child(5) {
  661.  position: relative;
  662.  padding-top: 30.3%;
  663.  width: calc(100% / 3 - 3px);
  664.  overflow: hidden;
  665.  background-size: cover;
  666.  background-position: center;
  667.  cursor: pointer;
  668.  float: left;
  669.  margin-left: 3px;
  670.  border-bottom-right-radius: 6px;
  671.  -webkit-border-bottom-right-radius: 6px;
  672.  -o-border-bottom-right-radius: 6px;
  673.  -ms-border-bottom-right-radius: 6px;
  674. }
  675. .media-grid-4 .media-wrapper:nth-child(1),
  676. .media-grid-4 .media-wrapper:nth-child(2),
  677. .media-grid-4 .media-wrapper:nth-child(3),
  678. .media-grid-4 .media-wrapper:nth-child(4) > img,
  679. .media-grid-4 .media-wrapper:nth-child(5) > img {
  680.  z-index: 2;
  681. }
  682. .wrapper-media-music {
  683.    width: 100%;
  684.    max-width: 500px;
  685.    height: auto;
  686.    border: 1px solid #DDD;
  687.    border-radius: 6px;
  688. }
  689. .progress-upload-cover {
  690.  background-color: #fb414a !important;
  691. }
  692. .more-media {
  693.  display: block;
  694.  background: rgba(0,0,0,.3);
  695.  position: absolute;
  696.  top: 0;
  697.  left: 0;
  698.  width: 100%;
  699.  height: 100%;
  700.  z-index: 9;
  701. }
  702. .more-media h2 {
  703.  line-height: 1.8;
  704.  text-align: center;
  705.  position: absolute;
  706.  left: 0;
  707.  width: 100%;
  708.  top: 50%;
  709.  margin-top: -30px;
  710.  color: #fff;
  711.  z-index: 5;
  712. }
  713. .container-post-media {
  714.  position: relative;
  715.  width: 100%;
  716.  display: flex;
  717.  display: -webkit-flex;
  718.  overflow: hidden;
  719. }
  720. .button-play {
  721.  cursor: pointer;
  722.  margin: auto auto;
  723.  width: 48px;
  724.  height: 48px;
  725.  position: absolute;
  726.  top: 0;
  727.  bottom: 0;
  728.  left: 0;
  729.  right: 0;
  730.  z-index: 3;
  731.  font-size: 28px;
  732.  line-height: 48px;
  733.  background-color: #fb414a!important;
  734.  border-radius: 100%;
  735.  text-align: center;
  736.  opacity: 0.9;
  737. }
  738. .wrapper-msg-inbox {
  739.  overflow: auto;
  740.  overflow-x: hidden;
  741. }
  742. @media (max-width: 991px) {
  743.  .wrapper-msg-inbox {
  744.    padding-top: 78px !important;
  745.    padding-bottom: 60px !important;
  746.  }
  747. }
  748. .wrapper-msg-inbox::-webkit-scrollbar {
  749.    width: 5px;
  750.    height: 8px;
  751.    -webkit-transition: all 0.2s ease;
  752.          transition: all 0.2s ease;
  753. }
  754. .wrapper-msg-inbox::-webkit-scrollbar-track {
  755.    background-color: transparent;
  756.    border-radius: 6px;
  757. }
  758. .wrapper-msg-inbox::-webkit-scrollbar-thumb {
  759.    background-color: #ccc;
  760.    border-radius: 6px;
  761. }
  762. .msg-inbox {
  763.  border: 0;
  764. }
  765. @media (min-width: 1280px) {
  766.  .container-lg-3 {
  767.    max-width: 1300px;
  768.  }
  769. }
  770. .menu-left-home li > a {
  771.  padding: 5px 12px;
  772.  display: block;
  773.  font-size: 19px;
  774.  text-decoration: none;
  775.  margin-bottom: 8px;
  776.  border-radius: 20px;
  777.  color: #8a96a3;
  778.  -webkit-transition: all 200ms linear;
  779.  -moz-transition: all 200ms linear;
  780.  -o-transition: all 200ms linear;
  781.  -ms-transition: all 200ms linear;
  782.  transition: all 200ms linear;
  783. }
  784. .menu-left-home li > a:hover,
  785. .menu-left-home li > a.active {
  786.  background-color: #fb414a;
  787.  color: white;
  788. }
  789. .sticky-top {
  790.    top: 90px;
  791. }
  792. .btn-category {
  793.  width: 100%;
  794.  text-align: left;
  795. }
  796. .category-filter {
  797.  padding: 10px 15px;
  798.  display: block;
  799.  font-weight: bold;
  800. }
  801. .text-red {
  802.  color: #F00;
  803. }
  804. .text-orange {
  805.  color: #ff3507;
  806. }
  807. .img-vertical-lg {
  808.  padding-top: 80% !important;
  809.  max-width: 300px;
  810. }
  811. .wrapper-msg-left .img-vertical-lg {
  812.  float:right;
  813. }
  814. .wrapper-msg-right .img-vertical-lg {
  815.  float:left;
  816. }
  817. .button-white-sm {
  818.  padding: 4px 15px;
  819.  border: 1px solid #ccc;
  820.  border-radius: 20px;
  821.  text-align: center;
  822.  font-size: 14px;
  823.  color:  #333 ;
  824.  display: inline-block;
  825.  vertical-align: middle;
  826. }
  827. a:hover.button-white-sm {
  828.  text-decoration: none;
  829.  border-color: #fb414a;
  830.  background-color: #fb414a;
  831.  color: white;
  832.  -webkit-transition: all 200ms linear;
  833.  -moz-transition: all 200ms linear;
  834.  -o-transition: all 200ms linear;
  835.  -ms-transition: all 200ms linear;
  836.  transition: all 200ms linear;
  837. }
  838. .msg-inbox .active .verified {
  839.  color: #FFF !important;
  840. }
  841. select[multiple] {
  842.  visibility: hidden;
  843. }
  844. .select2-container
  845. .select2-selection--multiple {
  846.  min-height: 47px !important;
  847. }
  848.  
  849. .select2-container--default
  850. .select2-selection--multiple {
  851.  border-left-width: 0 !important;
  852.  border-bottom-left-radius: 0 !important;
  853.  border-top-left-radius: 0 !important;
  854.  
  855.  background-color:  #fff !important ;
  856.  border-color:  #cad1d7 !important ;
  857. }
  858.  
  859. .select2-hidden-accessible {
  860.  position: absolute !important;
  861. }
  862. .select2-container--default
  863. .select2-selection--multiple
  864. .select2-selection__choice {
  865.  background-color: var(--plyr-color-main) !important;
  866.  border: 1px solid var(--plyr-color-main) !important;
  867.  color: #fff !important;
  868.  padding: 4px 10px !important;
  869. }
  870. .select2-results__option {
  871.  color: #333;
  872. }
  873. .select2-container
  874. .select2-search--inline
  875. .select2-search__field {
  876.  margin-top: 10px !important;
  877. }
  878. .announcements a {
  879.  text-decoration: none;
  880.  border-bottom: 1px solid;
  881.  color: #fff;
  882. }
  883. .unread-chat {
  884.  background-color: #f8f9fa;
  885. }
  886. .glightbox-open {
  887. height: auto !important;
  888. }
  889. .txt-black {color: #241e12;}
  890. .p-bottom-8 {padding-bottom: 8px;}
  891. .pinned-post {border-color:#fb414a !important;}
  892. .post-pending {
  893.  border-color:#ff9800 !important;
  894. }
  895. .table-striped tbody tr:nth-of-type(odd) {background-color: rgba(0,0,0,.03);}
  896.  
  897.  
  898. @media (max-width: 991px) {
  899.  .w-100-mobile {
  900.    width: 100% !important;
  901.  }
  902. }
  903. .button-like-live {
  904.  font-size: 25px;
  905. }
  906. @media (max-width: 767px) {
  907.  
  908.  .wrapper-live-chat  {
  909.    background-color: transparent !important;
  910.    position: absolute !important;
  911.    padding: 0 !important;
  912.    z-index: 200 !important;
  913.    max-height: 250px !important;
  914.    bottom: 0;
  915.    left: 0;
  916.    -webkit-mask-image: linear-gradient(transparent 0%, rgba(50, 50, 50, 1.0) 20%);
  917.  }
  918.  .wrapper-live-chat > .card,
  919.  #commentLive {
  920.    background-color: transparent !important;
  921.    color: #FFF;
  922.  }
  923.  .titleChat {
  924.    display: none !important;
  925.  }
  926.  #allComments {
  927.    padding-top: 20px !important;
  928.  }
  929.  .live-blocked {
  930.    background-color: rgba(255, 255, 255, 0.1) !important;
  931.  }
  932.  li.chatlist {
  933.    color: #FFF !important;
  934.    font-size: 14px;
  935.    text-shadow: 0 1px 2px #000;
  936.  }
  937.  .wrapper-live-chat .content {
  938.    padding-bottom: 0 !important;
  939.    padding-top: 0 !important;
  940.  }
  941.  .wrapper-live-chat .card-footer {
  942.    border: 0 !important;
  943.  }
  944.  .buttons-live {
  945.    color: #FFF !important;
  946.  }
  947.  .buttons-live:hover {
  948.    background-color: transparent !important;
  949.  }
  950.  #commentLive::placeholder {
  951.    color: #FFF !important;
  952.    opacity: 1;
  953.  }
  954.  #commentLive::-moz-placeholder {
  955.    color: #FFF !important;
  956.    opacity: 1;
  957.  }
  958.  #commentLive::-ms-input-placeholder {
  959.    color: #FFF !important;
  960.    opacity: 1;
  961.  }
  962.  #commentLive:-ms-input-placeholder {
  963.    color: #FFF !important;
  964.    opacity: 1;
  965.  }
  966.  #commentLive::-webkit-input-placeholder {
  967.    color: #FFF !important;
  968.    opacity: 1;
  969.  }
  970.  input#commentLive {
  971.    border: 1px solid #FFF !important;
  972.    border-radius: 60px;
  973.  }
  974.  .offline-live { display: none;}
  975. }/* End max-width 767 */
  976.  
  977. .tipped-live {
  978.  font-size: 14px;
  979.  text-shadow: 0 1px 4px #4b4b4b;
  980. }
  981. .live_offline::before {
  982.  top: 0;
  983.  left: 0;
  984.  right: 0;
  985.  bottom: 0;
  986.  backdrop-filter: blur(15px);
  987.  -webkit-backdrop-filter: blur(15px);
  988.  content: "";
  989.  z-index: 1;
  990.  position: absolute;
  991. }
  992. .live_offline::after {
  993.  top: 0;
  994.  left: 0;
  995.  right: 0;
  996.  bottom: 0;
  997.  content: "";
  998.  z-index: 1;
  999.  position: absolute;
  1000.  background-color: rgba(50, 50, 50, 0.8);
  1001. }
  1002. .text-content-live {
  1003.  position: relative;
  1004.  color: #FFF;
  1005.  z-index: 2 !important;
  1006. }
  1007. #full-screen-video {
  1008.  position: relative;
  1009.  width: 100%;
  1010.  height: 100%;
  1011. }
  1012. .liveContainer {
  1013.  background-color: #000;
  1014. }
  1015. .live-top-menu {
  1016.  width: 100%;
  1017.  padding: 1rem!important;
  1018.  position: absolute;
  1019.  top: 0;
  1020.  right: 0;
  1021.  z-index: 200;
  1022. }
  1023. @keyframes pulse-live {
  1024.  0% {
  1025.    background-color: #ff0000;
  1026.  }
  1027.  50% {
  1028.    background-color: #ff0000b0;
  1029.  }
  1030.  100 {
  1031.    background-color: #ff0000;
  1032.  }
  1033. }
  1034. .live {
  1035.  color: #fff;
  1036.  border-color: #ff0000;
  1037.  background-color: #ff0000;
  1038.  padding: 5px 15px;
  1039.  border-radius: 4px;
  1040.  display: inline-block;
  1041.  vertical-align: text-top;
  1042.  font-weight: bold;
  1043.  animation-name: pulse-live;
  1044.  animation-duration: 2s;
  1045.  animation-iteration-count: infinite;
  1046. }
  1047. .live-views {
  1048.  color: #fff;
  1049.  border-color: #000000;
  1050.  background-color: #0000007a;
  1051.  padding: 5px 15px;
  1052.  border-radius: 4px;
  1053.  display: inline-block;
  1054.  vertical-align: text-top;
  1055.  font-weight: bold;
  1056. }
  1057. .close-live,
  1058. .exit-live,
  1059. .live-options {
  1060.  color: #FFF;
  1061.  font-size: 22px;
  1062.  vertical-align: bottom;
  1063.  cursor: pointer;
  1064. }
  1065. .text-shadow-sm {
  1066.  text-shadow: 0 1px 0px #000;
  1067. }
  1068. .div-flex {
  1069.  flex: 1 1 auto;
  1070.  position: relative;
  1071.  min-height: 12px;
  1072. }
  1073. .chat-msg {
  1074.  flex: 1 1 auto;
  1075.  display: flex;
  1076.  flex-direction: column;
  1077. }
  1078. .menu-options-live a {
  1079.  cursor: pointer;
  1080. }
  1081. .avatar-wrap-live {
  1082.  width: 150px;
  1083.  height: 150px;
  1084.  border-radius: 50%;
  1085.  margin: 0 auto;
  1086.  background-color: #FFF;
  1087.  margin-bottom: 15px;
  1088. }
  1089. .video-poster-html {
  1090.  position:absolute;
  1091.  right: 0;
  1092.  top: 0;
  1093.  min-width: 100%;
  1094.  max-width: 100%;
  1095.  height: 100%;
  1096.  width: auto;
  1097.  z-index: 2;
  1098.  margin: 0 auto;
  1099.  object-fit: cover;
  1100. }
  1101. .wrapper-live {
  1102.  position: relative;
  1103.  max-width: 100px;
  1104.  margin: auto;
  1105. }
  1106. @keyframes pulseLive {
  1107.  0% {
  1108.    opacity: 0.1;
  1109.    transform: scale(1.05);
  1110.  }
  1111.  50% {
  1112.    opacity: 1;
  1113.    transform: scale(1.15);
  1114.  }
  1115.  100% {
  1116.    opacity: 0.1;
  1117.    transform: scale(1.3);
  1118.  }
  1119. }
  1120. .live-pulse {
  1121.  top: 0;
  1122.  left: 0;
  1123.  right: 0;
  1124.  bottom: 0;
  1125.  position: absolute;
  1126.  border: 3px solid #ff0000;
  1127.  z-index: 1;
  1128.  border-radius: 50%;
  1129. }
  1130. .live-pulse::after,
  1131. .live-pulse::before {
  1132.  width: 100%;
  1133.  border: 2px solid #ff0000 !important;
  1134.  height: 100%;
  1135.  content: "";
  1136.  display: block;
  1137.  z-index: 2;
  1138.  position: absolute;
  1139.  border-radius: 50%;
  1140.  animation-name: pulseLive;
  1141.  animation-duration: 1.6s;
  1142.  animation-iteration-count: infinite;
  1143.  animation-timing-function: ease-in-out;
  1144. }
  1145. .live-pulse::after {
  1146.  animation-delay: .5s;
  1147. }
  1148. .live-span {
  1149.  width: 39px;
  1150.  left: 0;
  1151.  right: 0;
  1152.  bottom: -10px;
  1153.  height: 17px;
  1154.  border-radius: 3px;
  1155.  text-transform: uppercase;
  1156.  justify-content: center;
  1157.  background-color: #ff0000;
  1158.  margin: auto;
  1159.  display: flex;
  1160.  z-index: 2;
  1161.  position: absolute;
  1162.  font-size: 8px;
  1163.  text-align: center;
  1164.  align-items: center;
  1165.  font-weight: 900;
  1166.  color: #FFF;
  1167. }
  1168. .button-like-live .bi-heart-fill {
  1169.  color: #F00 !important;
  1170. }
  1171. .avatar-live {
  1172.  border: 2px solid #f00;
  1173. }
  1174. .liveLink {cursor: pointer;}
  1175. .icon-wrap {
  1176.  position: absolute;
  1177.  top: -30px;
  1178.  right: 10px;
  1179.  z-index: 0;
  1180.  font-size: 115px;
  1181.  color: rgba(0,0,0,0.10);
  1182.  transform: rotate(20deg);
  1183. }
  1184. .inner-wrap {
  1185.  position: relative;
  1186.  z-index: 1;
  1187. }
  1188. .fee-wrap {
  1189.  padding: 5px 10px;
  1190.  border: 1px dashed #ccc;
  1191.  border-radius: 6px;
  1192. }
  1193. .btn-arrow-expand-bi[aria-expanded='true'] .bi-chevron-down::before {
  1194.  transform: rotate(180deg);
  1195. }
  1196. .transition-icon::before {
  1197.  -moz-transition: all 0.3s ease;
  1198.  -webkit-transition: all 0.3s ease;
  1199.  transition: all 0.3s ease;
  1200. }
  1201. .limitLiveStreaming {
  1202.  position: absolute;
  1203.  top: 45px;
  1204.  left: 65px;
  1205. }
  1206. .subscriptionDiscount {
  1207.  font-size: 14px;
  1208.  padding: 2px 20px;
  1209.  border: 1px dashed;
  1210.  border-radius: 50px;
  1211.  margin-top: 5px;
  1212.  margin-bottom: 5px;
  1213.  display: inline-block;
  1214. }
  1215. .border-dashed-radius {
  1216.  border: 1px dashed #a7a7a7;
  1217.  border-radius: 10px;
  1218. }
  1219. .list-taxes:last-child {
  1220.  border-bottom: 0 !important;
  1221.  border-radius: inherit;
  1222. }
  1223. .search-bar {
  1224.  border-radius: 60px;
  1225.  padding: 12px 20px !important;
  1226.  height: 40px !important;
  1227.  background-color: #f6f6f6;
  1228.  border: 1px solid transparent !important;
  1229. }
  1230. .search-bar:focus {
  1231.  border: 1px solid #ced4da !important;
  1232.  -moz-transition: all 0.3s ease;
  1233.  -webkit-transition: all 0.3s ease;
  1234.  transition: all 0.3s ease;
  1235. }
  1236.  
  1237. .count-previews {
  1238.  position: absolute;
  1239.  right: 10px;
  1240.  top: 10px;
  1241.  padding: 8px 6px;
  1242.  background: #0000009e;
  1243.  border-radius: 6px;
  1244.  color: #fff;
  1245.  font-size: 12px;
  1246. }
  1247. a.link-shop,
  1248. a.choose-type-sale {
  1249.  color: inherit;
  1250.  text-decoration: none;
  1251. }
  1252. a:hover.choose-type-sale {
  1253.  border-color: #fb414a;
  1254. }
  1255. .text-truncate-2 {
  1256.  word-wrap: break-word;
  1257.  -webkit-line-clamp: 2;
  1258.  -webkit-box-orient: vertical;
  1259.  white-space: pre-wrap;
  1260.  white-space: -moz-pre-wrap;
  1261.  white-space: -pre-wrap;
  1262.  white-space: -o-pre-wrap;
  1263.  word-break: break-word;
  1264.  text-align: left;
  1265.  display: -webkit-box;
  1266.  line-height: normal;
  1267.  height: auto;
  1268.  overflow: hidden;
  1269.  text-overflow: ellipsis;
  1270. }
  1271. .price-shop {
  1272.  position: absolute;
  1273.  right: 10px;
  1274.  bottom: 10px;
  1275.  padding: 8px 6px;
  1276.  background: #fb414a;
  1277.  border-radius: 6px;
  1278.  color: #fff;
  1279.  font-size: 18px;
  1280.  font-weight: bold;
  1281. }
  1282. .rounded-large {
  1283.  border-radius: 15px!important;
  1284. }
  1285. .shadow-large {
  1286.    box-shadow: 0 8px 30px rgba(0,0,0,.05)!important;
  1287. }
  1288. .buttons-mobile-nav {
  1289.  position: absolute;
  1290.  right: 10px;
  1291.  top: 10px;
  1292. }
  1293. .btn-mobile-nav {
  1294.  }
  1295. .btn-mobile-nav:hover {
  1296.  text-decoration: none !important;
  1297. }
  1298.  
  1299. .modal-content,
  1300. .modal-content > .modal-body > .card {
  1301.  border-radius: 0.8rem;
  1302. }
  1303.  
  1304. .btn-arrow::after {
  1305.    font-family: "bootstrap-icons";
  1306.    display: inline-block;
  1307.    padding-left: 5px;
  1308.    content: "\f138";
  1309.    transition: transform 0.3s ease-out;
  1310.    vertical-align: middle;
  1311.  
  1312. }
  1313. .btn-arrow-sm::after {
  1314.  font-size: 13px;
  1315. }
  1316. .btn-arrow:hover::after {
  1317.    transform: translateX(4px);
  1318. }
  1319. .btn-search {
  1320.    color: #c3c3c3;
  1321.    background: none;
  1322.    position: absolute;
  1323.    left: 0;
  1324.    outline: none;
  1325.    border: none;
  1326.    width: 50px;
  1327.    text-align: center;
  1328.    bottom: 20%;
  1329. }
  1330. .custom-select {
  1331.    white-space: nowrap;
  1332.    text-overflow: ellipsis;
  1333.    overflow: hidden;
  1334. }
  1335. .ui-widget-content {
  1336.  padding: 10px;
  1337.  border: 0 !important;
  1338.  border-bottom-left-radius: 6px;
  1339.  border-bottom-right-radius: 6px;
  1340.  box-shadow: rgb(101 119 134 / 20%) 0px 0px 15px, rgb(101 119 134 / 15%) 0px 0px 3px 1px;
  1341. }
  1342. .ui-state-active,
  1343. .ui-widget-content
  1344. .ui-state-active {
  1345.    width: 100%;
  1346.    display: block;
  1347.    border: 0 !important;
  1348.    background: #efefef;
  1349.    color: #333;
  1350.    text-decoration: none;
  1351.    margin: 0;
  1352.    border-radius: 6px;
  1353.  }
  1354. .ui-menu .ui-menu-item-wrapper {
  1355.  width: 100%;
  1356.  display: block;
  1357. }
  1358. .ui-menu.ui-menu-item:not(:last-child) {
  1359.  margin-bottom: 10px;
  1360. }
  1361. .ui-widget {
  1362.  font-size: 15px;
  1363. }
  1364. .btn-sm-custom {
  1365.  font-size: .875rem;
  1366.  line-height: 1.5;
  1367.  padding: 0.25rem 0.5rem;
  1368. }
  1369. .dropdown-item {
  1370.  padding: 0.3rem 1.5rem;
  1371. }
  1372. .triggerEmoji {
  1373.  font-size: 20px;
  1374.  position: absolute;
  1375.  right: 0;
  1376.  top: 40%;
  1377.  cursor: pointer;
  1378. }
  1379. .triggerEmojiPost {
  1380.  font-size: 20px;
  1381.  position: absolute;
  1382.  right: 0;
  1383.  top: 0px;
  1384.  cursor: pointer;
  1385. }
  1386. .emoji {
  1387.  font-size: 26px;
  1388.  line-height: 32px;
  1389.  padding: 5px 8px;
  1390.  display: block;
  1391.  cursor: pointer;
  1392.  margin-bottom: 2px;
  1393. }
  1394. .dropdown-emoji {
  1395.  width: 350px;
  1396.  max-width: 350px;
  1397.  max-height: 300px;
  1398.  overflow: auto scroll;
  1399. }
  1400. .type-item {
  1401.  position: absolute;
  1402.  top: 10px;
  1403.  left: 10px;
  1404.  z-index: 2;
  1405.  background-color: #0000008c;
  1406.  font-size: 13px;
  1407.  color: #fff;
  1408. }
  1409. .font-13 {
  1410.  font-size: 13px;
  1411. }
  1412.  
  1413. .custom-scrollbar::-webkit-scrollbar {
  1414.    width: 5px;
  1415.    height: 8px;
  1416.    -webkit-transition: all 0.2s ease;
  1417.          transition: all 0.2s ease;
  1418. }
  1419. .custom-scrollbar::-webkit-scrollbar-track {
  1420.    background-color: transparent;
  1421.    border-radius: 6px;
  1422. }
  1423. .custom-scrollbar::-webkit-scrollbar-thumb {
  1424.    background-color: #ccc;
  1425.    border-radius: 6px;
  1426. }
  1427. .icon--dashboard {
  1428.    color: rgb(0 0 0 / 2%) !important;
  1429.    transform: none !important;
  1430. }
  1431. .text-revenue {
  1432.  position: relative;
  1433.  z-index: 10;
  1434. }
  1435. .quality-video {
  1436.  padding: 2px 4px;
  1437.  background-color: #fff;
  1438.  color: #000;
  1439.  border-radius: 3px;
  1440.  margin: 0 5px;
  1441.  font-weight: bold;
  1442. }
  1443. .line-replies {
  1444.  align-items: stretch;
  1445.  border: 0;
  1446.  border-bottom: 1px solid #fb414a;
  1447.  box-sizing: border-box;
  1448.  display: inline-block;
  1449.  flex-direction: column;
  1450.  flex-shrink: 0;
  1451.  font: inherit;
  1452.  font-size: 100%;
  1453.  height: 0;
  1454.  margin: 0;
  1455.  margin-right: 16px;
  1456.  padding: 0;
  1457.  position: relative;
  1458.  vertical-align: middle;
  1459.  width: 24px;
  1460. }
  1461. .mr-14px {
  1462.    margin-right: 14px;
  1463. }
  1464. .dot-item:not(:last-child):after {
  1465.   font-family: "bootstrap-icons";
  1466.    content: "\F309";
  1467.    margin-left: 6px;
  1468.    color: inherit;
  1469.    vertical-align: middle;
  1470. }
  1471. .add-story {
  1472.  max-height: 160px;
  1473.  max-width: 110px;
  1474.  width: 25vw;
  1475.  border-radius: 5px;
  1476.  display: inline-block;
  1477.  margin: 0 6px;
  1478.  vertical-align: top;
  1479. }
  1480. .item-add-story {
  1481.  text-decoration: none;
  1482.  text-align: left;
  1483.  color: #fff;
  1484.  position: relative;
  1485.  max-height: 160px;
  1486.  display: block;
  1487. }
  1488. .add-story-preview {
  1489.  display: block;
  1490.  box-sizing: border-box;
  1491.  font-size: 0;
  1492.  max-height: 160px;
  1493.  height: 48vw;
  1494.  overflow: hidden;
  1495.  transition: transform .2s;
  1496. }
  1497. .add-story-preview img {
  1498.  display: block;
  1499.  box-sizing: border-box;
  1500.  height: 100%;
  1501.  width: 100%;
  1502.  background-size: cover;
  1503.  background-position: 50%;
  1504.  object-fit: cover;
  1505.  border-radius: 5px;
  1506.  position: absolute;
  1507. }
  1508. .item-add-story > .info {
  1509.  top: auto;
  1510.  height: auto;
  1511.  box-sizing: border-box;
  1512.  position: absolute;
  1513.  left: 0;
  1514.  right: 0;
  1515.  bottom: 0;
  1516.  padding: 6px;
  1517.  font-weight: 700;
  1518.  font-size: 12px;
  1519.  text-shadow: 1px 1px 1px rgb(0 0 0 / 35%), 1px 0 1px rgb(0 0 0 / 35%);
  1520.  display: inline-block;
  1521.  margin-top: 0.5em;
  1522.  line-height: 1.2em;
  1523.  width: 100%;
  1524.  overflow: hidden;
  1525.  text-overflow: ellipsis;
  1526.  border-bottom-left-radius: 5px;
  1527.  border-bottom-right-radius: 5px;
  1528.  z-index: 10;
  1529. }
  1530. .item-add-story > .info > .name {
  1531.  font-weight: 500;
  1532. }
  1533. .delete-history {
  1534.  position: absolute;
  1535.  top: 5px;
  1536.  right: 5px;
  1537.  padding: 2px 6px;
  1538.  background-color: #00000096!important;
  1539.  color: #fff;
  1540.  z-index: 2;
  1541.  border-radius: 6px;
  1542.  z-index: 10;
  1543. }
  1544. .bg-dark-transparent {
  1545.  background-color: #00000096!important;
  1546. }
  1547. .storyBackgrounds, .fontColor {
  1548.  width: 30px;
  1549.  height: 30px;
  1550.  object-fit: cover;
  1551.  border-radius: 50px;
  1552.  cursor: pointer;
  1553.  display: inline-block;
  1554. }
  1555. .storyBackgrounds.active,
  1556. .storyBg:first-child,
  1557. .fontColor.active {
  1558.  border: 1px solid #fff;
  1559.  box-shadow: 0 0 0 3px #fb414a;
  1560. }
  1561. .fontColor-white {background-color: #fff;}
  1562. .fontColor-black {background-color: #000;}
  1563. .bg-current {
  1564.  border-radius: 10px;
  1565.  height: 700px;
  1566. }
  1567. .bg-inside {
  1568.  position: relative;
  1569.  overflow: auto;
  1570.  overflow-x: hidden;
  1571.  flex: 2;
  1572.  -webkit-box-flex: 2;
  1573.  border-radius: 10px;
  1574.  max-width: 400px;
  1575.  height: 650px;
  1576. }
  1577. .text-story {
  1578.  font-size: 24px;
  1579.  font-family: Arial;
  1580.  word-break: break-word;
  1581.  font-weight: bold;
  1582.  color: #fff;
  1583. }
  1584. .modalStoryViews {
  1585.  max-height: 400px;
  1586. }
  1587. .modalGifts {
  1588.  max-height: 600px;
  1589. }
  1590. .modal-text-story {
  1591.  color: #fff;
  1592.  position: absolute;
  1593.  top: 50%;
  1594.  left: 50%;
  1595.  z-index: 100;
  1596.  transform: translate(-50%, -50%);
  1597.  font-size: 24px;
  1598.  font-family: Arial;
  1599.  word-break: break-word;
  1600.  white-space: break-spaces;
  1601.  font-weight: bold;
  1602.  width: 45vh;
  1603.  text-align: center;
  1604. }
  1605. .text-story-preview {
  1606.    color: #fff;
  1607.    position: absolute;
  1608.    top: 50%;
  1609.    left: 50%;
  1610.    z-index: 100;
  1611.    transform: translate(-50%, -50%);
  1612.    font-size: 5px;
  1613.    font-family: Arial;
  1614.    word-break: break-word;
  1615.    white-space: break-spaces;
  1616.    font-weight: bold;
  1617.    width: 10vh;
  1618.    text-align: center;
  1619. }
  1620. .profilePhoto, .info>.name {cursor: pointer;}
  1621. .profilePhoto {border-radius: 50%;}
  1622. .bg-black {background-color: #18191a!important;}
  1623. .border-2 {border: 2px solid #fff!important;}
  1624. .verified-story:after {
  1625.  font-family: "bootstrap-icons";
  1626.  display: inline-block;
  1627.  padding-left: 5px;
  1628.  content: "\F4B6";
  1629.  vertical-align: middle;
  1630. }
  1631. .grecaptcha-badge {
  1632.  visibility: hidden;
  1633. }
  1634. .btn-post {
  1635.  width: 48px;
  1636.  height: 48px;
  1637.  padding: 0;
  1638. -webkit-transition: all 200ms linear;
  1639.  -moz-transition: all 200ms linear;
  1640.  -o-transition: all 200ms linear;
  1641.  -ms-transition: all 200ms linear;
  1642.  transition: all 200ms linear;
  1643. }
  1644. .btn-post:hover {
  1645.  background-color: #f3f3f3;
  1646. }
  1647. @media (max-width: 991px) {
  1648.  .btn-post {
  1649.    width: 40px;
  1650.    height: 40px;
  1651.  }
  1652. }
  1653. .icons-live {
  1654.  padding: 10px 12px;
  1655. -webkit-transition: all 200ms linear;
  1656.  -moz-transition: all 200ms linear;
  1657.  -o-transition: all 200ms linear;
  1658.  -ms-transition: all 200ms linear;
  1659.  transition: all 200ms linear;
  1660. }
  1661. .icons-live:hover {
  1662.  background-color: #f3f3f3;
  1663. }
  1664. .thumbnails-shop {
  1665. display: flex;
  1666. margin: 1rem auto 0;
  1667. padding: 0;
  1668. justify-content: center;
  1669. }
  1670.  
  1671.  
  1672. .thumbnail-shop {
  1673. width: 70px;
  1674. height: 70px;
  1675. overflow: hidden;
  1676. list-style: none;
  1677. margin: 0 0.2rem;
  1678. cursor: pointer;
  1679. opacity: 0.3;
  1680. }
  1681.  
  1682. .thumbnail-shop.is-active {
  1683.  opacity: 1;
  1684. }
  1685.  
  1686. .thumbnail-shop img {
  1687. width: 100%;
  1688. height: auto;
  1689. }
  1690. .buttonDisabled {
  1691.  opacity: .3;
  1692.  cursor: default;
  1693. }
  1694. .buttonDisabled:active > i {
  1695.  animation: none !important;
  1696. }
  1697. .container-full-w {
  1698.  max-width: 100% !important;
  1699. }
  1700. .font-12 {
  1701.  font-size: 12px;
  1702. }
  1703. .b-radio-custom {
  1704.  border-radius: 0.8rem !important;
  1705. }
  1706. .gslide-image {background-color: #fff !important;}
  1707.  
  1708. @-moz-document url-prefix() {
  1709.  .custom-scrollbar {
  1710.    scrollbar-color: #ccc transparent;
  1711.    scrollbar-width: thin;
  1712.  }
  1713.  
  1714.  .wrapper-msg-inbox {
  1715.    scrollbar-color: #ccc transparent;
  1716.    scrollbar-width: thin;
  1717.  }
  1718. }
  1719.  
  1720.  
  1721. </style>
  1722.  
  1723.  
  1724.   <!-- Google tag (gtag.js) -->
  1725. <script async src="https://www.googletagmanager.com/gtag/js?id=G-P4JL832CYW"></script>
  1726. <script>
  1727.  window.dataLayer = window.dataLayer || [];
  1728.  function gtag(){dataLayer.push(arguments);}
  1729.  gtag('js', new Date());
  1730.  
  1731.  gtag('config', 'G-P4JL832CYW');
  1732. </script>
  1733.  </head>
  1734.  
  1735. <body>
  1736.  
  1737.    <div class="btn-block text-center showBanner padding-top-10 pb-3 display-none">
  1738.    <i class="fa fa-cookie-bite"></i> This site uses cookies, by continuing to use the service, you accept our use of cookies
  1739.          <a href="https://fansprime.com/p/cookies" class="mr-2 text-white link-border" target="_blank">Cookies Policy</a>
  1740.        <button class="btn btn-sm btn-primary" id="close-banner">Got it!
  1741.    </button>
  1742.  </div>
  1743.  
  1744.  <div id="mobileMenuOverlay" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false"></div>
  1745.  
  1746.  
  1747.  
  1748.  
  1749.  <div class="popout popout-error font-default"></div>
  1750.  
  1751.  <header>
  1752. <nav class="navbar navbar-expand-lg navbar-inverse fixed-top p-nav  scroll ">
  1753. <div class="container-fluid d-flex position-relative">
  1754.  
  1756. <a class="navbar-brand" href="https://fansprime.com">
  1757. <img src="https://fansprime.com/public/img/logo-1728977665.png" data-logo="logo-1728977665.png" data-logo-2="logo_2-1728977665.png" alt="Fansprime" class="logo align-bottom max-w-100" />
  1758. </a>
  1759.  
  1760. <button class="navbar-toggler  text-white " type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
  1761. <i class="fa fa-bars"></i>
  1762. </button>
  1764. <div class="collapse navbar-collapse navbar-mobile" id="navbarCollapse">
  1765.  
  1766. <div class="d-lg-none text-right pr-2 mb-2">
  1767. <button type="button" class="navbar-toggler close-menu-mobile" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false">
  1768. <i class="bi bi-x-lg"></i>
  1769. </button>
  1770. </div>
  1771.  
  1772. <ul class="navbar-nav mr-auto">
  1773.  
  1774. <form class="form-inline my-lg-0 position-relative" method="get" action="https://fansprime.com/creators">
  1775. <input id="searchCreatorNavbar"
  1776. class="form-control search-bar  border-0 " type="text"
  1777. required name="q" autocomplete="off" minlength="3" placeholder="Find a creator"
  1778. aria-label="Search">
  1779. <button class="btn btn-outline-success my-sm-0 button-search e-none" type="submit"><i
  1780. class="bi bi-search"></i></button>
  1782. <div class="dropdown-menu dd-menu-user position-absolute" style="width: 95%; top: 48px;" id="dropdownCreators">
  1784. <button type="button" class="d-none" id="triggerBtn" data-toggle="dropdown" aria-haspopup="true"
  1785. aria-expanded="false"></button>
  1787. <div class="w-100 text-center display-none py-2" id="spinnerSearch">
  1788. <span class="spinner-border spinner-border-sm align-middle text-primary"></span>
  1789. </div>
  1791. <div id="containerCreators"></div>
  1793. <div id="viewAll" class="display-none mt-2">
  1794. <a class="dropdown-item border-top py-2 text-center" href="#">View all</a>
  1795. </div>
  1796. </div><!-- dropdown-menu -->
  1797. </form>
  1799. <li class="nav-item">
  1800. <a class="nav-link" href="https://fansprime.com/creators">Explore</a>
  1801. </li>
  1803. <li class="nav-item">
  1804. <a class="nav-link" href="https://fansprime.com/shop">Shop</a>
  1805. </li>
  1807. </ul>
  1809. <ul class="navbar-nav ml-auto">
  1810. <li class="nav-item mr-1">
  1811. <a  data-toggle="modal" data-target="#loginFormModal"  class="nav-link login-btn " href="https://fansprime.com/login">
  1812. Login
  1813. </a>
  1814. </li>
  1815.  
  1816. <li class="nav-item">
  1817. <a  data-toggle="modal" data-target="#loginFormModal"  class="toggleRegister nav-link btn btn-main  btn-light  btn-register-menu pr-3 pl-3 btn-arrow btn-arrow-sm" href="https://fansprime.com/signup">
  1818. Getting started
  1819. </a>
  1820. </li>
  1823. </ul>
  1824. </div>
  1825. </div>
  1826. </nav>
  1827. </header>
  1828.  
  1829.  <main  role="main">
  1830.      <!-- jumbotron -->
  1831.  <div class="jumbotron homepage m-0 bg-gradient">
  1832.    <div class="container">
  1833.      <div class="row">
  1834.        <div class="col-lg-4 second">
  1835.          <h1 class="display-4 pt-5 mb-3 text-white text-center-sm">Earn profits with your content</h1>
  1836.          <p class="text-white text-center-sm">Sponzy is designed to help content creators on the web, create a free account and start making money now.</p>
  1837.          <p>
  1838.            <a href="https://fansprime.com/creators" class="btn btn-lg btn-main btn-outline-light btn-w-mb px-4 mr-2" role="button">Explore</a>
  1839.  
  1840.            <a class="btn btn-lg btn-main btn-light btn-w px-4 toggleRegister btn-arrow" href="https://fansprime.com/signup">
  1841.              Getting started</a>
  1842.          </p>
  1843.        </div>
  1844.        <div class="col-lg-8 first">
  1845.          <img src="https://fansprime.com/public/img/home_index-1728977665.png" class="img-center img-fluid">
  1846.        </div>
  1847.      </div>
  1848.    </div>
  1849.  </div>
  1850.  <!-- ./ jumbotron -->
  1851.  
  1852.  <div class="section py-5 py-large">
  1853.    <div class="container">
  1854.        <div class="btn-block text-center mb-5">
  1855.          <h1 class="txt-black">Start earning money now!</h1>
  1856.          <p>
  1857.            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ut tortor rutrum massa efficitur tincidunt vel nec lacus.
  1858.          </p>
  1859.          </div>
  1860.  
  1861.          <div class="row">
  1862.            <div class="col-lg-4">
  1863.              <div class="text-center">
  1864.                <img src="https://fansprime.com/public/img/image_index_1-1728978136.svg" class="img-center img-fluid" width="200">
  1865.                <h4 class="mt-1 txt-black">Create an free account</h4>
  1866.                <p class="text-muted mt-1">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  1867.              </div>
  1868.          </div>
  1869.  
  1870.          <div class="col-lg-4">
  1871.            <div class="text-center">
  1872.              <img src="https://fansprime.com/public/img/img_2.svg" class="img-center img-fluid" width="200">
  1873.              <h4 class="mt-1 txt-black">Create great content</h4>
  1874.              <p class="text-muted mt-1">Consectetur adipiscing elit. Integer ut tortor rutrum massa.</p>
  1875.            </div>
  1876.        </div>
  1877.  
  1878.        <div class="col-lg-4">
  1879.          <div class="text-center">
  1880.            <img src="https://fansprime.com/public/img/img_3.svg" class="img-center img-fluid" width="200">
  1881.            <h4 class="mt-1 txt-black">Grow your market</h4>
  1882.            <p class="text-muted mt-1">Ipsum dolor sit amet, consectetur adipiscing elit.</p>
  1883.          </div>
  1884.      </div>
  1885.  
  1886.      </div>
  1887.    </div>
  1888.  </div>
  1889.  
  1890.  <!-- Create profile -->
  1891.  <div class="section py-5 py-large">
  1892.    <div class="container">
  1893.      <div class="row align-items-center">
  1894.      <div class="col-12 col-lg-7 text-center mb-3">
  1895.        <img src="https://fansprime.com/public/img/image_index_4-1728977753.png" alt="User" class="img-fluid">
  1896.      </div>
  1897.      <div class="col-12 col-lg-5">
  1898.        <h1 class="m-0 card-profile txt-black">Create your profile in few minutes</h1>
  1899.        <div class="col-lg-9 col-xl-8 p-0">
  1900.          <p class="py-4 m-0 text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ut tortor rutrum massa efficitur tincidunt vel nec lacus. Curabitur porta aliquet diam, eu gravida neque lacinia in</p>
  1901.        </div>
  1902.        <a href="https://fansprime.com/signup" class="btn-arrow btn btn-lg btn-main btn-outline-primary btn-w px-4">
  1903.          Getting started
  1904.        </a>
  1905.      </div>
  1906.    </div>
  1907.    </div><!-- End Container -->
  1908.  </div><!-- End Section -->
  1909.  
  1910.  
  1911.  
  1912. <!-- Earnings simulator -->
  1913. <div class="section py-5 py-large">
  1914.  <div class="container mb-4">
  1915.    <div class="btn-block text-center">
  1916.      <h1 class="txt-black">Creators Earnings Simulator</h1>
  1917.      <p>
  1918.        Calculate how much you can earn based on the number of followers and their rate
  1919.      </p>
  1920.    </div>
  1921.    <div class="row">
  1922.      <div class="col-md-6">
  1923.        <label for="rangeNumberFollowers" class="w-100">
  1924.          Number of followers?
  1925.          <i class="feather icon-facebook mr-1"></i>
  1926.          <i class="feather icon-twitter mr-1"></i>
  1927.          <i class="feather icon-instagram"></i>
  1928.          <span class="float-right">
  1929.            #<span id="numberFollowers">1000</span>
  1930.          </span>
  1931.        </label>
  1932.        <input type="range" class="custom-range" value="0" min="1000" max="1000000" id="rangeNumberFollowers" onInput="$('#numberFollowers').html($(this).val())">
  1933.      </div>
  1934.  
  1935.      <div class="col-md-6">
  1936.        <label for="rangeMonthlySubscription" class="w-100">Monthly subscription price?
  1937.          <span class="float-right">
  1938.            $<span id="monthlySubscription">1</span>
  1939.        </span>
  1940.        </label>
  1941.        <input type="range" class="custom-range" value="0" onInput="$('#monthlySubscription').html($(this).val())" min="1" max="10000" id="rangeMonthlySubscription">
  1942.      </div>
  1943.  
  1944.      <div class="col-md-12 text-center mt-4">
  1945.        <h3 class="font-weight-light">You could earn an estimated
  1946.          <span class="font-weight-bold"><span id="estimatedEarn"></span> <small>USD</small></span>
  1947.          per month*</h3>
  1948.        <p class="mb-1">
  1949.          * Based on an estimate of 5% of your followers who subscribe (Does not include payment processor fees)
  1950.        </p>
  1951.                  <small class="w-100 d-block">* Includes the 10% platform fee</small>
  1952.              </div>
  1953.    </div>
  1954.  </div>
  1955. </div>
  1956.  
  1957.    <div class="jumbotron m-0 text-white text-center bg-gradient">
  1958.      <div class="container position-relative">
  1959.        <h1>What are you waiting for?</h1>
  1960.        <p>Start generating profits with your quality content</p>
  1961.        <p>
  1962.          <a href="https://fansprime.com/creators" class="btn btn-lg btn-main btn-outline-light btn-w-mb px-4 mr-2" role="button">Explore</a>
  1963.          <a class="btn-arrow btn btn-lg btn-main btn-light btn-w px-4 toggleRegister" href="https://fansprime.com/signup" role="button">
  1964.          Getting started
  1965.        </a>
  1966.        </p>
  1967.      </div>
  1968.    </div>
  1969.  
  1970.  
  1971.    
  1972.          
  1973.                                      <!-- FOOTER -->
  1974. <div class="py-5   footer_background_color footer_text_color   border-top ">
  1975. <footer class="container">
  1976.  <div class="row">
  1977.    <div class="col-md-3">
  1978.      <a href="https://fansprime.com">
  1979.                  <img src="https://fansprime.com/public/img/logo_2-1728977665.png" alt="Fansprime" class="max-w-125">
  1980.            </a>
  1981.            <div class="w-100">
  1982.        <span class="w-100">Keep connect with us! Follow us on any of these platforms</span>
  1983.        <ul class="list-inline list-social m-0">
  1984.                    <li class="list-inline-item"><a href="https://x.com/FansprimeGlobal" target="_blank" class="ico-social"><i class="bi-twitter-x"></i></a></li>
  1985.        
  1986.                  <li class="list-inline-item"><a href="https://www.facebook.com/profile.php?id=61566383770426" target="_blank" class="ico-social"><i class="fab fa-facebook"></i></a></li>
  1987.          
  1988.                    <li class="list-inline-item"><a href="https://www.instagram.com/fansprimeglobal/" target="_blank" class="ico-social"><i class="fab fa-instagram"></i></a></li>
  1989.        
  1990.          
  1991.          
  1992.          
  1993.                    <li class="list-inline-item"><a href="https://www.tiktok.com/@fansprime.com" target="_blank" class="ico-social"><i class="bi-tiktok"></i></a></li>
  1994.          
  1995.          
  1996.          
  1997.          
  1998.          
  1999.                  </ul>
  2000.      </div>
  2001.    
  2002.    <li>
  2003.      <div id="installContainer" class="display-none">
  2004.        <button class="btn btn-primary w-100 rounded-pill mb-4 mt-3" id="butInstall" type="button">
  2005.          <i class="bi-phone mr-1"></i> Install Web App
  2006.        </button>
  2007.      </div>
  2008.    </li>
  2009.  
  2010.    </div>
  2011.    <div class="col-md-3">
  2012.      <h6 class="text-uppercase">About</h6>
  2013.      <ul class="list-unstyled">
  2014.        
  2015.                <li>
  2016.            <a class="link-footer" href="https://fansprime.com/p/terms-of-service">
  2017.              Terms of Service
  2018.            </a>
  2019.        </li>
  2020.  
  2021.      
  2022.    
  2023.                <li>
  2024.            <a class="link-footer" href="https://fansprime.com/p/privacy">
  2025.              Privacy
  2026.            </a>
  2027.        </li>
  2028.  
  2029.      
  2030.    
  2031.                <li>
  2032.            <a class="link-footer" href="https://fansprime.com/p/about">
  2033.              About us
  2034.            </a>
  2035.        </li>
  2036.  
  2037.      
  2038.    
  2039.                <li>
  2040.            <a class="link-footer" href="https://fansprime.com/p/how-it-works">
  2041.              How it works
  2042.            </a>
  2043.        </li>
  2044.  
  2045.      
  2046.    
  2047.                <li>
  2048.            <a class="link-footer" href="https://fansprime.com/p/cookies">
  2049.              Cookies Policy
  2050.            </a>
  2051.        </li>
  2052.  
  2053.      
  2054.    
  2055.              <li><a class="link-footer" href="https://fansprime.com/contact">Contact us</a></li>
  2056.      
  2057.  
  2058.                  <li><a class="link-footer" href="https://fansprime.com/blog">Blog</a></li>
  2059.              </ul>
  2060.    </div>
  2061.                <div class="col-md-3">
  2062.        <h6 class="text-uppercase">Categories</h6>
  2063.        <ul class="list-unstyled">
  2064.                    <li>
  2065.            <a class="link-footer" href="https://fansprime.com/category/animation">
  2066.              Animation
  2067.            </a>
  2068.          </li>
  2069.                    <li>
  2070.            <a class="link-footer" href="https://fansprime.com/category/artist">
  2071.              Artist
  2072.            </a>
  2073.          </li>
  2074.                    <li>
  2075.            <a class="link-footer" href="https://fansprime.com/category/designer">
  2076.              Designer
  2077.            </a>
  2078.          </li>
  2079.                    <li>
  2080.            <a class="link-footer" href="https://fansprime.com/category/developer">
  2081.              Developer
  2082.            </a>
  2083.          </li>
  2084.                    <li>
  2085.            <a class="link-footer" href="https://fansprime.com/category/drawing-and-painting">
  2086.              Drawing and Painting
  2087.            </a>
  2088.          </li>
  2089.                    <li>
  2090.            <a class="link-footer" href="https://fansprime.com/category/others">
  2091.              Others
  2092.            </a>
  2093.          </li>
  2094.          
  2095.                      <li><a class="link-footer btn-arrow" href="https://fansprime.com/creators">Explore</a></li>
  2096.                    </ul>
  2097.      </div>
  2098.              <div class="col-md-3">
  2099.      <h6 class="text-uppercase">Links</h6>
  2100.      <ul class="list-unstyled">
  2101.              <li><a class="link-footer" href="https://fansprime.com/login">Login</a></li><li>
  2102.                  <li><a class="link-footer" href="https://fansprime.com/signup">Sign up</a></li><li>
  2103.                
  2104.                      <li class="dropdown mt-1">
  2105.          <a class="btn btn-outline-secondary rounded-pill mt-2 dropdown-toggle px-4 dropdown-toggle text-decoration-none" href="javascript:;" data-toggle="dropdown">
  2106.            <i class="feather icon-globe mr-1"></i>
  2107.                           English                                                </a>
  2108.  
  2109.        <div class="dropdown-menu">
  2110.                      <a  class="dropdown-item mb-1 dropdown-lang  active text-white ">
  2111.             <i class="fa fa-check mr-1"></i>  English
  2112.            </a>
  2113.                        <a  href="https://fansprime.com/change/lang/es"  class="dropdown-item mb-1 dropdown-lang ">
  2114.             Español
  2115.            </a>
  2116.                    </div>
  2117.        </li>
  2118.          
  2119.      </ul>
  2120.    </div>
  2121.  </div>
  2122. </footer>
  2123. </div>
  2124.  
  2125. <footer class="py-3  footer_background_color  text-center">
  2126.  <div class="container">
  2127.    <div class="row">
  2128.          <div class="col-md-12 copyright ">
  2129.        &copy; 2024 Fansprime, All rights reserved.
  2130.  
  2131.              </div>
  2132.    </div>
  2133.  </div>
  2134. </footer>
  2135.                  
  2136.          
  2137.  
  2138.  
  2139.        <div class="modal fade" id="loginFormModal" tabindex="-1" role="dialog" aria-labelledby="modal-form" aria-hidden="true">
  2140. <div class="modal-dialog modal-dialog-centered modal-sm modal-login" role="document">
  2141. <div class="modal-content">
  2142. <div class="modal-body p-0">
  2143. <div class="card-body px-lg-5 py-lg-5 position-relative">
  2144.  
  2145. <h6 class="modal-title text-center mb-3" id="loginRegisterContinue">Login to continue</h6>
  2146.  
  2147. <div class="mb-2 w-100">
  2148.  
  2151. <a href="https://fansprime.com/oauth/google" class="btn btn-google auth-form-btn flex-grow w-100">
  2152. <img src="https://fansprime.com/public/img/google.svg" class="mr-2" width="18" height="18"> <span class="loginRegisterWith">Login with</span> Google
  2153. </a>
  2154. </div>
  2155.  
  2156. <small class="btn-block text-center my-3 text-uppercase or">or</small>
  2158. <form method="POST" action="https://fansprime.com/login" data-url-login="https://fansprime.com/login" data-url-register="https://fansprime.com/signup" id="formLoginRegister" enctype="multipart/form-data">
  2159. <input type="hidden" name="_token" value="73StpVK2ggz9yfHi34C4L6SOpM1ITaYBmRRGi7AN" autocomplete="off">
  2161. <input type="hidden" name="isModal" id="isModal" value="true">
  2162.  
  2163. <div class="form-group mb-3 display-none" id="full_name">
  2164. <div class="input-group input-group-alternative">
  2165. <div class="input-group-prepend">
  2166. <span class="input-group-text"><i class="feather icon-user"></i></span>
  2167. </div>
  2168. <input class="form-control"  value="" placeholder="Full name" name="name" type="text">
  2169. </div>
  2170. </div>
  2171.  
  2172. <div class="form-group mb-3 display-none" id="email">
  2173. <div class="input-group input-group-alternative">
  2174. <div class="input-group-prepend">
  2175. <span class="input-group-text"><i class="feather icon-mail"></i></span>
  2176. </div>
  2177. <input class="form-control" value="" placeholder="Email" name="email" type="text">
  2178. </div>
  2179. </div>
  2180.  
  2181. <div class="form-group mb-3" id="username_email">
  2182. <div class="input-group input-group-alternative">
  2183. <div class="input-group-prepend">
  2184. <span class="input-group-text"><i class="feather icon-mail"></i></span>
  2185. </div>
  2186. <input class="form-control" value="" placeholder="Username or Email" name="username_email" type="text">
  2187.  
  2188. </div>
  2189. </div>
  2190. <div class="form-group">
  2191. <div class="input-group input-group-alternative" id="showHidePassword">
  2192. <div class="input-group-prepend">
  2193. <span class="input-group-text"><i class="iconmoon icon-Key"></i></span>
  2194. </div>
  2195. <input name="password" type="password" class="form-control" placeholder="Password">
  2196. <div class="input-group-append">
  2197. <span class="input-group-text c-pointer"><i class="feather icon-eye-off"></i></span>
  2198. </div>
  2199. </div>
  2200. <small class="form-text text-muted">
  2201. <a href="https://fansprime.com/password/reset" id="forgotPassword">
  2202. Forgot Password?
  2203. </a>
  2204. </small>
  2205. </div>
  2206.  
  2207. <div class="custom-control custom-control-alternative custom-checkbox" id="remember">
  2208. <input class="custom-control-input" id=" customCheckLogin" type="checkbox" name="remember" >
  2209. <label class="custom-control-label" for=" customCheckLogin">
  2210. <span>Remember me</span>
  2211. </label>
  2212. </div>
  2213.  
  2214. <div class="custom-control custom-control-alternative custom-checkbox display-none" id="agree_gdpr">
  2215. <input class="custom-control-input" id="customCheckRegister" type="checkbox" name="agree_gdpr">
  2216. <label class="custom-control-label" for="customCheckRegister">
  2217. <span>
  2218. I agree with the processing of personal data
  2219. <a href="https://fansprime.com/p/terms-of-service" target="_blank">Terms and Conditions</a>
  2220.                         and
  2221. <a href="https://fansprime.com/p/privacy" target="_blank">Privacy Policy</a>
  2222. </span>
  2223. </label>
  2224. </div>
  2225.  
  2226. <div class="alert alert-danger display-none mb-0 mt-3" id="errorLogin">
  2227. <ul class="list-unstyled m-0" id="showErrorsLogin"></ul>
  2228. </div>
  2229.  
  2230. <div class="alert alert-success display-none mb-0 mt-3" id="checkAccount"></div>
  2231.  
  2232. <div class="text-center">
  2233. <button type="submit" id="btnLoginRegister" class="btn btn-primary mt-4 w-100"><i></i> Login</button>
  2235. <div class="w-100 mt-2">
  2236. <button type="button" class="btn e-none p-0" data-dismiss="modal">Cancel</button>
  2237. </div>
  2238. </div>
  2239. </form>
  2240.  
  2242. <div class="row mt-3">
  2243. <div class="col-12 text-center">
  2244. <a href="javascript:void(0);" id="toggleLogin" data-not-account="Don&#039;t have an account?" data-already-account="Already have an account?" data-text-login="Login" data-text-register="Sign up">
  2245. <strong>Don&#039;t have an account?</strong>
  2246. </a>
  2247. </div>
  2248. </div>
  2251. </div><!-- ./ card-body -->
  2252. </div>
  2253. </div>
  2254. </div>
  2255. </div>
  2256.    
  2257.  
  2258.  
  2259.      <div class="modal fade" id="modal2fa" tabindex="-1" role="dialog" aria-labelledby="modal-form" aria-hidden="true">
  2260. <div class="modal-dialog modal- modal-dialog-centered modal-sm" role="document">
  2261. <div class="modal-content">
  2262.          <div class="modal-body p-0">
  2263.            <div class="card bg-white shadow border-0">
  2264. <div class="card-body px-lg-5 py-lg-5 position-relative">
  2265. <div class="mb-3">
  2266.  
  2267. <h6><i class="bi bi-shield-lock mr-1"></i> Two-Step Authentication</h6>
  2268.  
  2269. <small>We have sent you a code to your email</small>
  2270. </div>
  2271.  
  2272. <form method="post" action="https://fansprime.com/verify/2fa" id="formVerify2fa">
  2273. <input type="hidden" name="_token" value="73StpVK2ggz9yfHi34C4L6SOpM1ITaYBmRRGi7AN" autocomplete="off">
  2275. <input type="number" autocomplete="off" id="onlyNumber" onKeyPress="if(this.value.length==4) return false;" class="form-control mb-2" name="code" placeholder="Enter the code">
  2276.  
  2277. <small class="form-text text-muted m-0">
  2278.                    <a href="javascript:void(0);" class="resend_code">
  2279. <i class="bi bi-arrow-counterclockwise"></i> <span id="resendCode">Resend code</span>
  2280.                    </a>
  2281.                  </small>
  2282.  
  2283. <div class="alert alert-danger display-none mt-2" id="errorModal2fa">
  2284. <ul class="list-unstyled m-0" id="showErrorsModal2fa"></ul>
  2285. </div>
  2286.  
  2287. <div class="text-center">
  2288. <button type="submit" id="btn2fa" class="btn btn-primary mt-3">
  2289. <i></i> Send
  2290. </button>
  2291.                  </div>
  2292.                </form>
  2293.              </div>
  2294.            </div>
  2295.          </div>
  2296.        </div>
  2297. </div>
  2298. </div><!-- End Modal 2FA -->
  2299.  </main>
  2300.  
  2301.  <script src="https://fansprime.com/public/js/core.min.js?v=5.9"></script>
  2302. <script src="https://fansprime.com/public/js/bootstrap.bundle.min.js"></script>
  2303. <script src="https://fansprime.com/public/js/jqueryTimeago_en.js"></script>
  2304. <script src="https://fansprime.com/public/js/lazysizes.min.js" async=""></script>
  2305. <script src="https://fansprime.com/public/js/plyr/plyr.min.js?v=5.9"></script>
  2306. <script src="https://fansprime.com/public/js/plyr/plyr.polyfilled.min.js?v=5.9"></script>
  2307. <script src="https://fansprime.com/public/js/app-functions.js?v=5.9"></script>
  2308.  
  2309. <script src="https://fansprime.com/public/js/install-app.js?v=5.9"></script>
  2310.  
  2311.  
  2312.  
  2313. <script type="text/javascript">
  2314. const lightbox = GLightbox({
  2315.    touchNavigation: true,
  2316.    loop: false,
  2317.    closeEffect: 'fade'
  2318. });
  2319.  
  2320. </script>
  2321.  
  2322. <script type="text/javascript">
  2323. //<---------------- Login Register ----------->>>>
  2324. onSubmitformLoginRegister = function() {
  2325.  sendFormLoginRegister();
  2326. }
  2327.  
  2328. if (! captcha) {
  2329.    $(document).on('click','#btnLoginRegister',function(s) {
  2330. s.preventDefault();
  2331. sendFormLoginRegister();
  2332. });//<<<-------- * END FUNCTION CLICK * ---->>>>
  2333. }
  2334.  
  2335. function sendFormLoginRegister() {
  2336. var element = $(this);
  2337. $('#btnLoginRegister').attr({'disabled' : 'true'});
  2338. $('#btnLoginRegister').find('i').addClass('spinner-border spinner-border-sm align-middle mr-1');
  2339.  
  2340. (function(){
  2341. $("#formLoginRegister").ajaxForm({
  2342. dataType : 'json',
  2343. success:  function(result) {
  2344.  
  2345.         if (result.actionRequired) {
  2346.           $('#modal2fa').modal({
  2347.        backdrop: 'static',
  2348.        keyboard: false,
  2349.     show: true
  2350.     });
  2351.  
  2352.            $('#loginFormModal').modal('hide');
  2353.           return false;
  2354.         }
  2355.  
  2356. // Success
  2357. if (result.success) {
  2358.  
  2359.           if (result.isModal && result.isLoginRegister) {
  2360.             window.location.reload();
  2361.           }
  2362.  
  2363. if (result.url_return && ! result.isModal) {
  2364. window.location.href = result.url_return;
  2365. }
  2366.  
  2367. if (result.check_account) {
  2368. $('#checkAccount').html(result.check_account).fadeIn(500);
  2369.  
  2370. $('#btnLoginRegister').removeAttr('disabled');
  2371. $('#btnLoginRegister').find('i').removeClass('spinner-border spinner-border-sm align-middle mr-1');
  2372. $('#errorLogin').fadeOut(100);
  2373. $("#formLoginRegister").reset();
  2374. }
  2375.  
  2376. }  else {
  2377.  
  2378. if (result.errors) {
  2379. var error = '';
  2380. var $key = '';
  2381.  
  2382. for ($key in result.errors) {
  2383. error += '<li><i class="far fa-times-circle"></i> ' + result.errors[$key] + '</li>';
  2384. }
  2385.  
  2386. $('#showErrorsLogin').html(error);
  2387. $('#errorLogin').fadeIn(500);
  2388. $('#btnLoginRegister').removeAttr('disabled');
  2389. $('#btnLoginRegister').find('i').removeClass('spinner-border spinner-border-sm align-middle mr-1');
  2390.  
  2391. if (captcha) {
  2392. grecaptcha.reset();
  2393. }
  2394. }
  2395. }
  2396. },
  2397.  
  2398. statusCode: {
  2399. 419: function() {
  2400. window.location.reload();
  2401. }
  2402. },
  2403. error: function(responseText, statusText, xhr, $form) {
  2404. // error
  2405. $('#btnLoginRegister').removeAttr('disabled');
  2406. $('#btnLoginRegister').find('i').removeClass('spinner-border spinner-border-sm align-middle mr-1');
  2407. swal({
  2408. type: 'error',
  2409. title: error_oops,
  2410. text: error_occurred+' ('+xhr+')',
  2411. });
  2413. if (captcha) {
  2414. grecaptcha.reset();
  2415. }
  2416. }
  2417. }).submit();
  2418. })(); //<--- FUNCTION %
  2419. }
  2420. </script>
  2421.  
  2422.  
  2423.    <script type="text/javascript">
  2424.  
  2425.  function decimalFormat(nStr)
  2426.  {
  2427.         var $decimalDot = '.';
  2428.     var $decimalComma = ',';
  2429.    
  2430.          var currency_symbol_left = '$';
  2431.     var currency_symbol_right = '';
  2432.    
  2433.      nStr += '';
  2434.      var x = nStr.split('.');
  2435.      var x1 = x[0];
  2436.      var x2 = x.length > 1 ? $decimalDot + x[1] : '';
  2437.      var rgx = /(\d+)(\d{3})/;
  2438.      while (rgx.test(x1)) {
  2439.          var x1 = x1.replace(rgx, '$1' + $decimalComma + '$2');
  2440.      }
  2441.      return currency_symbol_left + x1 + x2 + currency_symbol_right;
  2442.    }
  2443.  
  2444.    function earnAvg() {
  2445.      var fee = 10;
  2446.             $decimal = 2;
  2447.      
  2448.      var monthlySubscription = parseFloat($('#rangeMonthlySubscription').val());
  2449.      var numberFollowers = parseFloat($('#rangeNumberFollowers').val());
  2450.  
  2451.      var estimatedFollowers = (numberFollowers * 5 / 100)
  2452.      var followersAndPrice = (estimatedFollowers * monthlySubscription);
  2453.      var percentageAvgFollowers = (followersAndPrice * fee / 100);
  2454.      var earnAvg = followersAndPrice - percentageAvgFollowers;
  2455.  
  2456.      return decimalFormat(earnAvg.toFixed($decimal));
  2457.    }
  2458.   $('#estimatedEarn').html(earnAvg());
  2459.  
  2460.   $("#rangeNumberFollowers, #rangeMonthlySubscription").on('change', function() {
  2461.  
  2462.     $('#estimatedEarn').html(earnAvg());
  2463.  
  2464.   });
  2465.  </script>
  2466.  
  2467.  
  2469.  
  2470. </body>
  2471. </html>
  2472.  

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda