PageSourceSearch

https://userinterface.us/search

html userinterface.us collected 2026-10-01 11:36:37 UTC 169,174 bytes, 2,959 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3   <head>
4      <title>Search | UserInterface</title>
5      <meta http-equiv="Content-type" content="text/html; charset=UTF-8">
6      <meta name="title" content="Search | UserInterface">
7      <meta name="description" content="">
8      <meta name="keywords" content="">
9      <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
10      <meta name="pinterest-rich-pin" content="false" />
11      <link rel="alternate" href="https://userinterface.us?lang=arabic" hreflang="ar" /><link rel="alternate" href="https://userinterface.us?lang=bengali" hreflang="" /><link rel="alternate" href="https://userinterface.us?lang=chinese" hreflang="" /><link rel="alternate" href="https://userinterface.us?lang=croatian" hreflang="" /><link rel="alternate" href="https://userinterface.us?lang=danish" hreflang="" /><link rel="alternate" href="https://userinterface.us?lang=dutch" hreflang="nl" /><link rel="alternate" href="https://userinterface.us?lang=english" hreflang="en" /><link rel="alternate" href="https://userinterface.us?lang=filipino" hreflang="" /><link rel="alternate" href="https://userinterface.us?lang=french" hreflang="fr" /><link rel="alternate" href="https://userinterface.us?lang=german" hreflang="de" /><link rel="alternate" href="https://userinterface.us?lang=hebrew" hreflang="" /><link rel="alternate" href="https://userinterface.us?lang=hindi" hreflang="" /><link rel="alternate" href="https://userinterface.us?lang=indonesian" hreflang="" /><link rel="alternate" href="https://userinterface.us?lang=italian" hreflang="it" /><link rel="alternate" href="https://userinterface.us?lang=japanese" hreflang="" /><link rel="alternate" href="https://userinterface.us?lang=korean" hreflang="" /><link rel="alternate" href="https://userinterface.us?lang=persian" hreflang="" /><link rel="alternate" href="https://userinterface.us?lang=portuguese" hreflang="pt" /><link rel="alternate" href="https://userinterface.us?lang=russian" hreflang="ru" /><link rel="alternate" href="https://userinterface.us?lang=spanish" hreflang="es" /><link rel="alternate" href="https://userinterface.us?lang=swedish" hreflang="" /><link rel="alternate" href="https://userinterface.us?lang=turkish" hreflang="tr" /><link rel="alternate" href="https://userinterface.us?lang=urdu" hreflang="" /><link rel="alternate" href="https://userinterface.us?lang=vietnamese" hreflang="" />                                                                                       <link rel="canonical" href="https://userinterface.us/search" />
12            <link rel="shortcut icon" type="image/png" href="https://userinterface.us/themes/sunshine/img/icon.png"/>
13      <link rel="stylesheet" href="https://userinterface.us/themes/sunshine/stylesheet/general-style-plugins.css?version=4.3.4">
14            
15      <style>
16        .opacity_start {
17          opacity: 0; 
18          transition: all 0.5s;
19        }
20        .opacity_stop {
21          opacity: 1; 
22          transition: all 0.5s;
23        }
24      </style>
25
26            
26<script src="https://userinterface.us/themes/sunshine/javascript/twilio-video.min.js?version=4.3.4"></script>
26
27      <link rel="stylesheet" href="https://userinterface.us/themes/sunshine/stylesheet/style.css?version=4.3.4">
28            <link rel="stylesheet" href="https://userinterface.us/themes/sunshine/stylesheet/font-awesome-4.7.0/css/font-awesome.min.css?version=4.3.4">
29	  
30	  <link rel="preconnect" href="https://fonts.googleapis.com">
31	  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
32	  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&family=Roboto:wght@400;500&family=Mulish:wght@700&family=Source+Sans+Pro&family=Montserrat:wght@500&family=Inter&family=Rubik:wght@500&display=swap" rel="stylesheet">
33
34	  
35     
36      
36<script src="https://userinterface.us/themes/sunshine/javascript/jquery-3.1.1.min.js?version=4.3.4"></script>
36
37      
37<script src="https://userinterface.us/themes/sunshine/javascript/jquery.ui.touch-punch.min.js?version=4.3.4"></script>
37
38
39            <link rel="stylesheet" href="https://userinterface.us/themes/sunshine/stylesheet/bootstrap-select.min.css?version=4.3.4">
40      
40<script src="https://userinterface.us/themes/sunshine/javascript/bootstrap-select.min.js?version=4.3.4"></script>
40
41      
42	        <link rel="stylesheet" href="https://userinterface.us/themes/sunshine/stylesheet/leaflet.css?version=4.3.4">
43      
43<script src="https://userinterface.us/themes/sunshine/javascript/leaflet.js?version=4.3.4"></script>
43
44      
45      
46              <link rel="stylesheet" href="https://userinterface.us/themes/sunshine/stylesheet/movies/style.movies.css?version=4.3.4" />
47      
48                  <link rel="stylesheet" href="https://userinterface.us/themes/sunshine/player/fluidplayer.min.css?version=4.3.4" type="text/css"/>
49      
49<script src="https://userinterface.us/themes/sunshine/player/fluidplayer.min.js?version=4.3.4"></script>
49
50	  
51	  <link rel="stylesheet" href="https://userinterface.us/themes/sunshine/player/plyr.css?version=4.3.4" type="text/css"/>
52      
52<script src="https://userinterface.us/themes/sunshine/player/plyr.js?version=4.3.4"></script>
52
53	  
54            <style>
55      /* 
56
57Add here your custom css styles Example: p { text-align: center; color: red; } 
58
59*/      </style>
60            
60<script src="https://userinterface.us/themes/sunshine/javascript/html2pdf.bundle.js?version=4.3.4"></script>
60
61      
61<script src="https://userinterface.us/themes/sunshine/javascript/qrcode.js?version=4.3.4"></script>
61
62      
63      
64      
64<script type="text/javascript">
65         /* 
66Add here your JavaScript Code. 
67Note. the code entered here will be added in <head> tag 
68
69
70	Example: 
71
72	var x, y, z; 
73	x = 5; d asd asd asd 
74	y = 6; 
75	z = x + y;
76
77*/         function Wo_Ajax_Requests_File(){
78            return "https://userinterface.us/requests.php"
79         }
80               function RunLiveAgora(channelName,DIV_ID,token) {
81  var agoraAppId = '';
82  var token = token;
83
84  var client = AgoraRTC.createClient({mode: 'live', codec: 'vp8'});
85  client.init(agoraAppId, function () {
86
87
88      client.setClientRole('audience', function() {
89    }, function(e) {
90    });
91      let rand = Math.floor(Math.random() * 1000000);
92
93    client.join(token, channelName, rand, function(uid) {
94    }, function(err) {
95    });
96    }, function (err) {
97    });
98
99    client.on('stream-added', function (evt) {
100    var stream = evt.stream;
101    var streamId = stream.getId();
102
103    client.subscribe(stream, function (err) {
104    });
105  });
106  client.on('stream-subscribed', function (evt) {
107    var remoteStream = evt.stream;
108    remoteStream.play(DIV_ID);
109    $('#player_'+remoteStream.getId()).addClass('embed-responsive-item');
110  });
111}
112      </script>
112
113      <!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 113-114
113
114<script async src="https://www.googletagmanager.com/gtag/js?id=
114G-L9KHN62M1W
vendor: 12 bytes, line 114
114"></script>
115<script>
116  
vendor: 134 bytes, lines 116-120
116window.dataLayer = window.dataLayer || [];
117  function gtag(){dataLayer.push(arguments);}
118  gtag('js', new Date());
119
120  gtag('config', '
120G-L9KHN62M1W
vendor: 4 bytes, line 120
120');
121</script>
121
122
123<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-0975675460745073"
124     crossorigin="anonymous"></script>
124
125    <style>
126@font-face {
127    font-family: OpenSansLight;
128    src: url("https://userinterface.us/themes/sunshine/fonts/OpenSansLight/OpenSansLight.woff") format("woff");
129    font-weight: normal;
130}
131@font-face {
132    font-family: OpenSansRegular;
133    src: url("https://userinterface.us/themes/sunshine/fonts/OpenSansRegular/OpenSansRegular.woff") format("woff");
134    font-weight: normal;
135}
136@font-face {
137    font-family: OpenSansSemiBold;
138    src: url("https://userinterface.us/themes/sunshine/fonts/OpenSansSemiBold/OpenSansSemiBold.woff") format("woff");
139    font-weight: normal;
140}
141@font-face {
142    font-family: OpenSansBold;
143    src: url("https://userinterface.us/themes/sunshine/fonts/OpenSansBold/OpenSansBold.woff") format("woff");
144    font-weight: normal;
145}
146@font-face {
147    font-family: Gilroy-ExtraBold;
148    src: url("https://userinterface.us/themes/sunshine/fonts/Gilroy-ExtraBold.otf") format("opentype");
149    font-weight: normal;
150}
151@font-face {
152    font-family: Vodafone Rg;
153    src: url("https://userinterface.us/themes/sunshine/fonts/vodafone.ttf") format("truetype");
154    font-weight: normal;
155}
156@font-face {
157    font-family: Vodafone ExB;
158    src: url("https://userinterface.us/themes/sunshine/fonts/VodafoneExBd.ttf") format("truetype");
159    font-weight: normal;
160}
161:root {
162	--plyr-color-main: #c64d53 ;
163	--main-color: #c64d53 ;
164}
165
166.icon_main {
167	stroke: #c64d53;
168}
169
170.wo_page_profile .options-buttons .btn.btn-success, .wo_page_profile .options-buttons .btn.btn-info, .wo_vew_apld_msg .btn {
171	color: #c64d53;
172}
173.wo_page_profile .options-buttons .btn.btn-success:hover, .wo_page_profile .options-buttons .btn.btn-info:hover, .wo_vew_apld_msg .btn:hover, .right_user_info .flex_stats li .badge {
174	background: #c64d53;
175	color: #ffffff;
176}
177
178#wo_sidebar_users .btn-default.wo_follow_btn .icon_main {
179	stroke: #c64d53 !important;
180}
181.icon_main_fill {
182	fill: #c64d53;
183}
184.wo_follow_btn {
185    background: #c64d53 !important;
186}
187
188.user-status-home ul.status-list li.create_new .avatar:before {
189    background: linear-gradient(135.87deg, #c64d53 1.25%, #3F4354 51.73%, rgba(198, 77, 83, 0.17) 77.22%);
190}
191.go_pro_table_background .plan_foot .btn {
192	color: #c64d53;
193}
194.select_radio_btn .sr_btn_lab_innr:hover, .select_radio_btn label > input:checked ~ .sr_btn_lab_innr {
195	box-shadow: 0px 0px 0px 2px #c64d53 !important;
196}
197.select_radio_btn label > input:checked ~ .sr_btn_lab_innr > span {
198    color: #c64d53 !important;
199}
200
201@media (min-width: 992px) {
202::-webkit-scrollbar-thumb {
203    background: #c64d53;
204}
205}
206
207.wo_prof_des_toggle .round-check input:checked+label {
208	border-color: #c64d53;
209}
210.wo_prof_des_toggle .round-check input:checked+label span {
211	color: #c64d53;
212	background: transparent;
213}
214
215.chat-messages-wrapper .message.wo_msg_prod_prnt .product-price, .message-contnaier .wo_msg_prod_prnt .product-price {
216	color: #c64d53;
217}
218
219.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
220	background: #c64d53;
221	color: #ffffff;
222}
223
224.wow_htag a svg {
225    color:  #c64d53 !important;
226}
227.wo_follow_btn:hover {
228    background: #dd6a70 !important;
229}
230.wo_following_btn {
231	background: #c64d53 !important;
232}
233.wo_following_btn:hover {
234	background: #dd6a70 !important;
235}
236#progress .progress, #percent, .load-more .btn, .wow_price_plan .plan_body p svg {
237	color: #c64d53;
238}
239.fund_raise_bar .progress .progress-bar, .fundings_footer .progress .progress-bar {
240	background: #c64d53;
241}
242.go_pro_table_background, .go_pro_table_background .main, .go_pro_table_background .plan_body p svg, .messages-recipients-list.active .messages-user-name, .messages-recipients-list.active .msg_rght_prt > .user_nname, .messages-recipients-list.active .messages-last-sent {
243	color: #ffffff !important;
244}
245.go_pro_table_background:before {
246    background-color: #c64d53;
247}
248
249.friends_nearby_status_ul li.active, #search-nearby-users .nearby-users-gender-collapse ul li.active, .wow_srch_innr_filtr .round_check input:checked+label {
250	color: #ffffff;
251    background-color: #c64d53;
252}
253
254input.cusrange[type=range]::-webkit-slider-thumb {
255    background-color: #c64d53;
256    box-shadow: none;
257}
258
259
260
261.navbar-default {
262    background: #fff; border: none;
263    height: 70px;box-shadow: 0 1px 6px rgb(0 0 0 / 5%);
264}
265
266.round-check input[type="checkbox"]:checked + label:before, .round-check input[type="radio"]:checked + label:before {
267    background: #c64d53 !important;
268}
269.group-messages-wrapper a{
270    color: #c64d53 !important;
271}
272ul.profile-completion-bar li.completion-bar div.completion-bar-status {
273    background: #c64d53 !important;
274}
275.wow_big_head_link ul li.active a, #wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .wo_msg_tabs li.active a, .messages-recipients-list.active {
276  background: #c64d53;
277  color: #ffffff;
278}
279.wo_chat_tabs li.active a {
280  background: #c64d53 !important;
281  color: #ffffff !important;
282}
283.result-bar {
284    background: #c64d53 !important;
285}
286.featured-users {
287	background: #c64d53;
288  color: #ffffff;
289}
290.featured-users .sidebar-title-back, .featured-users .pro-me-here, .wo_pro_users li .user span {
291    color: #ffffff !important;
292}
293
294.lang_select_modal .language_info {
295    background: #c64d53}
296.lang_select_modal .language_info h3 {
297	color: #ffffff;
298}
299
300
301
302.avtive {
303    border-color: #c64d53 !important;
304}
305
306.new-update-alert {
307    background: #dd6a70;
308	color: #ffffff;
309}
310
311#wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .inner-addon .btn_contr {
312	background: #c64d53;
313	color: #ffffff;
314}
315#wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .inner-addon button.btn {
316	color: #ffffff;
317}
318#wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .inner-addon button.btn:hover {
319	background: #dd6a70;
320}
321
322.green-audio-player svg path {
323	fill: #c64d53;
324}
325.green-audio-player .slider .gap-progress, .green-audio-player .slider .gap-progress .pin {
326	background-color: #c64d53 !important;
327}
328
329.add_as_cont_list label input:checked+div {
330    background-color: #c64d53;
331    color: #ffffff;
332}
333
334.barloading {
335  background-color: rgb(165 39 41 / 6%) !important;
336}
337.barloading:before {
338    background-color: #c64d53;
339}
340.left-sidebar ul li a i {
341    color: #c64d53 !important;
342}
343.cs-loader-inner, .main  {
344    color: #c64d53;
345}
346.login input:focus, ul.profile-completion-bar li.completion-bar div.completion-bar-wrapper, .edit_grp_info_modal input.form-control:not(textarea):focus, .verfy_sett_email_phone input.form-control:not(textarea):focus {
347    border-color: #c64d53 !important;
348}
349.login:not(.loading) button:hover {
350    background: #dd6a70 !important;
351    color: #ffffff;
352}
353.wo_setting_sidebar ul .list-group-item{
354    background: #c64d53 !important;
355}
356.wo_setting_sidebar ul .list-group-item a{
357    color: #ffffff;
358}
359.wo_settings_page .setting-panel input[type=text]:focus, .wo_settings_page .setting-panel input[type=email]:focus, .wo_settings_page .setting-panel input[type=password]:focus, .wo_settings_page .setting-panel select:focus, .wo_settings_page .setting-panel textarea:focus {
360    border-color: #03A9F4;
361}
362
363#search-nearby-users .nearby-users-relationship-collapse li.active .friends_toggle{
364    border-color: #c64d53;
365}
366#search-nearby-users .nearby-users-relationship-collapse li.active .friends_toggle:after{
367    background: #c64d53;
368}
369.wo_page_hdng_menu > ul li.active a {
370    box-shadow: inset 0px -2.5px #c64d53;
371}
372.login button, .postCategory h5, .wo_search_page .nav-tabs li.active a {
373    background: #c64d53 !important;
374    color: #ffffff !important;
375}
376.mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
377    background-color: #c64d53 !important;
378    background: #c64d53 !important;
379    background-image: #c64d53 !important;
380}
381.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
382    background-color: #f4f4f4 !important;
383}
384.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .nav-names li:hover {
385    color: #ffffff !important;
386    background-color: #333333 !important;
387}
388body {
389    background-color: #f0f2f5;
390}
391.navbar-default .navbar-nav>li>a {
392    color: #222;
393    font-size: 13px;
394	height: auto;padding-top: 18px;
395    padding-bottom: 18px;
396}
397
398.btn-main, .wo_following_btn {
399    color: #ffffff;
400    background-color: #c64d53;
401    border-color: #c64d53;
402}
403.btn-main:hover, .wo_following_btn:hover {
404    color: #ffffff;
405    background-color: #dd6a70;
406    border-color: #dd6a70;
407}
408
409.wow_mat_mdl .modal-footer .btn.main {
410    color: #ffffff !important;
411    background-color: #c64d53;
412}
413.wow_mat_mdl .modal-footer .btn.main:hover {
414    color: #ffffff !important;
415    background-color: #dd6a70;
416}
417
418.sun_pub_privacy_menu li label input[type="radio"]:checked+span{
419	color: #ffffff;
420    background: #c64d53;
421}
422
423#wo_home_btns.btn-main {
424	 color: #ffffff !important;
425}
426
427.wow_pops_head {
428    /*background: #dd6a70;*/
429}
430.btn-main:focus {
431	color: #ffffff;
432}
433.active-wonder {
434    color: #c64d53;
435}
436.admin-panel .col-md-9 .list-group-item:first-child, .setting-panel .col-md-8 .list-group-item:first-child, .profile-lists .list-group-item:first-child, .col-md-8 .list-group-item:first-child, .col-md-3.custom .list-group-item:first-child, .col-sm-4 .list-group-item:first-child, .col-md-7 .list-group-item:first-child, .col-md-9 .list-group-item:first-child, .red-list .list-group-item:first-child, .active.list-group-item:first-child {
437     color: #444;
438     background-color: #fcfcfc;
439     border-bottom: 1px solid #f1f1f1;
440     padding: 18px;
441}
442.admin-panel .col-md-9 .list-group-item:first-child a, .setting-panel .col-md-8 .list-group-item:first-child a, .profile-lists .list-group-item:first-child a, .col-md-8 .list-group-item:first-child a, .col-md-7 .list-group-item:first-child a, .active.list-group-item:first-child a {
443    color: #444 !important;
444}
445.list-group-item.black-list.active-list, .red-list.active-list {
446    color: #ffffff;
447    background-color: #c64d53;
448}
449.list-group-item.black-list {
450    background: #c64d53;
451}
452.profile-top-line {
453    background-color: #c64d53;
454}
455#bar {
456    background-color: #c64d53;
457}
458.list-group-item.black-list a{
459    color: #ffffff;
460}
461.list-group-item.black-list.active-list a{
462    color: #c64d53;
463}
464.main-color, .small-text a, .show-message-link-container a, .search-advanced-container a {
465    color: #c64d53 !important;
466}
467.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
468    color: #ffffff;
469    cursor: default;
470    color: #c64d53;
471    border-bottom: 1px solid #c64d53;
472    background-color: transparent
473}
474.btn-active {
475    color: #ffffff;
476    background: #c64d53;
477    outline: none;
478    border: 1px solid #c64d53}
479.btn-active:hover, .btn-active:focus {
480    border: 1px solid #dd6a70;
481    color: #ffffff;
482    background: #dd6a70;
483}
484.btn-active-color:hover {
485    background: #dd6a70;
486}
487
488.chat-tab .chat-textarea .chat-btns-w .chat_optns {
489    color: #c64d53;
490    fill: #c64d53;
491}
492
493.profile-style .user-follow-button button.btn-active, .btn-login, .btn-register {
494    background: #c64d53;
495    color: #ffffff;
496}
497.profile-style .user-follow-button button.btn-active:hover, .btn-login:hover, .btn-login:focus, .btn-register:hover, .btn-register:focus {
498    color: #ffffff;
499    background: #dd6a70;
500}
501.panel-login>.panel-heading a.active {
502    color: #c64d53;
503    font-size: 18px;
504}
505.hash {
506    color: #c64d53;
507}
508.message-text .hash {
509    color: #fff !important;
510}
511.search-container .search-input {
512    color: #222 !important;
513    background: #F2F2F2 !important;
514}
515.chat-messages-wrapper .outgoing .message-text {
516    background: #c64d53;
517    color: #ffffff;
518}
519.normal-container {
520    width: 100%;
521    height: 100%;
522    margin-top: 15px;
523}
524.active.fa-thumbs-up {
525    color: #c64d53;
526}
527.api-ex-urls {
528    background-color: #c64d53; color: #ffffff;
529}
530.user-username {
531    color: #c64d53;
532}
533.upload-image {
534    border: 3px dashed #c64d53;
535}
536.events-tab-list li { background-color: #c64d53; }
537.events-tab-list li:hover { background-color: #c64d53; }
538.active-e-tab { background-color: #c64d53 !important; }
539.main { color: #c64d53 !important; }
540.events-list-dropup-menu ul li a:hover { background: #c64d53; }
541.usr-offline { color: #c64d53; }
542.blog-dd-ul li span:hover, .blog-dd-ul li a:hover { background: #c64d53 !important; }
543.blog_publ {background: #c64d53 ; border: 1px solid #c64d53 ; }
544.slide-film-desc:hover, .movies-top-breadcrumb li:hover, .movies-top-breadcrumb li a:hover{
545    color: #c64d53 !important;
546}
547.movies h3.latest-movies, h3.recommended-movies {
548    border-left: 3px solid  #c64d53;
549}
550
551.ads-navbar-wrapper ul li a.active {
552	color: #c64d53;
553}
554.wo_page_hdng_innr span {
555	background-color: #c64d53;
556	color: #ffffff;
557}
558
559.wow_creads_minstp .line .line_sec {
560    background: #c64d53;
561}
562
563.step-one-active.wow_creads_minstp .dot.one {background: #c64d53 !important;}
564.step-two-active.wow_creads_minstp .dot.one, .step-three-active.wow_creads_minstp .dot.one {background: #c64d53 !important;}
565.step-two-active.wow_creads_minstp .dot.two, .step-three-active.wow_creads_minstp .dot.two {background: #c64d53 !important;}
566.step-three-active.wow_creads_minstp .dot.three {background: #c64d53;}
567
568.step-one-active .steps > .step-one, .step-two-active .steps > .step-one, .step-two-active .steps > .step-two, .step-three-active .steps > .step-one, .step-three-active .steps > .step-two, .step-three-active .steps > .step-three {
569	color: #c64d53;
570}
571
572
573.btn-loading:after {
574	background-color: #c64d53;
575}
576.wow_pub_privacy_menu li label input[type="radio"]:checked+span {
577	background-color: #c64d53;color: #ffffff;
578}
579.order_by ul li.active a {background: #c64d53 !important;color: #ffffff !important;}
580
581
582
583
584#welcomeheader .mdbtn:hover{background-color: #ffffff;color: #1e2321;border-color: #ffffff;}
585
586.post .panel.active_shadow {
587    box-shadow: 0 0 0 1.5px #c64d53 !important;
588}
589
590.ui-widget-header .ui-state-default, .wo_adv_search_filter_side .ui-slider .ui-slider-range, .wo_adv_search_filter_side .ui-slider .ui-slider-handle {
591    background-color: #c64d53;
592}
593.reaction-1::before {
594    content: "Like";
595}
596.reaction-2::before {
597    content: "Love";
598}
599.reaction-3::before {
600    content: "HaHa";
601}
602.reaction-4::before {
603    content: "WoW";
604}
605.reaction-5::before {
606    content: "Sad";
607}
608.reaction-6::before {
609    content: "Angry";
610}
611/*.reaction-like::before {
612    content: "Like";
613}
614.reaction-love::before {
615    content: "Love";
616}
617.reaction-haha::before {
618    content: "HaHa";
619}
620.reaction-wow::before {
621    content: "WoW";
622}
623.reaction-sad::before {
624    content: "Sad";
625}
626.reaction-angry::before {
627    content: "Angry";
628}*/
629
630.text-sender-container .msg_usr_info_top_list .msg_usr_cht_opts_btns > span:hover, .text-sender-container .msg_usr_info_top_list .msg_usr_cht_usr_data a:hover {
631    color: #c64d53;
632}
633.text-sender-container .outgoing .message-model .message {background-color: #c64d53;color: #ffffff;}
634.text-sender-container .outgoing .message-model .message p, .text-sender-container .outgoing .message-model .message a {color: #ffffff;}
635
636</style>
637	
638                    
638<script crossorigin="anonymous" src="https://userinterface.us/themes/sunshine/javascript/sdk.js?version=4.3.4"></script>
638
639    
640    
640<script src="https://userinterface.us/themes/sunshine/javascript/socket.io.js?version=4.3.4"></script>
640
641      
641<script>
642      let nodejs_system = "0";
643      let socket = null
644      let groupChatListener = {}
645      $(()=>{
646              });
647      </script>
647
648              
648<script src="https://userinterface.us/themes/sunshine/javascript/bootstrap-tagsinput-latest/src/bootstrap-tagsinput.js?version=4.3.4"></script>
648
649      
650	  
651	
651<script src="https://userinterface.us/themes/sunshine/javascript/flickity.pkgd.min.js?version=4.3.4"></script>
651
652        <link rel="stylesheet" href="https://userinterface.us/themes/sunshine/javascript/green-audio-player/green-audio-player.css?version=4.3.4" />
653      
653<script src="https://userinterface.us/themes/sunshine/javascript/green-audio-player/green-audio-player.js?version=4.3.4"></script>
653
654	  
655		<link rel="stylesheet" href="https://userinterface.us/themes/sunshine/stylesheet/flatpickr.min.css?version=4.3.4">
656		
656<script src="https://userinterface.us/themes/sunshine/javascript/flatpickr.js?version=4.3.4"></script>
656
657		
658		
658<script src="https://userinterface.us/themes/sunshine/javascript/circle-progress.min.js"></script>
658
659   </head>
660
661   <body >
662      <input type="hidden" id="get_no_posts_name" value="No more posts">
663        <div id="focus-overlay"></div>
664      <input type="hidden" class="seen_stories_users_ids" value="">
665      <input type="hidden" class="main_session" value="f0d579502820ee87140d">
666               <header class="header-container">
667            <div class="navbar navbar-default navbar-fixed-top">
668	<nav class="header-fixed1000">
669		<div class="container-fluid">
670			<div class="wow_hdr_innr_left">
671				
672				<a class="brand header-brand" href="https://userinterface.us">
673					<img width="130" src="https://userinterface.us/themes/sunshine/img/logo.png?cache=314" alt="UserInterface Logo"/>
674				</a>
675							</div>
676        <ul class="nav navbar-nav" id="wo_home_search">
677          <li class="dropdown search-container">
678            <form class="navbar-form navbar-left col-lg-12 form-group" data-toggle="dropdown" role="button" id="navbar-searchbox" role="search">
679              <div class="form-group inner-addon left-addon ">
680				<svg class="glyphicon" width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
681<circle cx="9" cy="9" r="8" stroke="#3F4354" stroke-width="2"/>
682<path d="M14.5 15.5L18.5 19.5" stroke="#3F4354" stroke-width="2" stroke-linecap="round"/>
683</svg>
684
685                <input type="text" class="form-control search-input" onkeyup="Wo_DetectSearchType(this.value), document.getElementById('wo_repeat_search').innerHTML = escapeHtml(this.value)" placeholder="Search for people, pages, groups and #hashtags" dir="auto" >
686              </div>
687            </form>
688            <ul class="dropdown-menu search-dropdown-container" role="menu">
689              <div class="search-dropdown-result">
690                              </div>
691              <li>
692                <span class="search-advanced-container">
693                  <a href="https://userinterface.us/search" class="search-advanced-link" data-ajax="?link1=search">
694                    <div class="feather-svg-parent">
695						<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
696					</div>
697					<span style="vertical-align: middle;display: table-cell;">
698						Advanced Search						<span id="wo_repeat_search"></span>
699					</span>
700                  </a>
701                </span>
702              </li>
703            </ul>
704          </li>
705        </ul>
706        <ul class="nav navbar-nav navbar-right pull-right">
707   <li class="dropdown">
708      <a href="#" class="dropdown-toggle user-menu-combination" data-toggle="dropdown" role="button" aria-expanded="false">
709		<div class="user-avatar">
710			<img src="https://userinterface.us/upload/photos/d-avatar.jpg" alt="">
711		</div> <b>Guest </b>
712      </a>
713      <ul class="dropdown-menu" role="menu">
714         <li>
715            <a href="https://userinterface.us/welcome/?last_url=https://userinterface.us%2Fsearch">
716            Login            </a>
717         </li>
718         <li>
719            <a href="https://userinterface.us/register">
720            Register            </a>
721         </li>
722         <li>
723            <a href="?mode=night">
724               Night mode            </a>
725         </li>
726      </ul>
727   </li>
728</ul>      </div>
729    </div>
730  </nav>
731</div>
732<div class="barloading"></div>
733
734<script type="text/javascript">
735jQuery(document).ready(function($) {
736  $(".search-input").keydown(function(event) {
737    if (event.keyCode == 13 && event.shiftKey == 0) {
738      event.preventDefault();
739      window.location = 'https://userinterface.us/search?query=' + $(this).val();
740    }
741  });
742});
743var Searchcontainer = $('.search-container');
744var SearchBox = $('.search-container .search-input');
745var SearchResult = $('.search-dropdown-result');
746
747function Wo_ChangeHomeButtonIcon() {
748
749  $('.navbar-home #home-button').html('<i class="fa fa-circle-o-notch fa-spin"></i>');
750}
751
752function Wo_DetectSearchType(query) {
753  var Hash = smokeTheHash(query);
754  if (Hash) {
755    $('.search-advanced-container').hide(200);
756    Wo_SearchhashResult(query);
757  } else {
758    $('.search-advanced-container').fadeIn(200);
759    Wo_SearchResult(query);
760  }
761}
762
763function Wo_ClearSearches() {
764  $('.clear-searches').html('<i class="fa fa-spinner fa-spin"></i>');
765   $.get(Wo_Ajax_Requests_File(), {f: 'clearChat'}, function(data) {
766        if (data.status == 200) {
767           location.reload();
768        }
769   });
770}
771
772function Wo_GetRecentSearchs() {
773  $.get(Wo_Ajax_Requests_File(), {f: 'search', s: 'recent'}, function(data) {
774      if (data.status == 200) {
775          if (data.html.length > 0) {
776            SearchResult.html('<div class="recent">
776<div class="gray recent-searches pull-left"> Recent Searches</div><div onclick="Wo_ClearSearches();" class="gray recent-searches clear-searches pointer pull-right" style="color: #F44336;"><svg style="vertical-align: middle;margin-top: -3px;" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>Clear</div><div class="clear"></div></div>' + data.html);
777          }
778        }
779  });
780}
781function Wo_SearchResult(query) {
782    if (SearchBox.val() != '') {
783      Wo_progressIconLoader(Searchcontainer.find('.navbar-form'));
784      Searchcontainer.addClass('open');
785      Searchcontainer.find('.search-advanced-link').attr('href','https://userinterface.us/search/' + query);
786      Searchcontainer.find('.search-advanced-link').attr('data-ajax','?link1=search&query=' + query);
787      $.get(Wo_Ajax_Requests_File(), {f: 'search', s: 'normal', query: query}, function(data) {
788        if (data.status == 200) {
789          if (data.html.length == 0) {
790            SearchResult.html('<span class="center-text">' + " No result to show" + '<span>');
791          } else {
792            SearchResult.html(data.html);
793          }
794        }
795        Wo_progressIconLoader(Searchcontainer.find('.navbar-form'));
796      });
797      $(document).click(function() {
798        Searchcontainer.removeClass('open');
799      });
800    } else {
801      Searchcontainer.removeClass('open');
802    }
803}
804
805
806function Wo_SearchhashResult(query) {
807    var Searchcontainer = $('.search-container');
808    var SearchBox = $('.search-container .search-input');
809    var SearchResult = $('.search-dropdown-result');
810    if (SearchBox.val() != '') {
811      Wo_progressIconLoader(Searchcontainer.find('.navbar-form'));
812      Searchcontainer.addClass('open');
813      Searchcontainer.find('.search-advanced-link').attr('href','https://userinterface.us/search/' + query);
814      Searchcontainer.find('.search-advanced-link').attr('data-ajax','?link1=search&query=' + query);
815      $.get(Wo_Ajax_Requests_File(), {f: 'search', s: 'hash', query: query}, function(data) {
816        if (data.status == 200) {
817          if (data.html.length == 0) {
818            SearchResult.html('<span class="center-text">' + " No result to show" + '<span>');
819          } else {
820            SearchResult.html(data.html);
821          }
822        }
823        Wo_progressIconLoader(Searchcontainer.find('.navbar-form'));
824      });
825
826      $(document).click(function() {
827        Searchcontainer.removeClass('open');
828      });
829    } else {
830      Searchcontainer.removeClass('open');
831    }
832}
833
834function smokeTheHash(str) {
835  var n = str.search("#");
836  if(n != "-1"){
837    return true;
838  } else {
839    return false;
840  }
841}
842
843$(document).on('click', '#night_mode_toggle', function (e) {
844  e.stopPropagation();
845});
846
847jQuery(document).click(function(event){
848    if (!(jQuery(event.target).closest(".navbar-default .dropdown-menu.ani-acc-menu").length)) {
849        jQuery('.dropdown-switch-account').removeClass('open');
850    }
851});
852</script>
852         </header>
853                  <div class="content-container container">
854         <div class="ad-placement-header-footer">
855            <div class="contnet" ><center><a href="https://news.userinterface.us">
856  <img src="https://save-all.s3.us-east-2.amazonaws.com/uix+logo-news+(1).png" alt="Visit UserInterface News">
857</a></center>
858
859<script type="application/ld+json">
860{
861  "@context": "https://schema.org",
862  "@graph": [
863    {
864      "@type": "Person",
865      "@id": "https://userinterface.us/Dwight_Redman/#person",
866      "name": "Dwight Redman",
867      "url": "https://userinterface.us/Dwight_Redman/",
868      "image": {
869        "@type": "ImageObject",
870        "@id": "https://userinterface.us/Dwight_Redman/#image",
871        "url": "https://userinterface-av.s3.amazonaws.com/upload/photos/2026/06/irWUMqCkGEAmPNAHjptm_14_44a8eae1cee476ebe99a3deb58c53903_avatar.jpg?cache=1781470904",
872        "contentUrl": "https://userinterface-av.s3.amazonaws.com/upload/photos/2026/06/irWUMqCkGEAmPNAHjptm_14_44a8eae1cee476ebe99a3deb58c53903_avatar.jpg?cache=1781470904",
873        "caption": "Dwight Redman"
874      },
875      "description": "Executive producer, cinematographer, photographer, graphic designer, author, and SEO and digital marketing specialist.",
876      "jobTitle": [
877        "Executive Producer",
878        "Cinematographer",
879        "Photographer",
880        "Author",
881        "SEO and Digital Marketing Specialist"
882      ],
883      "knowsAbout": [
884        "Video Production",
885        "Cinematography",
886        "Photography",
887        "Video Editing",
888        "Color Grading",
889        "Web Design",
890        "Search Engine Optimization",
891        "Digital Marketing",
892        "Content Strategy"
893      ],
894      "homeLocation": {
895        "@type": "City",
896        "name": "Washington, District of Columbia, United States"
897      },
898      "worksFor": {
899        "@id": "https://uixnetwork.com/#organization"
900      },
901      "sameAs": [
902        "https://www.linkedin.com/in/seket-aanru-4477ab13/",
903        "https://www.instagram.com/the_weaveking/",
904        "https://www.youtube.com/@banderdash",
905        "https://x.com/SeketAanru",
906        "https://www.facebook.com/dwight.redman"
907      ]
908    },
909    {
910      "@type": "Organization",
911      "@id": "https://uixnetwork.com/#organization",
912      "name": "UIX Network",
913      "alternateName": "UserInterface",
914      "url": "https://uixnetwork.com/",
915      "logo": {
916        "@type": "ImageObject",
917        "@id": "https://uixnetwork.com/#logo",
918        "url": "https://userinterface.us/themes/sunshine/img/logo.png?cache=314",
919        "contentUrl": "https://userinterface.us/themes/sunshine/img/logo.png?cache=314",
920        "caption": "UIX Network"
921      },
922      "description": "UIX Network is a creative, digital marketing, and content-distribution brand providing web design, graphic design, video production, photography, and SEO services.",
923      "founder": {
924        "@id": "https://userinterface.us/Dwight_Redman/#person"
925      },
926      "knowsAbout": [
927        "Web Design",
928        "Video Production",
929        "Photography",
930        "Graphic Design",
931        "SEO",
932        "Digital Marketing"
933      ]
934    },
935    {
936      "@type": "WebPage",
937      "@id": "https://userinterface.us/Dwight_Redman/#webpage",
938      "url": "https://userinterface.us/Dwight_Redman/",
939      "name": "Dwight Redman | UserInterface",
940      "mainEntity": {
941        "@id": "https://userinterface.us/Dwight_Redman/#person"
942      },
943      "isPartOf": {
944        "@id": "https://userinterface.us/#website"
945      },
946      "about": {
947        "@id": "https://userinterface.us/Dwight_Redman/#person"
948      }
949    },
950    {
951      "@type": "WebSite",
952      "@id": "https://userinterface.us/#website",
953      "url": "https://userinterface.us/",
954      "name": "UserInterface",
955      "publisher": {
956        "@id": "https://uixnetwork.com/#organization"
957      }
958    }
959  ]
960}
961</script>
961</div>         </div>
962		 
963		 		 
964         <div id="contnet" class="effect-load">
965<div class="page-margin">
966	<div class="wow_content popular_posts_hdr">
967		<h2 class="flex"><svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.969 18.5307C17.2619 18.8236 17.7368 18.8236 18.0297 18.5307C18.3226 18.2378 18.3226 17.7629 18.0297 17.47L16.969 18.5307ZM13.915 15.4766L16.969 18.5307L18.0297 17.47L14.9756 14.416L13.915 15.4766Z" class="icon_main_fill"/><path d="M2.76311 7.43667C3.24887 5.36581 4.86581 3.74886 6.93667 3.26311C8.43222 2.9123 9.98866 2.9123 11.4842 3.26311C13.5551 3.74886 15.172 5.36581 15.6578 7.43667C16.0086 8.93222 16.0086 10.4887 15.6578 11.9842C15.172 14.0551 13.5551 15.672 11.4842 16.1578C9.98866 16.5086 8.43222 16.5086 6.93667 16.1578C4.86581 15.672 3.24887 14.0551 2.76311 11.9842C2.4123 10.4887 2.4123 8.93222 2.76311 7.43667Z" class="icon_main" stroke-width="1.5" stroke-linecap="round"/><path d="M2.76311 7.43667C2.4123 8.93222 2.4123 10.4887 2.76311 11.9842C3.24887 14.0551 4.86581 15.672 6.93667 16.1578C8.43222 16.5086 9.98866 16.5086 11.4842 16.1578C13.5551 15.672 15.172 14.0551 15.6578 11.9842C16.0086 10.4887 16.0086 8.93222 15.6578 7.43667C15.172 5.36581 13.5551 3.74886 11.4842 3.26311C9.98866 2.9123 8.43222 2.9123 6.93667 3.26311" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>&nbsp;<p>Search<b>Search for people, pages, groups and #hashtags</b></p></h2>
968	</div>
969</div>
970
971<div class="page-margin">
972	
973	<form action="https://userinterface.us/search" method="get" class="search-filter-form" id="search_form">
974		<div class="page-margin wow_content wow_big_head_link full flex wow_search_head">
975			<div class="right_part">
976				<div class="search-blog">
977					<input type="text" name="query" id="query" placeholder="Keyword" value="" autocomplete="off">
978				</div>
979				
980				<div class="dropdown market_widget count">
981					<div class="m_widget_head">
982						<select name="country" id="country">
983							
984															<option value="0" >Select Country</option>
985															<option value="all"  selected >All</option>
986															<option value="1" >United States</option>
987															<option value="2" >Canada</option>
988															<option value="3" >Afghanistan</option>
989															<option value="4" >Albania</option>
990															<option value="5" >Algeria</option>
991															<option value="6" >American Samoa</option>
992															<option value="7" >Andorra</option>
993															<option value="8" >Angola</option>
994															<option value="9" >Anguilla</option>
995															<option value="10" >Antarctica</option>
996															<option value="11" >Antigua and/or Barbuda</option>
997															<option value="12" >Argentina</option>
998															<option value="13" >Armenia</option>
999															<option value="14" >Aruba</option>
1000															<option value="15" >Australia</option>
1001															<option value="16" >Austria</option>
1002															<option value="17" >Azerbaijan</option>
1003															<option value="18" >Bahamas</option>
1004															<option value="19" >Bahrain</option>
1005															<option value="20" >Bangladesh</option>
1006															<option value="21" >Barbados</option>
1007															<option value="22" >Belarus</option>
1008															<option value="23" >Belgium</option>
1009															<option value="24" >Belize</option>
1010															<option value="25" >Benin</option>
1011															<option value="26" >Bermuda</option>
1012															<option value="27" >Bhutan</option>
1013															<option value="28" >Bolivia</option>
1014															<option value="29" >Bosnia and Herzegovina</option>
1015															<option value="30" >Botswana</option>
1016															<option value="31" >Bouvet Island</option>
1017															<option value="32" >Brazil</option>
1018															<option value="34" >Brunei Darussalam</option>
1019															<option value="35" >Bulgaria</option>
1020															<option value="36" >Burkina Faso</option>
1021															<option value="37" >Burundi</option>
1022															<option value="38" >Cambodia</option>
1023															<option value="39" >Cameroon</option>
1024															<option value="40" >Cape Verde</option>
1025															<option value="41" >Cayman Islands</option>
1026															<option value="42" >Central African Republic</option>
1027															<option value="43" >Chad</option>
1028															<option value="44" >Chile</option>
1029															<option value="45" >China</option>
1030															<option value="46" >Christmas Island</option>
1031															<option value="47" >Cocos (Keeling) Islands</option>
1032															<option value="48" >Colombia</option>
1033															<option value="49" >Comoros</option>
1034															<option value="50" >Congo</option>
1035															<option value="51" >Cook Islands</option>
1036															<option value="52" >Costa Rica</option>
1037															<option value="53" >Croatia (Hrvatska)</option>
1038															<option value="54" >Cuba</option>
1039															<option value="55" >Cyprus</option>
1040															<option value="56" >Czech Republic</option>
1041															<option value="57" >Denmark</option>
1042															<option value="58" >Djibouti</option>
1043															<option value="59" >Dominica</option>
1044															<option value="60" >Dominican Republic</option>
1045															<option value="61" >East Timor</option>
1046															<option value="62" >Ecuador</option>
1047															<option value="63" >Egypt</option>
1048															<option value="64" >El Salvador</option>
1049															<option value="65" >Equatorial Guinea</option>
1050															<option value="66" >Eritrea</option>
1051															<option value="67" >Estonia</option>
1052															<option value="68" >Ethiopia</option>
1053															<option value="69" >Falkland Islands (Malvinas)</option>
1054															<option value="70" >Faroe Islands</option>
1055															<option value="71" >Fiji</option>
1056															<option value="72" >Finland</option>
1057															<option value="73" >France</option>
1058															<option value="74" >France, Metropolitan</option>
1059															<option value="75" >French Guiana</option>
1060															<option value="76" >French Polynesia</option>
1061															<option value="77" >French Southern Territories</option>
1062															<option value="78" >Gabon</option>
1063															<option value="79" >Gambia</option>
1064															<option value="80" >Georgia</option>
1065															<option value="81" >Germany</option>
1066															<option value="82" >Ghana</option>
1067															<option value="83" >Gibraltar</option>
1068															<option value="84" >Greece</option>
1069															<option value="85" >Greenland</option>
1070															<option value="86" >Grenada</option>
1071															<option value="87" >Guadeloupe</option>
1072															<option value="88" >Guam</option>
1073															<option value="89" >Guatemala</option>
1074															<option value="90" >Guinea</option>
1075															<option value="91" >Guinea-Bissau</option>
1076															<option value="92" >Guyana</option>
1077															<option value="93" >Haiti</option>
1078															<option value="94" >Heard and Mc Donald Islands</option>
1079															<option value="95" >Honduras</option>
1080															<option value="96" >Hong Kong</option>
1081															<option value="97" >Hungary</option>
1082															<option value="98" >Iceland</option>
1083															<option value="99" >India</option>
1084															<option value="100" >Indonesia</option>
1085															<option value="101" >Iran (Islamic Republic of)</option>
1086															<option value="102" >Iraq</option>
1087															<option value="103" >Ireland</option>
1088															<option value="104" >Israel</option>
1089															<option value="105" >Italy</option>
1090															<option value="106" >
1090Ivory Coast</option>
1091															<option value="107" >Jamaica</option>
1092															<option value="108" >Japan</option>
1093															<option value="109" >Jordan</option>
1094															<option value="110" >Kazakhstan</option>
1095															<option value="111" >Kenya</option>
1096															<option value="112" >Kiribati</option>
1097															<option value="113" >Korea, Democratic People's Republic of</option>
1098															<option value="114" >Korea, Republic of</option>
1099															<option value="115" >Kosovo</option>
1100															<option value="116" >Kuwait</option>
1101															<option value="117" >Kyrgyzstan</option>
1102															<option value="118" >Lao People's Democratic Republic</option>
1103															<option value="119" >Latvia</option>
1104															<option value="120" >Lebanon</option>
1105															<option value="121" >Lesotho</option>
1106															<option value="122" >Liberia</option>
1107															<option value="123" >Libyan Arab Jamahiriya</option>
1108															<option value="124" >Liechtenstein</option>
1109															<option value="125" >Lithuania</option>
1110															<option value="126" >Luxembourg</option>
1111															<option value="127" >Macau</option>
1112															<option value="128" >Macedonia</option>
1113															<option value="129" >Madagascar</option>
1114															<option value="130" >Malawi</option>
1115															<option value="131" >Malaysia</option>
1116															<option value="132" >Maldives</option>
1117															<option value="133" >Mali</option>
1118															<option value="134" >Malta</option>
1119															<option value="135" >Marshall Islands</option>
1120															<option value="136" >Martinique</option>
1121															<option value="137" >Mauritania</option>
1122															<option value="138" >Mauritius</option>
1123															<option value="139" >Mayotte</option>
1124															<option value="140" >Mexico</option>
1125															<option value="141" >Micronesia, Federated States of</option>
1126															<option value="142" >Moldova, Republic of</option>
1127															<option value="143" >Monaco</option>
1128															<option value="144" >Mongolia</option>
1129															<option value="145" >Montenegro</option>
1130															<option value="146" >Montserrat</option>
1131															<option value="147" >Morocco</option>
1132															<option value="148" >Mozambique</option>
1133															<option value="149" >Myanmar</option>
1134															<option value="150" >Namibia</option>
1135															<option value="151" >Nauru</option>
1136															<option value="152" >Nepal</option>
1137															<option value="153" >Netherlands</option>
1138															<option value="154" >Netherlands Antilles</option>
1139															<option value="155" >New Caledonia</option>
1140															<option value="156" >New Zealand</option>
1141															<option value="157" >Nicaragua</option>
1142															<option value="158" >Niger</option>
1143															<option value="159" >Nigeria</option>
1144															<option value="160" >Niue</option>
1145															<option value="161" >Norfork Island</option>
1146															<option value="162" >Northern Mariana Islands</option>
1147															<option value="163" >Norway</option>
1148															<option value="164" >Oman</option>
1149															<option value="165" >Pakistan</option>
1150															<option value="166" >Palau</option>
1151															<option value="167" >Panama</option>
1152															<option value="168" >Papua New Guinea</option>
1153															<option value="169" >Paraguay</option>
1154															<option value="170" >Peru</option>
1155															<option value="171" >Philippines</option>
1156															<option value="172" >Pitcairn</option>
1157															<option value="173" >Poland</option>
1158															<option value="174" >Portugal</option>
1159															<option value="175" >Puerto Rico</option>
1160															<option value="176" >Qatar</option>
1161															<option value="177" >Reunion</option>
1162															<option value="178" >Romania</option>
1163															<option value="179" >Russian Federation</option>
1164															<option value="180" >Rwanda</option>
1165															<option value="181" >Saint Kitts and Nevis</option>
1166															<option value="182" >Saint Lucia</option>
1167															<option value="183" >Saint Vincent and the Grenadines</option>
1168															<option value="184" >Samoa</option>
1169															<option value="185" >San Marino</option>
1170															<option value="186" >Sao Tome and Principe</option>
1171															<option value="187" >Saudi Arabia</option>
1172															<option value="188" >Senegal</option>
1173															<option value="189" >Serbia</option>
1174															<option value="190" >Seychelles</option>
1175															<option value="191" >Sierra Leone</option>
1176															<option value="192" >Singapore</option>
1177															<option value="193" >Slovakia</option>
1178															<option value="194" >Slovenia</option>
1179															<option value="195" >Solomon Islands</option>
1180															<option value="196" >Somalia</option>
1181															<option value="197" >South Africa</option>
1182															<option value="198" >South Georgia South Sandwich Islands</option>
1183															<option value="199" >Spain</option>
1184															<option value="200" >Sri Lanka</option>
1185															<option value="201" >St. Helena</option>
1186															<option value="202" >St. Pierre and Miquelon</option>
1187															<option value="203" >Sudan</option>
1188															<option value="204" >Suriname</option>
1189															<option value="205" >Svalbarn and Jan Mayen Islands</option>
1190															<option value="206" >Swaziland</option>
1191															<option value="207" >Sweden</option>
1192															<option value="208" >Switzerland</option>
1193															<option value="209" >Syrian Arab Republic</option>
1194															<option value="210" >Taiwan</option>
1195															<option value="211" >Tajikistan</option>
1196															<option value="212" >Tanzania, United Republic of</option>
1197															<option value="213" >Thailand</option>
1198															<option value="214" >Togo</option>
1199															<option value="215" >Tokelau</option>
1200															<option value="216" >Tonga</option>
1201															<option value="217" >Trinidad and Tobago</option>
1202															<option value="218" >Tunisia</option>
1203															<option value="219" >Turkey</option>
1204															<option value="220" >Turkmenistan</option>
1205															<option value="221" >Turks and Caicos Islands</option>
1206															<option value="222" >Tuvalu</option>
1207															<option value="223" >Uganda</option>
1208															<option value="224" >Ukraine</option>
1209															<option value="225" >United Arab Emirates</option>
1210															<option value="226" >United Kingdom</option>
1211															<option value="227" >United States minor outlying islands</option>
1212															<option value="228" >Uruguay</option>
1213															<option value="229" >Uzbekistan</option>
1214															<option value="230" >Vanuatu</option>
1215															<option value="231" >Vatican City State</option>
1216															<option value="232" >Venezuela</option>
1217															<option value="233" >Vietnam</option>
1218															<option value="238" >Yemen</option>
1219															<option value="239" >Yugoslavia</option>
1220															<option value="240" >Zaire</option>
1221															<option value="241" >Zambia</option>
1222															<option value="242" >Zimbabwe</option>
1223															<option value="243" >Palestine</option>
1224													</select>
1225					</div>
1226				</div>
1227				
1228				<button type="submit" class="btn btn-main btn-mat">Search</button>
1229			
1230				<div class="dropdown market_widget">
1231					<div class="btn btn-mat btn-default dropdown-toggle" data-toggle="dropdown" role="button">
1232						<svg width="16" height="18" viewBox="0 0 16 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.0086 1.5H2.99063C1.64578 1.5 0.862648 3.03017 1.6428 4.13351L5.05925 8.96527C5.45848 9.52988 5.67302 10.2058 5.67302 10.899V14.2744C5.67302 15.5036 6.6623 16.5 7.88264 16.5C9.10298 16.5 10.0923 15.5036 10.0923 14.2744V10.9488C10.0923 10.2248 10.3262 9.52062 10.7588 8.94251L14.3301 4.16979C15.1518 3.07156 14.374 1.5 13.0086 1.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M10.0923 10.7458C10.0923 10.0374 10.3262 9.34833 10.7588 8.78264L14.3301 4.11244C15.1518 3.0378 14.374 1.5 13.0086 1.5H2.99063C1.64578 1.5 0.862648 2.9973 1.6428 4.07694L5.05925 8.8
12320491C5.45848 9.35739 5.67302 10.0188 5.67302 10.6971V14" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>
1233					</div>
1234					<div class="dropdown-menu dropdown-menu-right wow_srch_drp_mnu" aria-labelledby="srch_fltrs">
1235						<li>
1236													</li>
1237						<li>
1238							
1238<script>
1239																$( function() {
1240									$( "#slider-range" ).slider({
1241										range: true,
1242										min: 10,
1243										max: 70,
1244										values: [ 18, 50 ],
1245										slide: function( event, ui ) {
1246											$( "#amount" ).val( ui.values[ 0 ] + " - " + ui.values[ 1 ] );
1247											$( "#age_from" ).val( ui.values[ 0 ] );
1248											$( "#age_to" ).val( ui.values[ 1 ] );
1249										}
1250									});
1251									$( "#amount" ).val( $( "#slider-range" ).slider( "values", 0 ) + " - " + $( "#slider-range" ).slider( "values", 1 ) );
1252								});
1253							</script>
1253
1254														<div class="wow_srch_innr_filtr">
1255								<p>Age</p>
1256								<div class="pp_mat_input">
1257									<div class="round_check">
1258										<input type="radio" name="filterbyage" id="filterbyage-0" value="yes" onclick="$('.agefilter_hide').css({'display':'block'});" >
1259										<label class="radio-inline" for="filterbyage-0">Yes</label> 
1260									</div>
1261									<div class="round_check">
1262										<input type="radio" name="filterbyage" id="filterbyage-1" value="no" onclick="$('.agefilter_hide').css({'display':'none'});" checked>
1263										<label class="radio-inline" for="filterbyage-1">No</label>
1264									</div>
1265									<input type="text" id="amount" class="agefilter_hide age_number" readonly style="display:none;">
1266								</div>
1267								<div class="agefilter_hide" id="agefilter" style="display: none;">
1268									<div id="slider-range"></div>
1269									<input type="hidden" name="age_from" id="age_from" value="18">
1270									<input type="hidden" name="age_to" id="age_to" value="50">
1271								</div>
1272							</div>
1273						</li>
1274						<li>
1275														<div class="wow_srch_innr_filtr">
1276								<p>Verified</p>
1277								<div class="pp_mat_input">
1278									<div class="round_check">
1279										<input type="radio" name="verified" id="verified-0" value="all" checked>
1280										<label class="radio-inline" for="verified-0">All</label> 
1281									</div>
1282									<div class="round_check">
1283										<input type="radio" name="verified" id="verified-1" value="on" >
1284										<label class="radio-inline" for="verified-1">Verified</label>
1285									</div>
1286									<div class="round_check">
1287										<input type="radio" name="verified" id="verified-2" value="off">
1288										<label class="radio-inline" for="verified-2">Unverified</label>
1289									</div>
1290								</div>
1291							</div>
1292						</li>
1293						<li>
1294														<div class="wow_srch_innr_filtr">
1295								<p>Status</p>
1296								<div class="pp_mat_input">
1297									<div class="round_check">
1298										<input type="radio" name="status" id="status-0" value="all" checked>
1299										<label class="radio-inline" for="status-0">All</label> 
1300									</div>
1301									<div class="round_check">
1302										<input type="radio" name="status" id="status-1" value="on" >
1303										<label class="radio-inline" for="status-1">Online</label>
1304									</div>
1305									<div class="round_check">
1306										<input type="radio" name="status" id="status-2" value="off">
1307										<label class="radio-inline" for="status-2">Offline</label>
1308									</div>
1309								</div>
1310							</div>
1311						</li>
1312						<li>
1313														<div class="wow_srch_innr_filtr">
1314								<p>Gender</p>
1315								<div class="pp_mat_input">
1316									<div class="round_check">
1317										<input type="radio" name="gender" id="gender-0" value="all" checked>
1318										<label class="radio-inline" for="gender-0">All</label> 
1319									</div>
1320																													<div class="round_check">
1321											<input type="radio" name="gender" id="gender-female" value="female" >
1322											<label class="radio-inline" for="gender-female">Female</label> 
1323										</div>
1324																													<div class="round_check">
1325											<input type="radio" name="gender" id="gender-male" value="male" >
1326											<label class="radio-inline" for="gender-male">Male</label> 
1327										</div>
1328																	</div>
1329							</div>
1330						</li>
1331						<li>
1332														<div class="wow_srch_innr_filtr">
1333								<p>Profile Picture</p>
1334								<div class="pp_mat_input">
1335									<div class="round_check">
1336										<input type="radio" name="image" id="image-0" value="all" checked>
1337										<label class="radio-inline" for="image-0">All</label> 
1338									</div>
1339									<div class="round_check">
1340										<input type="radio" name="image" id="image-1" value="yes" >
1341										<label class="radio-inline" for="image-1">Yes</label>
1342									</div>
1343									<div class="round_check">
1344										<input type="radio" name="image" id="image-2" value="no" >
1345										<label class="radio-inline" for="image-2">No</label>
1346									</div>
1347								</div>
1348							</div>
1349						</li>
1350					</div>
1351				</div>
1352			</div>
1353		</div>
1354	</form>
1355	
1356	<div class="page-margin wow_content wow_big_head_link wow_srch_tabs">
1357		<ul class="list-unstyled" role="tablist">
1358			<li class="active">
1359				<a data-toggle="tab" data-target="#users" href="#">
1360					<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.17773 17.531C3.17773 15.6539 4.51135 14.055 6.32377 13.7592L6.48702 13.7326C7.93831 13.4957 9.41716 13.4957 10.8684 13.7326L11.0317 13.7592C12.8441 14.055 14.1777 15.6539 14.1777 17.531C14.1777 18.3423 13.5346 19 12.7413 19H4.61412C3.82083 19 3.17773 18.3423 3.17773 17.531Z" stroke="currentColor" stroke-width="1.5"/><path d="M11.8861 7.28125C11.8861 9.09343 10.4496 10.5625 8.67773 10.5625C6.90582 10.5625 5.4694 9.09343 5.4694 7.28125C5.4694 5.46907 6.90582 4 8.67773 4C10.4496 4 11.8861 5.46907 11.8861 7.28125Z" stroke="currentColor" stroke-width="1.5"/><path d="M14.1777 10.5625C16.4329 10.5625 18.2611 9.09343 18.2611 7.28125C18.2611 5.46907 16.4329 4 14.1777 4M16.9659 19H19.3496C20.3593 19 21.1777 18.3423 21.1777 17.531C21.1777 15.6539 19.4804 14.055 17.1737 13.7592L16.9659 13.7326C16.4062 13.7326 16.3727 13.7326 15.6258 13.7326" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg> Users				</a>
1361			</li>
1362							<li>
1363					<a data-toggle="tab" data-target="#pages" href="#">
1364						<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.17773 12.0516H13.6702C14.8499 12.0516 15.571 10.6446 14.9495 9.55558L14.5415 8.8407C14.1399 8.13721 14.14 7.24741 14.5415 6.54392L14.9495 5.82904C15.571 4.74002 14.8499 3.33301 13.6702 3.33301L5.17773 3.33301L5.17773 12.0516ZM5.17773 12.0516L5.17773 16.6663" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
1364<path d="M13.6702 12.0516C14.8499 12.0516 15.571 10.6446 14.9495 9.55558L14.5415 8.8407C14.1399 8.13721 14.1399 7.24741 14.5415 6.54392L14.9495 5.82904C15.571 4.74002 14.8499 3.33301 13.6702 3.33301L5.17773 3.33301L5.17773 6.02564" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg> Pages					</a>
1365				</li>
1366										<li>
1367					<a data-toggle="tab" data-target="#groups" href="#">
1368						<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.60404 12.2682C7.24214 10.7254 7.24214 9.11974 7.60404 7.57691C8.10515 5.44059 9.77321 3.77254 11.9095 3.27142C13.4524 2.90953 15.058 2.90953 16.6008 3.27142C18.7371 3.77254 20.4052 5.44059 20.9063 7.57692C21.2682 9.11974 21.2682 10.7254 20.9063 12.2682C20.4052 14.4045 18.7371 16.0726 16.6008 16.5737C15.058 16.9356 13.4524 16.9356 11.9095 16.5737M7.60404 12.2682C8.10515 14.4045 9.77321 16.0726 11.9095 16.5737M7.60404 12.2682C7.37617 11.2968 7.29178 10.3004 7.35086 9.31057C7.26731 9.32762 7.18395 9.3459 7.1008 9.36541C5.26967 9.79493 3.83991 11.2247 3.41038 13.0558C3.10018 14.3782 3.10018 15.7545 3.41038 17.0769C3.83991 18.9081 5.26967 20.3378 7.1008 20.7674C8.42322 21.0775 9.79949 21.0775 11.1219 20.7674C12.953 20.3378 14.3828 18.9081 14.8123 17.0769C14.8318 16.9938 14.8501 16.9104 14.8672 16.8269C13.8773 16.886 12.881 16.8016 11.9095 16.5737" stroke="currentColor" stroke-width="1.5"/><path d="M7.60345 12.2682C7.24156 10.7254 7.24156 9.11974 7.60346 7.57691C8.10457 5.44059 9.77263 3.77254 11.9089 3.27142C13.4518 2.90953 15.0574 2.90953 16.6002 3.27142C18.7366 3.77254 20.4046 5.44059 20.9057 7.57692C21.2676 9.11974 21.2676 10.7254 20.9057 12.2682C20.4046 14.4045 18.7366 16.0726 16.6002 16.5737C15.0574 16.9356 13.4518 16.9356 11.9089 16.5737M7.60345 12.2682C8.10457 14.4045 9.77263 16.0726 11.9089 16.5737M7.60345 12.2682C7.37559 11.2968 7.2912 10.3004 7.35028 9.31057M11.9089 16.5737C12.8804 16.8016 13.8767 16.886 14.8666 16.8269" stroke="currentColor" stroke-width="1.5"/></svg> Groups					</a>
1369				</li>
1370										<li>
1371					<a data-toggle="tab" data-target="#games" href="#">
1372						<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.4277 10C12.4277 11.2426 11.4204 12.25 10.1777 12.25C8.93509 12.25 7.92773 11.2426 7.92773 10C7.92773 8.75736 8.93509 7.75 10.1777 7.75C11.4204 7.75 12.4277 8.75736 12.4277 10Z" stroke="currentColor" stroke-width="1.5"/><path d="M17.6777 10L15.1777 10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M2.67773 10L5.17773 10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.1777 17.5L10.1777 15M10.1777 2.5L10.1777 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.1777 2.5L10.1777 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.1777 17.5L10.1777 15" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg> Games					</a>
1373				</li>
1374					</ul>
1375	</div>
1376	
1377	<div class="wo_search_page">
1378		<div class="tab-content">
1379			<div id="users" class="tab-pane fade in active">
1380				<div id="users-cont" class="row cool-style-album-row wow_frnd_usr">
1381					<div class="col-md-12"><div class="wow_content"><div class="empty_state"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
1382<path d="M1.79406 6.45869C2.33698 4.14417 4.14417 2.33698 6.45869 1.79406C8.13021 1.40198 9.86979 1.40198 11.5413 1.79406C13.8558 2.33698 15.663 4.14417 16.2059 6.4587C16.598 8.13021 16.598 9.86979 16.2059 11.5413C15.663 13.8558 13.8558 15.663 11.5413 16.2059C9.86979 16.598 8.13021 16.598 6.4587 16.2059C4.14418 15.663 2.33698 13.8558 1.79406 11.5413C1.40198 9.86979 1.40198 8.13021 1.79406 6.45869Z" stroke="currentColor" stroke-width="1.5"></path>
1383<path d="M16.2059 6.4587C15.663 4.14417 13.8558 2.33698 11.5413 1.79406C9.86979 1.40198 8.13021 1.40198 6.45869 1.79406C4.14417 2.33698 2.33698 4.14417 1.79406 6.45869C1.40198 8.13021 1.40198 9.86979 1.79406 11.5413C2.33698 13.8558 4.14418 15.663 6.4587 16.2059C8.13021 16.598 9.86979 16.598 11.5413 16.2059" class="icon_main" stroke-width="1.5" stroke-linecap="round"></path>
1384<path d="M7.48515 8.4132C7.65455 7.9897 7.99012 7.65412 8.41363 7.48472L10.1117 6.80548C10.792 6.53338 11.4671 7.20845 11.1949 7.88871L10.5157 9.5868C10.3463 10.0103 10.0107 10.3459 9.58723 10.5153L7.88913 11.1945C7.20887 11.4666 6.53381 10.7916 6.80591 10.1113L7.48515 8.4132Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
1385</svg> What are looking for ?</div></div></div>
1385				</div>
1386				<div class="clear"></div>
1387							</div>
1388						
1389							<div id="pages" class="tab-pane fade">
1390					<div class="wo_my_pages">
1391						<div id="pages-cont" class="row cool-style-album-row">
1392							<div class="col-md-12"><div class="wow_content"><div class="empty_state"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
1393<path d="M1.79406 6.45869C2.33698 4.14417 4.14417 2.33698 6.45869 1.79406C8.13021 1.40198 9.86979 1.40198 11.5413 1.79406C13.8558 2.33698 15.663 4.14417 16.2059 6.4587C16.598 8.13021 16.598 9.86979 16.2059 11.5413C15.663 13.8558 13.8558 15.663 11.5413 16.2059C9.86979 16.598 8.13021 16.598 6.4587 16.2059C4.14418 15.663 2.33698 13.8558 1.79406 11.5413C1.40198 9.86979 1.40198 8.13021 1.79406 6.45869Z" stroke="currentColor" stroke-width="1.5"></path>
1394<path d="M16.2059 6.4587C15.663 4.14417 13.8558 2.33698 11.5413 1.79406C9.86979 1.40198 8.13021 1.40198 6.45869 1.79406C4.14417 2.33698 2.33698 4.14417 1.79406 6.45869C1.40198 8.13021 1.40198 9.86979 1.79406 11.5413C2.33698 13.8558 4.14418 15.663 6.4587 16.2059C8.13021 16.598 9.86979 16.598 11.5413 16.2059" class="icon_main" stroke-width="1.5" stroke-linecap="round"></path>
1395<path d="M7.48515 8.4132C7.65455 7.9897 7.99012 7.65412 8.41363 7.48472L10.1117 6.80548C10.792 6.53338 11.4671 7.20845 11.1949 7.88871L10.5157 9.5868C10.3463 10.0103 10.0107 10.3459 9.58723 10.5153L7.88913 11.1945C7.20887 11.4666 6.53381 10.7916 6.80591 10.1113L7.48515 8.4132Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
1396</svg> What are looking for ?</div></div></div>						</div>
1397					</div>
1398					<div class="clear"></div>
1399									</div>
1400									
1401							<div id="groups" class="tab-pane fade">
1402					<div id="groups-cont" class="row cool-style-album-row">
1403						<div class="col-md-12"><div class="wow_content"><div class="empty_state"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
1404<path d="M1.79406 6.45869C2.33698 4.14417 4.14417 2.33698 6.45869 1.79406C8.13021 1.40198 9.86979 1.40198 11.5413 1.79406C13.8558 2.33698 15.663 4.14417 16.2059 6.4587C16.598 8.13021 16.598 9.86979 16.2059 11.5413C15.663 13.8558 13.8558 15.663 11.5413 16.2059C9.86979 16.598 8.13021 16.598 6.4587 16.2059C4.14418 15.663 2.33698 13.8558 1.79406 11.5413C1.40198 9.86979 1.40198 8.13021 1.79406 6.45869Z" stroke="currentColor" stroke-width="1.5"></path>
1405<path d="M16.2059 6.4587C15.663 4.14417 13.8558 2.33698 11.5413 1.79406C9.86979 1.40198 8.13021 1.40198 6.45869 1.79406C4.14417 2.33698 2.33698 4.14417 1.79406 6.45869C1.40198 8.13021 1.40198 9.86979 1.79406 11.5413C2.33698 13.8558 4.14418 15.663 6.4587 16.2059C8.13021 16.598 9.86979 16.598 11.5413 16.2059" class="icon_main" stroke-width="1.5" stroke-linecap="round"></path>
1406<path d="M7.48515 8.4132C7.65455 7.9897 7.99012 7.65412 8.41363 7.48472L10.1117 6.80548C10.792 6.53338 11.4671 7.20845 11.1949 7.88871L10.5157 9.5868C10.3463 10.0103 10.0107 10.3459 9.58723 10.5153L7.88913 11.1945C7.20887 11.4666 6.53381 10.7916 6.80591 10.1113L7.48515 8.4132Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
1407</svg> What are looking for ?</div></div></div>					</div>
1408					<div class="clear"></div>
1409									</div>
1410									
1411							<div id="games" class="tab-pane fade">
1412					<div class="row wow_srch_game_tabss">
1413						<div class="col-md-12"><div class="wow_content"><div class="empty_state"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
1414<path d="M1.79406 6.45869C2.33698 4.14417 4.14417 2.33698 6.45869 1.79406C8.13021 1.40198 9.86979 1.40198 11.5413 1.79406C13.8558 2.33698 15.663 4.14417 16.2059 6.4587C16.598 8.13021 16.598 9.86979 16.2059 11.5413C15.663 13.8558 13.8558 15.663 11.5413 16.2059C9.86979 16.598 8.13021 16.598 6.4587 16.2059C4.14418 15.663 2.33698 13.8558 1.79406 11.5413C1.40198 9.86979 1.40198 8.13021 1.79406 6.45869Z" stroke="currentColor" stroke-width="1.5"></path>
1415<path d="M16.2059 6.4587C15.663 4.14417 13.8558 2.33698 11.5413 1.79406C9.86979 1.40198 8.13021 1.40198 6.45869 1.79406C4.14417 2.33698 2.33698 4.14417 1.79406 6.45869C1.40198 8.13021 1.40198 9.86979 1.79406 11.5413C2.33698 13.8558 4.14418 15.663 6.4587 16.2059C8.13021 16.598 9.86979 16.598 11.5413 16.2059" class="icon_main" stroke-width="1.5" stroke-linecap="round"></path>
1416<path d="M7.48515 8.4132C7.65455 7.9897 7.99012 7.65412 8.41363 7.48472L10.1117 6.80548C10.792 6.53338 11.4671 7.20845 11.1949 7.88871L10.5157 9.5868C10.3463 10.0103 10.0107 10.3459 9.58723 10.5153L7.88913 11.1945C7.20887 11.4666 6.53381 10.7916 6.80591 10.1113L7.48515 8.4132Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
1417</svg> What are looking for ?</div></div></div>					</div>
1418				</div>
1419					</div>
1420		<div class="clear"></div>
1421	</div>
1422</div>
1423
1424<script>
1425$(document).on('click', '.wow_srch_drp_mnu', function (e) {
1426  e.stopPropagation();
1427});
1428
1429  jQuery(document).ready(function($) {
1430    //Load more users
1431    $(".load-more-users").click(function(event) {
1432      var form = document.getElementById('search_form');
1433	  var formdata = new FormData(form);
1434      var u_offset = ($("[data-search-type=user]").length > 0) ? $("[data-search-type=user]").last().attr('data-id') : 0;
1435      $.ajax({
1436      	processData: false,
1437        url: Wo_Ajax_Requests_File()+'?f=load-more-users&offset='+u_offset,
1438        type: 'POST',
1439        dataType: 'json',
1440        data: formdata,
1441        contentType: false,
1442        success:function(data){
1443          if (data['status'] == 200) {
1444            $("#users-cont").append(data['html'])
1445          }else{$(".load-more-users").remove()}
1446        }
1447      })    
1448    });
1449    //Load more groups
1450    $(".load-more-groups").click(function(event) {
1451      var g_offset = ($("[data-search-type=group]").length > 0) ? $("[data-search-type=group]").last().attr('data-id') : 0;
1452      $.ajax({
1453        url: Wo_Ajax_Requests_File(),
1454        type: 'GET',
1455        dataType: 'json',
1456        data: {f: 'load-more-groups',offset:g_offset,query:$("#query").val()},
1457        success:function(data){
1458          if (data['status'] == 200) {
1459            $("#groups-cont").append(data['html'])
1460          }else{$(".load-more-groups").remove()}
1461        }
1462      })   
1463    });
1464    //Load more pages
1465    $(".load-more-pages").click(function(event) {
1466      var p_offset = ($("[data-search-type=page]").length > 0) ? $("[data-search-type=page]").last().attr('data-id') : 0;
1467      $.ajax({
1468        url: Wo_Ajax_Requests_File(),
1469        type: 'GET',
1470        dataType: 'json',
1471        data: {f: 'load-more-pages',offset:p_offset,query:$("#query").val()},
1472        success:function(data){
1473          if (data['status'] == 200) {
1474            $("#pages-cont").append(data['html'])
1475          }else{$(".load-more-pages").remove()}
1476        }
1477      })   
1478    });
1479
1480    
1481    $("#input").hover(function(event) {
1482      $("#input").focus()
1483    });
1484
1485  });
1486</script>
1486</div>
1487         <div class="contnet">
1487<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-0975675460745073"
1488     crossorigin="anonymous"></script>
1488
1489<!-- UserInterface footer -->
1490<ins class="adsbygoogle"
1491     style="display:block"
1492     data-ad-client="ca-pub-0975675460745073"
1493     data-ad-slot="5891706842"
1494     data-ad-format="auto"
1495     data-full-width-responsive="true"></ins>
1496<script>
1497     (adsbygoogle = window.adsbygoogle || []).push({});
1498</script>
1498</div>         <footer>
1499            <div class="page-margin">
1500	<div class="footer-wrapper">
1501		<hr>
1502		<div class="footer-powered">
1503			<p>
1504				© 2026 UserInterface			</p>
1505			<ul class="list-inline">
1506				<li><a href="https://userinterface.us" data-ajax="?link1=home">Home</a></li>
1507				<li><a href="https://userinterface.us/terms/about-us" data-ajax="?link1=terms&type=about-us">About</a></li>
1508				<li><a href="https://userinterface.us/contact-us" data-ajax="?link1=contact-us">Contact Us</a></li>
1509				<li><a href="https://userinterface.us/terms/privacy-policy" data-ajax="?link1=terms&type=privacy-policy">Privacy Policy</a></li>
1510				<li><a href="https://userinterface.us/terms/terms" data-ajax="?link1=terms&type=terms">Terms of Use</a></li>
1511									<li><a href="https://userinterface.us/terms/refund" data-ajax="?link1=terms&type=refund">Request a Refund</a></li>
1512								
1513									<li><a href="https://userinterface.us/blogs" data-ajax="?link1=blogs">Blog</a></li>
1514													<li><a data-ajax="?link1=developers" href="https://userinterface.us/developers">Developers</a></li>
1515											</ul>
1516			<ul class="lang_selct">
1517				<li>
1518					<a href="javascript:void(0);" class="dropdown-toggle" data-toggle="modal" data-target="#select-language">
1519						<svg height="13" viewBox="0 0 24 24" width="13" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M17.9,17.39C17.64,16.59 16.89,16 16,16H15V13A1,1 0 0,0 14,12H8V10H10A1,1 0 0,0 11,9V7H13A2,2 0 0,0 15,5V4.59C17.93,5.77 20,8.64 20,12C20,14.08 19.2,15.97 17.9,17.39M11,19.93C7.05,19.44 4,16.08 4,12C4,11.38 4.08,10.78 4.21,10.21L9,15V16A2,2 0 0,0 11,18M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /></svg> Language					</a>
1520				</li>
1521			</ul>
1522		</div>
1523		<div class="clear"></div>
1524	</div>
1525</div>         </footer>
1526         <div class="second-footer" style=" ">
1527            <div class="page-margin">
1528	<div class="footer-wrapper">
1529		<hr>
1530		<div class="footer-powered">
1531			<p>
1532				© 2026 UserInterface			</p>
1533			<ul class="list-inline">
1534				<li><a href="https://userinterface.us" data-ajax="?link1=home">Home</a></li>
1535				<li><a href="https://userinterface.us/terms/about-us" data-ajax="?link1=terms&type=about-us">About</a></li>
1536				<li><a href="https://userinterface.us/contact-us" data-ajax="?link1=contact-us">Contact Us</a></li>
1537				<li><a href="https://userinterface.us/terms/privacy-policy" data-ajax="?link1=terms&type=privacy-policy">Privacy Policy</a></li>
1538				<li><a href="https://userinterface.us/terms/terms" data-ajax="?link1=terms&type=terms">Terms of Use</a></li>
1539									<li><a href="https://userinterface.us/terms/refund" data-ajax="?link1=terms&type=refund">Request a Refund</a></li>
1540								
1541									<li><a href="https://userinterface.us/blogs" data-ajax="?link1=blogs">Blog</a></li>
1542													<li><a data-ajax="?link1=developers" href="https://userinterface.us/developers">Developers</a></li>
1543											</ul>
1544			<ul class="lang_selct">
1545				<li>
1546					<a href="javascript:void(0);" class="dropdown-toggle" data-toggle="modal" data-target="#select-language">
1547						<svg height="13" viewBox="0 0 24 24" width="13" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M17.9,17.39C17.64,16.59 16.89,16 16,16H15V13A1,1 0 0,0 14,12H8V10H10A1,1 0 0,0 11,9V7H13A2,2 0 0,0 15,5V4.59C17.93,5.77 20,8.64 20,12C20,14.08 19.2,15.97 17.9,17.39M11,19.93C7.05,19.44 4,16.08 4,12C4,11.38 4.08,10.78 4.21,10.21L9,15V16A2,2 0 0,0 11,18M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /></svg> Language					</a>
1548				</li>
1549			</ul>
1550		</div>
1551		<div class="clear"></div>
1552	</div>
1553</div>         </div>
1554         <div class="extra">
1555                     </div>
1556      </div>
1557      <!-- Load modal alerts -->
1558    <div class="modal fade in" id="comment_report_box" role="dialog">
1559    <div class="modal-dialog wow_mat_mdl">
1560    
1561      <div class="modal-content">
1562        <p class="wo_error_messages">
1563          <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 496.158 496.158" xml:space="preserve"> <path style="fill:#32BEA6;" d="M496.158,248.085c0-137.021-111.07-248.082-248.076-248.082C111.07,0.003,0,111.063,0,248.085 c0,137.002,111.07,248.07,248.082,248.07C385.088,496.155,496.158,385.087,496.158,248.085z"/> <path style="fill:#FFFFFF;" d="M384.673,164.968c-5.84-15.059-17.74-12.682-30.635-10.127c-7.701,1.605-41.953,11.631-96.148,68.777 c-22.49,23.717-37.326,42.625-47.094,57.045c-5.967-7.326-12.803-15.164-19.982-22.346c-22.078-22.072-46.699-37.23-47.734-37.867 c-10.332-6.316-23.82-3.066-30.154,7.258c-6.326,10.324-3.086,23.834,7.23,30.174c0.211,0.133,21.354,13.205,39.619,31.475 c18.627,18.629,35.504,43.822,35.67,44.066c4.109,6.178,11.008,9.783,18.266,9.783c1.246,0,2.504-0.105,3.756-0.322 c8.566-1.488,15.447-7.893,17.545-16.332c0.053-0.203,8.756-24.256,54.73-72.727c37.029-39.053,61.723-51.465,70.279-54.908 c0.082-0.014,0.141-0.02,0.252-0.043c-0.041,0.01,0.277-0.137,0.793-0.369c1.469-0.551,2.256-0.762,2.301-0.773 c-0.422,0.105-0.641,0.131-0.641,0.131l-0.014-0.076c3.959-1.727,11.371-4.916,11.533-4.984 C385.405,188.218,389.034,176.214,384.673,164.968z"/></svg>
1564          <span class="msg">Comment reported successfully.</span>
1565        </p>
1566      </div>
1567      
1568    </div>
1569</div>
1570
1571<div class="modal fade in" id="post-shared" role="dialog">
1572    <div class="modal-dialog wow_mat_mdl">
1573    
1574      <div class="modal-content">
1575        <p class="wo_error_messages">
1576          <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 496.158 496.158" xml:space="preserve"> <path style="fill:#32BEA6;" d="M496.158,248.085c0-137.021-111.07-248.082-248.076-248.082C111.07,0.003,0,111.063,0,248.085 c0,137.002,111.07,248.07,248.082,248.07C385.088,496.155,496.158,385.087,496.158,248.085z"/> <path style="fill:#FFFFFF;" d="M384.673,164.968c-5.84-15.059-17.74-12.682-30.635-10.127c-7.701,1.605-41.953,11.631-96.148,68.777 c-22.49,23.717-37.326,42.625-47.094,57.045c-5.967-7.326-12.803-15.164-19.982-22.346c-22.078-22.072-46.699-37.23-47.734-37.867 c-10.332-6.316-23.82-3.066-30.154,7.258c-6.326,10.324-3.086,23.834,7.23,30.174c0.211,0.133,21.354,13.205,39.619,31.475 c18.627,18.629,35.504,43.822,35.67,44.066c4.109,6.178,11.008,9.783,18.266,9.783c1.246,0,2.504-0.105,3.756-0.322 c8.566-1.488,15.447-7.893,17.545-16.332c0.053-0.203,8.756-24.256,54.73-72.727c37.029-39.053,61.723-51.465,70.279-54.908 c0.082-0.014,0.141-0.02,0.252-0.043c-0.041,0.01,0.277-0.137,0.793-0.369c1.469-0.551,2.256-0.762,2.301-0.773 c-0.422,0.105-0.641,0.131-0.641,0.131l-0.014-0.076c3.959-1.727,11.371-4.916,11.533-4.984 C385.405,188.218,389.034,176.214,384.673,164.968z"/></svg>
1577          Post was successfully added to your timeline!        </p>
1578      </div>
1579      
1580    </div>
1581</div>
1582<div class="modal fade in" id="modal-alert" role="dialog">
1583    <div class="modal-dialog wow_mat_mdl">
1584      <div class="modal-content">
1585        <p class="wo_error_messages">
1586          <svg enable-background="new 0 0 64 64" height="512" viewBox="0 0 64 64" width="512" xmlns="http://www.w3.org/2000/svg"><g id="Icons"><g><g><path d="m32 58c-14.359 0-26-11.641-26-26 0-14.359 11.641-26 26-26 14.359 0 26 11.641 26 26 0 14.359-11.641 26-26 26z" fill="#fa6450"/></g><g><path d="m10 32c0-13.686 10.576-24.894 24-25.916-.661-.05-1.326-.084-2-.084-14.359 0-26 11.641-26 26 0 14.359 11.641 26 26 26 .674 0 1.339-.034 2-.084-13.424-1.022-24-12.23-24-25.916z" fill="#dc4632"/></g><g><path d="m32 38c-2.209 0-4-1.791-4-4v-16c0-2.209 1.791-4 4-4 2.209 0 4 1.791 4 4v16c0 2.209-1.791 4-4 4z" fill="#f0f0f0"/></g><g><path d="m32 50c-2.209 0-4-1.791-4-4 0-2.209 1.791-4 4-4 2.209 0 4 1.791 4 4 0 2.209-1.791 4-4 4z" fill="#f0f0f0"/></g></g></g></svg>
1587          <span id="modal-alert-msg">
1588            You have reached your limit of 5000 friends!          </span>
1589        </p>
1590      </div>
1591    </div>
1592</div>
1593<div class="modal fade in" id="invalid_file" role="dialog">
1594    <div class="modal-dialog wow_mat_mdl">
1595    
1596      <div class="modal-content">
1597        <p class="wo_error_messages">
1598          <svg enable-background="new 0 0 64 64" height="512" viewBox="0 0 64 64" width="512" xmlns="http://www.w3.org/2000/svg"><g id="Icons"><g><g><path d="m32 58c-14.359 0-26-11.641-26-26 0-14.359 11.641-26 26-26 14.359 0 26 11.641 26 26 0 14.359-11.641 26-26 26z" fill="#fa6450"/></g><g><path d="m10 32c0-13.686 10.576-24.894 24-25.916-.661-.05-1.326-.084-2-.084-14.359 0-26 11.641-26 26 0 14.359 11.641 26 26 26 .674 0 1.339-.034 2-.084-13.424-1.022-24-12.23-24-25.916z" fill="#dc4632"/></g><g><path d="m32 38c-2.209 0-4-1.791-4-4v-16c0-2.209 1.791-4 4-4 2.209 0 4 1.791 4 4v16c0 2.209-1.791 4-4 4z" fill="#f0f0f0"/></g><g><path d="m32 50c-2.209 0-4-1.791-4-4 0-2.209 1.791-4 4-4 2.209 0 4 1.791 4 4 0 2.209-1.791 4-4 4z" fill="#f0f0f0"/></g></g></g></svg>
1599          File size error: The file exceeds allowed the limit (954 MB) and can not be uploaded.        </p>
1600      </div>
1601      
1602    </div>
1603</div>
1604<div class="modal fade in" id="ffmpeg_file" role="dialog">
1605    <div class="modal-dialog wow_mat_mdl">
1606    
1607      <div class="modal-content">
1608        <p style="text-align: center;padding: 30px 20px;font-size: 16px;margin: 0;">
1609          <svg xmlns="http://www.w3.org/2000/svg" height="100px" viewBox="0 0 512 512" width="100px" class="main" style="display: block;margin: 0 auto 30px;"><g fill="currentColor" opacity="0.6"><path d="m71.072 303.9a189.244 189.244 0 0 0 66.661 97.518 186.451 186.451 0 0 0 114.189 38.582c103.707 0 188.078-84.284 188.078-187.884a185.963 185.963 0 0 0 -38.974-114.534 189.368 189.368 0 0 0 -98.448-66.463 24 24 0 1 1 12.883-46.238 237.668 237.668 0 0 1 123.578 83.392 235.9 235.9 0 0 1 -187.117 379.727 234.064 234.064 0 0 1 -143.342-48.444 237.546 237.546 0 0 1 -83.652-122.438z"/><circle cx="200" cy="48" r="24"/><circle cx="56" cy="192" r="24"/><circle cx="109" cy="101" r="24"/></g><path d="m48 480a24 24 0 0 1 -24-24v-144a24 24 0 0 1 29.206-23.429l144 32a24 24 0 1 1 -10.412 46.858l-114.794-25.51v114.081a24 24 0 0 1 -24 24z" fill="currentColor"/></svg>
1610          Your video is being processed, We’ll let you know when it's ready to view.        </p>
1611      </div>
1612      
1613    </div>
1614</div>
1615<div class="modal fade in" id="file_not_supported" role="dialog">
1616    <div class="modal-dialog wow_mat_mdl">
1617    
1618      <div class="modal-content">
1619        <p class="wo_error_messages">
1620          <svg enable-background="new 0 0 64 64" height="512" viewBox="0 0 64 64" width="512" xmlns="http://www.w3.org/2000/svg"><g id="Icons"><g><g><path d="m32 58c-14.359 0-26-11.641-26-26 0-14.359 11.641-26 26-26 14.359 0 26 11.641 26 26 0 14.359-11.641 26-26 26z" fill="#fa6450"/></g><g><path d="m10 32c0-13.686 10.576-24.894 24-25.916-.661-.05-1.326-.084-2-.084-14.359 0-26 11.641-26 26 0 14.359 11.641 26 26 26 .674 0 1.339-.034 2-.084-13.424-1.022-24-12.23-24-25.916z" fill="#dc4632"/></g><g><path d="m32 38c-2.209 0-4-1.791-4-4v-16c0-2.209 1.791-4 4-4 2.209 0 4 1.791 4 4v16c0 2.209-1.791 4-4 4z" fill="#f0f0f0"/></g><g><path d="m32 50c-2.209 0-4-1.791-4-4 0-2.209 1.791-4 4-4 2.209 0 4 1.791 4 4 0 2.209-1.791 4-4 4z" fill="#f0f0f0"/></g></g></g></svg>
1621          Unable to upload a file: This file type is not supported.        </p>
1622      </div>
1623      
1624    </div>
1625</div>
1626<div class="modal fade" id="modal_light_box" role="dialog">
1627	<button type="button" class="close comm_mod_img_close" data-dismiss="modal" aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></button>
1628  <div class="modal-dialog" >
1629    <div class="modal-content">              
1630      <div class="modal-body" style="padding: 0;">
1631        <img  class="image" style="width: 100%;" >
1632      </div>
1633    </div>
1634  </div>
1635</div>
1636<div class="modal fade in" id="adult_image_file" role="dialog">
1637    <div class="modal-dialog wow_mat_mdl">
1638    
1639      <div class="modal-content">
1640        <p class="wo_error_messages">
1641          <svg enable-background="new 0 0 64 64" height="512" viewBox="0 0 64 64" width="512" xmlns="http://www.w3.org/2000/svg"><g id="Icons"><g><g><path d="m32 58c-14.359 0-26-11.641-26-26 0-14.359 11.641-26 26-26 14.359 0 26 11.641 26 26 0 14.359-11.641 26-26 26z" fill="#fa6450"/></g><g><path d="m10 32c0-13.686 10.576-24.894 24-25.916-.661-.05-1.326-.084-2-.084-14.359 0-26 11.641-26 26 0 14.359 11.641 26 26 26 .674 0 1.339-.034 2-.084-13.424-1.022-24-12.23-24-25.916z" fill="#dc4632"/></g><g><path d="m32 38c-2.209 0-4-1.791-4-4v-16c0-2.209 1.791-4 4-4 2.209 0 4 1.791 4 4v16c0 2.209-1.791 4-4 4z" fill="#f0f0f0"/></g><g><path d="m32 50c-2.209 0-4-1.791-4-4 0-2.209 1.791-4 4-4 2.209 0 4 1.791 4 4 0 2.209-1.791 4-4 4z" fill="#f0f0f0"/></g></g></g></svg>
1642          We have detected some adult content on the image you uploaded, therefore we have declined your upload process.        </p>
1643      </div>
1644      
1645    </div>
1646</div>
1647<div class="modal fade" id="share_post_on_group" role="dialog">
1648  <div class="modal-dialog modal-sm">
1649    <div class="modal-content">
1650      <div class="modal-header">
1651        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></span></button>
1652        <h4 class="modal-title">
1653          Share post on a group        </h4>
1654      </div>
1655      <form id="share_post_on_group_form" class="share_post_on_group_form" method="POST">
1656        <div class="modal-body">
1657          <div id="share_post_on_group_form_alert"></div>
1658          <div class="form-group input-group">
1659            <span class="input-group-addon pointer">
1660              <svg xmlns="http://www.w3.org/2000/svg" class="feather" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color:#03A9F4;"><rect x="3" y="3" width="7" height="7"></rect><rect x="14" y="3" width="7" height="7"></rect><rect x="14" y="14" width="7" height="7"></rect><rect x="3" y="14" width="7" height="7"></rect></svg>
1661            </span>
1662            <input onkeydown="SearchFor(this,'group')" type="text" class="form-control" name="name" placeholder="Please write the group name">
1663            <input type="hidden" id="SearchForInputGroup" name="group_id">
1664            <input type="hidden" id="SearchForInputPostId" name="post_id">
1665          </div>
1666        </div>
1667        <div class="modal-footer">
1668          <div class="ball-pulse"><div></div><div></div><div></div></div>
1669          <button id="share_post_on_group_form_btn" type="button" class="btn btn-main">
1670            Share          </button>
1671        </div>
1672      </form>
1673    </div>
1674  </div>
1675</div>
1676<div class="modal fade" id="share_post_on_page" role="dialog">
1677  <div class="modal-dialog modal-sm">
1678    <div class="modal-content">
1679      <div class="modal-header">
1680        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></span></button>
1681        <h4 class="modal-title">
1682          Share to a page        </h4>
1683      </div>
1684      <form id="share_post_on_page_form" class="share_post_on_page_form" method="POST">
1685        <div class="modal-body">
1686          <div id="share_post_on_page_form_alert"></div>
1687          <div class="form-group input-group">
1688            <span class="input-group-addon pointer">
1689              <svg xmlns="http://www.w3.org/2000/svg" class="feather" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color:#f79f58;"><path d="M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z"></path><line x1="4" y1="22" x2="4" y2="15"></line></svg>
1690            </span>
1691            <input onkeydown="SearchFor(this,'page')" type="text" class="form-control" name="name" placeholder="Please type the page name">
1692            <input type="hidden" id="SearchForInputPage" name="page_id">
1693            <input type="hidden" id="SearchForInputPostIdPage" name="post_id">
1694          </div>
1695        </div>
1696        <div class="modal-footer">
1697          <div class="ball-pulse"><div></div><div></div><div></div></div>
1698          <button id="share_post_on_page_form_btn" type="button" class="btn btn-main">
1699            Share          </button>
1700        </div>
1701      </form>
1702    </div>
1703  </div>
1704</div>
1705<div class="modal fade" id="share_post_on_user" role="dialog">
1706  <div class="modal-dialog modal-sm">
1707    <div class="modal-content">
1708      <div class="modal-header">
1709        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></span></button>
1710        <h4 class="modal-title">
1711          Share to user        </h4>
1712      </div>
1713      <form id="share_post_on_page_form" class="share_post_on_user_form" method="POST">
1714        <div class="modal-body">
1715          <div id="share_post_on_user_form_alert"></div>
1716          <div class="form-group input-group">
1717            <span class="input-group-addon pointer">
1718              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-share" style="margin-top: -4px;width: 19px;height: 19px;"><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"></path><polyline points="16 6 12 2 8 6"></polyline><line x1="12" y1="2" x2="12" y2="15"></line></svg>
1719            </span>
1720            <input onkeydown="SearchFor(this,'user')" type="text" class="form-control" name="name" placeholder="Username">
1721            <input type="hidden" id="SearchForInputUser" name="user_id">
1722            <input type="hidden" id="SearchForInputUserPostId" name="post_id">
1723          </div>
1724        </div>
1725        <div class="modal-footer">
1726          <div class="ball-pulse"><div></div><div></div><div></div></div>
1727          <button id="share_post_on_user_form_btn" type="button" class="btn btn-main">
1728            Share          </button>
1729        </div>
1730      </form>
1731    </div>
1732  </div>
1733</div>
1734
1735
1736<div class="modal fade sun_modal" id="views-info-modal" role="dialog">
1737	<div class="modal-dialog">
1738		<div class="modal-content">
1739			<div class="modal-header">
1740				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></span></button>
1741				<h4 class="modal-title"><span id="views_info_title"></span></h4>
1742			</div>
1743			<div class="modal-body">
1744				<div id="views_info" class="wo_react_ursrs_list"></div>
1745				<div class="clearfix"></div>
1746				<div id="views_info_load" style="display: none;">
1747					<div class="load-more views_info_load_ wo_react_ursrs_list_lod_mor">
1748						<button class="btn btn-default text-center views_info_load_more" data-type="" post-id="" table-type="" onclick="Wo_LoadViewsInfo(this);"><span id="load_more_info_btn">Load more</span>
1749						</button>
1750					</div>
1751				</div>
1752			</div>
1753		</div>
1754	</div>
1755</div>
1756
1757<div class="modal fade sun_modal" id="users-reacted-modal" role="dialog">
1758	<div class="modal-dialog wow_mat_mdl">
1759		<div class="modal-content">
1760			<div class="modal-header">
1761				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></span></button>
1762				<h4 class="modal-title">
1763					<div class="who_react_modal">
1764
1765                             <span class="how_reacted like-btn-like pointer" id="_post333" onclick="Wo_LoadReactedUsers(1);">
1766                                    <div class="inline_post_emoji no_anim"><div class="reaction"><img src="https://userinterface-av.s3.amazonaws.com/upload/files/2022/09/EAufYfaIkYQEsYzwvZha_01_4bafb7db09656e1ecb54d195b26be5c3_file.svg"></div></div>
1767                                  </span>
1768                             <span class="how_reacted like-btn-like pointer" id="_post333" onclick="Wo_LoadReactedUsers(2);">
1769                                    <div class="inline_post_emoji no_anim"><div class="reaction"><img src="https://userinterface-av.s3.amazonaws.com/upload/files/2022/09/2MRRkhb7rDhUNuClfOfc_01_76c3c700064cfaef049d0bb983655cd4_file.svg"></div></div>
1770                                  </span>
1771                             <span class="how_reacted like-btn-like pointer" id="_post333" onclick="Wo_LoadReactedUsers(3);">
1772                                    <div class="inline_post_emoji no_anim"><div class="reaction"><img src="https://userinterface-av.s3.amazonaws.com/upload/files/2022/09/D91CP5YFfv74GVAbYtT7_01_288940ae12acf0198d590acbf11efae0_file.svg"></div></div>
1773                                  </span>
1774                             <span class="how_reacted like-btn-like pointer" id="_post333" onclick="Wo_LoadReactedUsers(4);">
1775                                    <div class="inline_post_emoji no_anim"><div class="reaction"><img src="https://userinterface-av.s3.amazonaws.com/upload/files/2022/09/cFNOXZB1XeWRSdXXEdlx_01_7d9c4adcbe750bfc8e864c69cbed3daf_file.svg"></div></div>
1776                                  </span>
1777                             <span class="how_reacted like-btn-like pointer" id="_post333" onclick="Wo_LoadReactedUsers(5);">
1778                                    <div class="inline_post_emoji no_anim"><div class="reaction"><img src="https://userinterface-av.s3.amazonaws.com/upload/files/2022/09/yKmDaNA7DpA7RkCRdoM6_01_eb391ca40102606b78fef1eb70ce3c0f_file.svg"></div></div>
1779                                  </span>
1780                             <span class="how_reacted like-btn-like pointer" id="_post333" onclick="Wo_LoadReactedUsers(6);">
1781                                    <div class="inline_post_emoji no_anim"><div class="reaction"><img src="https://userinterface-av.s3.amazonaws.com/upload/files/2022/09/iZcVfFlay3gkABhEhtVC_01_771d67d0b8ae8720f7775be3a0cfb51a_file.svg"></div></div>
1782                                  </span>
1783            
1784
1785						<!-- <span class="how_reacted like-btn-like pointer" id="_post333" onclick="Wo_LoadReactedUsers('like');">
1786							<div class="inline_post_emoji inline_act_emoji no_anim"><div class="emoji emoji--like"><div class="emoji__hand"><div class="emoji__thumb"></div></div></div></div>
1787						</span>
1788						<span class="how_reacted like-btn-love pointer" id="_post333" onclick="Wo_LoadReactedUsers('love');">
1789							<div class="inline_post_emoji inline_act_emoji no_anim"><div class="emoji emoji--love"><div class="emoji__heart"></div></div></div>
1790						</span>
1791						<span class="how_reacted like-btn-haha pointer" id="_post333" onclick="Wo_LoadReactedUsers('haha');">
1792							<div class="inline_post_emoji inline_act_emoji no_anim"><div class="emoji emoji--haha"><div class="emoji__face"><div class="emoji__eyes"></div><div class="emoji__mouth"><div class="emoji__tongue"></div></div></div></div></div>
1793						</span>
1794						<span class="how_reacted like-btn-wow pointer" id="_post333" onclick="Wo_LoadReactedUsers('wow');">
1795							<div class="inline_post_emoji inline_act_emoji no_anim"><div class="emoji emoji--wow"><div class="emoji__face"><div class="emoji__eyebrows"></div><div class="emoji__eyes"></div><div class="emoji__mouth"></div></div></div></div>
1796						</span>
1797						<span class="how_reacted like-btn-sad pointer" id="_post333" onclick="Wo_LoadReactedUsers('sad');">
1798							<div class="inline_post_emoji inline_act_emoji no_anim"><div class="emoji emoji--sad"><div class="emoji__face"><div class="emoji__eyebrows"></div><div class="emoji__eyes"></div><div class="emoji__mouth"></div></div></div></div>
1799						</span>
1800						<span class="how_reacted like-btn-angry pointer" id="_post333" onclick="Wo_LoadReactedUsers('angry');">
1801							<div class="inline_post_emoji inline_act_emoji no_anim"><div class="emoji emoji--angry"><div class="emoji__face"><div class="emoji__eyebrows"></div><div class="emoji__eyes"></div><div class="emoji__mouth"></div></div></div></div>
1802						</span> -->
1803					</div>
1804				</h4>
1805			</div>
1806			<div class="modal-body">
1807				<div id="reacted_users_box" class="wo_react_ursrs_list"></div>
1808				<div class="clearfix"></div>
1809				<div id="reacted_users_load" style="display: none;">
1810					<div class="load-more wo_react_ursrs_list_lod_mor">
1811						<button class="btn btn-default text-center reacted_users_load_more" data-type="" post-id="" col-type="" onclick="Wo_LoadMoreReactedUsers(this);"><span id="load_more_reacted_btn">Load more</span>
1812						</button>
1813					</div>
1814				</div>
1815			</div>
1816		</div>
1817	</div>
1818</div>
1819
1820
1821<div class="modal fade in" id="approve_post" role="dialog">
1822	<div class="modal-dialog wow_mat_mdl">
1823		<div class="modal-content">
1824			<div class="empty_state" style="margin: 40px 0;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9,13A3,3 0 0,0 12,16A3,3 0 0,0 15,13A3,3 0 0,0 12,10A3,3 0 0,0 9,13M20,19.59V8L14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18C18.45,22 18.85,21.85 19.19,21.6L14.76,17.17C13.96,17.69 13,18 12,18A5,5 0 0,1 7,13A5,5 0 0,1 12,8A5,5 0 0,1 17,13C17,14 16.69,14.96 16.17,15.75L20,19.59Z" /></svg> Your post was submitted, we will review your content soon.</div>
1825		</div>
1826	</div>
1827</div>
1828
1829<div class="modal fade in" id="error_post" role="dialog">
1830    <div class="modal-dialog wow_mat_mdl">
1831    
1832      <div class="modal-content">
1833        <p class="wo_error_messages" id="error_post_text">
1834        </p>
1835      </div>
1836      
1837    </div>
1838</div>
1839
1840<div class="modal fade in" id="pro_upload_file" role="dialog">
1841    <div class="modal-dialog wow_mat_mdl">
1842    
1843      <div class="modal-content">
1844        <p class="wo_error_messages">
1845          <svg enable-background="new 0 0 64 64" height="512" viewBox="0 0 64 64" width="512" xmlns="http://www.w3.org/2000/svg"><g id="Icons"><g><g><path d="m32 58c-14.359 0-26-11.641-26-26 0-14.359 11.641-26 26-26 14.359 0 26 11.641 26 26 0 14.359-11.641 26-26 26z" fill="#fa6450"/></g><g><path d="m10 32c0-13.686 10.576-24.894 24-25.916-.661-.05-1.326-.084-2-.084-14.359 0-26 11.641-26 26 0 14.359 11.641 26 26 26 .674 0 1.339-.034 2-.084-13.424-1.022-24-12.23-24-25.916z" fill="#dc4632"/></g><g><path d="m32 38c-2.209 0-4-1.791-4-4v-16c0-2.209 1.791-4 4-4 2.209 0 4 1.791 4 4v16c0 2.209-1.791 4-4 4z" fill="#f0f0f0"/></g><g><path d="m32 50c-2.209 0-4-1.791-4-4 0-2.209 1.791-4 4-4 2.209 0 4 1.791 4 4 0 2.209-1.791 4-4 4z" fill="#f0f0f0"/></g></g></g></svg>
1846          To upload images, videos, and audio files, you have to upgrade to pro member. <a href="https://userinterface.us/go-pro">Upgrade To Pro</a>
1847        </p>
1848      </div>
1849      
1850    </div>
1851</div>
1852
1853<div class="modal fade sun_modal" id="edit-offer-modal" role="dialog">
1854<div class="modal-dialog">
1855      <div class="modal-content">
1856            <div class="modal-header">
1857                  <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></span></button>
1858                  <h4 class="modal-title"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-shopping-cart"><circle cx="9" cy="21" r="1"></circle><circle cx="20" cy="21" r="1"></circle><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"></path></svg> Edit Offer</h4>
1859            </div>
1860            <div class="modal-body">
1861                  <div class="wo_settings_page">
1862                        <form class="edit-offer-form form-horizontal" method="post">
1863                              <div class="app-offer-alert app-general-alert"></div>
1864                              <div class="clear"></div>
1865                              <div class="setting-panel row job-setting-panel edit_offer_modal_form">
1866                                    
1867
1868                              </div>
1869
1870                              <div class="publisher-hidden-option">
1871                                    <div id="progress" class="create-offer-progress">
1872                                          <span id="percent" class="create-product-percent pull-right">0%</span>
1873                                          <div class="progress">
1874                                                <div id="bar" class="progress-bar active create-product-bar"></div> 
1875                                          </div>
1876                                          <div class="clear"></div>
1877                                    </div>
1878                              </div>
1879
1880                              
1881                              <div class="form-group last-sett-btn modal-footer">
1882                                    <div class="ball-pulse"><div></div><div></div><div></div></div>
1883                                    <button type="submit" class="btn btn-main setting-panel-mdbtn">Publish</button>
1884                              </div>
1885                        </form>
1886                  </div>
1887            </div>
1888      </div>
1889</div>
1890</div>
1891
1892
1893
1894<div class="modal fade" id="add_tier_modal" role="dialog" data-keyboard="false" style="overflow-y: auto;">
1895  <div class="modal-dialog">
1896    <div class="modal-content">
1897      <div class="modal-header">
1898        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></span></button>
1899        <h4 class="modal-title">Add tier</h4>
1900      </div>
1901      <form class="form form-horizontal tier_form" method="post" action="#">
1902        <div class="modal-body twocheckout_modal">
1903          <div class="modal_add_tier_modal_alert"></div>
1904          <div class="clear"></div>
1905          <div class="sun_input col-md-6">
1906            <input name="title" type="text" class="form-control input-md" autocomplete="off" placeholder="Tier title">
1907            <label class="plr15">Tier title</label>  
1908          </div>
1909          <div class="sun_input col-md-6">
1910            <input name="price" type="number" class="form-control input-md" autocomplete="off" placeholder="Tier price">
1911            <label class="plr15">Tier price</label>  
1912          </div>
1913          <div class=" col-lg-12">
1914            <label class="plr15">Benefits</label>
1915            <br>
1916            <input type="checkbox" name="benefits[]" value="chat" onclick="ShowBenefitsChat(this)">
1917            <label>Chat</label><br>
1918            <div class="add_benefits_chat" style="display: none;">
1919              <input type="radio" id="benefits_chat_1" name="chat" value="chat_without_audio_video">
1920              <label for="benefits_chat_1">Chat without audio and video call</label><br>
1921              <input type="radio" id="benefits_chat_2" name="chat" value="chat_with_audio_without_video">
1922              <label for="benefits_chat_2">Chat with audio call and without video call</label><br>  
1923              <input type="radio" id="benefits_chat_3" name="chat" value="chat_without_audio_with_video">
1924              <label for="benefits_chat_3">Chat without audio call and with video call</label><br>  
1925              <input type="radio" id="benefits_chat_4" name="chat" value="chat_with_audio_video">
1926              <label for="benefits_chat_4">Chat with audio and video call</label><br>
1927            </div>
1928            <input type="checkbox" name="benefits[]" value="live_stream">
1929            <label>Live Stream</label><br>
1930          </div>
1931          <div class="sun_input col-md-12">
1932            <textarea class="form-control input-md" placeholder="Tier description" name="description"></textarea>
1933            <label class="plr15">Tier description</label>  
1934          </div>
1935          <div class="clear"></div>
1936          <div class="form-group col-lg-12">
1937            <label class="col-md-12">Tier image:</label>  
1938            <div class="col-md-12">
1939              <div class="select_ev_covr" id="select_tier_image">
1940                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5,3A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H14.09C14.03,20.67 14,20.34 14,20C14,19.32 14.12,18.64 14.35,18H5L8.5,13.5L11,16.5L14.5,12L16.73,14.97C17.7,14.34 18.84,14 20,14C20.34,14 20.67,14.03 21,14.09V5C21,3.89 20.1,3 19,3H5M19,16V19H16V21H19V24H21V21H24V19H21V16H19Z" /></svg>
1941                Select an image    
1942              </div>
1943            </div>
1944          </div>
1945        </div>
1946        <input type="file" name="image" class="hidden" id="tier_image">
1947        <div class="clear"></div>
1948        <div class="modal-footer">
1949          <div class="ball-pulse"><div></div><div></div><div></div></div>
1950          <button type="submit" class="btn btn-main btn-mat">Add</button>
1951        </div>
1952      </form>
1953    </div>
1954  </div>
1955</div>
1956<div class="modal fade" id="delete-tier" tabindex="-1" role="dialog" aria-labelledby="delete-tier" aria-hidden="true" data-id="0">
1957  <div class="modal-dialog mat_box" role="document">
1958    <div class="modal-content">
1959      <div class="modal-header">
1960        <h5 class="modal-title"> Delete your tier</h5>
1961      </div>
1962      <div class="modal-body">
1963        Are you sure you want to delete this tier?      </div>  
1964      <div class="modal-footer">
1965        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
1966        <button type="button" class="btn btn-danger btn-mat" data-dismiss="modal">Delete</button>
1967      </div>
1968    </div>
1969  </div>
1970</div>
1971<div class="modal fade sun_modal" id="show_product_reviews_modal" role="dialog">
1972	<div class="modal-dialog wow_mat_mdl">
1973		<div class="modal-content check_reviews">
1974			<div class="modal-header">
1975				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></span></button>
1976				<h4 class="modal-title">Reviews</h4>
1977			</div>
1978			<div class="modal-body">
1979				<div id="show_product_reviews_modal_info" class="wo_react_ursrs_list"></div>
1980				<div class="clearfix"></div>
1981				<div id="show_product_reviews_modal_info_load" style="display: none;">
1982					<div class="load-more">
1983						<button class="btn btn-default text-center" data-type="" post-id="" table-type="" onclick="Wo_LoadReviews();"><span id="show_product_reviews_load_text">Load more</span></button>
1984					</div>
1985				</div>
1986			</div>
1987		</div>
1988	</div>
1989</div>
1990
1991<div class="modal fade in" id="monetization_modal" role="dialog">
1992    <div class="modal-dialog wow_mat_mdl">
1993    
1994      <div class="modal-content">
1995        <p class="wo_error_messages">
1996          <svg enable-background="new 0 0 64 64" height="512" viewBox="0 0 64 64" width="512" xmlns="http://www.w3.org/2000/svg"><g id="Icons"><g><g><path d="m32 58c-14.359 0-26-11.641-26-26 0-14.359 11.641-26 26-26 14.359 0 26 11.641 26 26 0 14.359-11.641 26-26 26z" fill="#fa6450"/></g><g><path d="m10 32c0-13.686 10.576-24.894 24-25.916-.661-.05-1.326-.084-2-.084-14.359 0-26 11.641-26 26 0 14.359 11.641 26 26 26 .674 0 1.339-.034 2-.084-13.424-1.022-24-12.23-24-25.916z" fill="#dc4632"/></g><g><path d="m32 38c-2.209 0-4-1.791-4-4v-16c0-2.209 1.791-4 4-4 2.209 0 4 1.791 4 4v16c0 2.209-1.791 4-4 4z" fill="#f0f0f0"/></g><g><path d="m32 50c-2.209 0-4-1.791-4-4 0-2.209 1.791-4 4-4 2.209 0 4 1.791 4 4 0 2.209-1.791 4-4 4z" fill="#f0f0f0"/></g></g></g></svg>
1997          In order to sell your content and posts, start by creating a few packages. <a href="https://userinterface.us/setting&user=&page=monetization">Monetization</a>
1998        </p>
1999      </div>
2000      
2001    </div>
2002</div>
2003    <!-- <div id="node-js-templates">
2004          <div> -->
2005
2006    
2007    
2008    
2009      <!-- JS FILES -->
2010            
2011      
2011<script type="text/javascript" src="https://userinterface.us/themes/sunshine/javascript/welcome.js?version=4.3.4"></script>
2011
2012                     
2012<script type="text/javascript">
2013          const node_socket_flow = "0"
2014          </script>
2014
2015            
2015<script type="text/javascript" src="https://userinterface.us/themes/sunshine/javascript/script.js?version=4.3.4"></script>
2015
2016                  <div class="extra-css"></div>
2017            
2017<script>$(document).ready(function() {$('div.leftcol').theiaStickySidebar({additionalMarginTop: 78});});</script>
2017
2018      
2018<script type="text/javascript">jQuery(document).ready(function() {jQuery('.custom-fixed-element').theiaStickySidebar({additionalMarginTop: 78});});</script>
2018
2019      
2020      <!-- End 'JS FILES' -->
2021      
2021<script type="text/javascript">
2022  (function (factory) {
2023  if (typeof define === 'function' && define.amd) {
2024    // AMD. Register as an anonymous module.
2025    define(['jquery'], factory);
2026  } else {
2027    // Browser globals
2028    factory(jQuery);
2029  }
2030}(function ($) {
2031  $.timeago = function(timestamp) {
2032    if (timestamp instanceof Date) {
2033      return inWords(timestamp);
2034    } else if (typeof timestamp === "string") {
2035      return inWords($.timeago.parse(timestamp));
2036    } else if (typeof timestamp === "number") {
2037      return inWords(new Date(timestamp));
2038    } else {
2039      return inWords($.timeago.datetime(timestamp));
2040    }
2041  };
2042  var $t = $.timeago;
2043
2044  $.extend($.timeago, {
2045    settings: {
2046      refreshMillis: 60000,
2047      allowPast: true,
2048      allowFuture: false,
2049      localeTitle: false,
2050      cutoff: 0,
2051      strings: {
2052        prefixAgo: null,
2053        prefixFromNow: null,
2054        suffixAgo: "ago",
2055        suffixFromNow: "from now",
2056        inPast: "any moment now",
2057        seconds: "now",
2058        minute: "minute",
2059        minutes: "minutes",
2060        hour: "hour",
2061        hours: "hours",
2062        day: "day",
2063        days: "days",
2064        week: "Week",
2065        weeks: "Weeks",
2066        month: "month",
2067        months: "months",
2068        year: "year",
2069        years: "years",
2070        wordSeparator: " ",
2071        numbers: []
2072      }
2073    },
2074
2075    inWords: function(distanceMillis,type = '') {
2076      if(!this.settings.allowPast && ! this.settings.allowFuture) {
2077          throw 'timeago allowPast and allowFuture settings can not both be set to false.';
2078      }
2079
2080      var $l = this.settings.strings;
2081      var prefix = $l.prefixAgo;
2082      var suffix = $l.suffixAgo;
2083      if (this.settings.allowFuture) {
2084        if (distanceMillis < 0) {
2085          prefix = $l.prefixFromNow;
2086          suffix = $l.suffixFromNow;
2087        }
2088      }
2089
2090      if(!this.settings.allowPast && distanceMillis >= 0) {
2091        return this.settings.strings.inPast;
2092      }
2093
2094      var seconds = Math.abs(distanceMillis) / 1000;
2095      var minutes = seconds / 60;
2096      var hours = minutes / 60;
2097      var days = hours / 24;
2098      var weeks = days / 7;
2099      var years = days / 365;
2100
2101      function substitute(stringOrFunction, number) {
2102        var string = $.isFunction(stringOrFunction) ? stringOrFunction(number, distanceMillis) : stringOrFunction;
2103        var value = ($l.numbers && $l.numbers[number]) || number;
2104        return number+' '+string.replace(/%d/i, value);
2105        //return string.replace(/%d/i, value);
2106      }
2107
2108        // var words = seconds < 45 && substitute($l.seconds, '') ||
2109        // seconds < 90 && substitute('m', 1) ||
2110        // minutes < 45 && substitute('m', Math.round(minutes)) ||
2111        // minutes < 90 && substitute('h', 1) ||
2112        // hours < 24 && substitute('hrs', Math.round(hours)) ||
2113        // hours < 42 && substitute('d', 1) ||
2114        // days < 7 && substitute('d', Math.round(days)) ||
2115        // weeks < 2 && substitute('w', 1) ||
2116        // weeks < 52 && substitute('w', Math.round(weeks)) ||
2117        // years < 1.5 && substitute('y', 1) ||
2118        // substitute('yrs', Math.round(years));
2119        var words = '';
2120        if (type != 'notification') {
2121            if (seconds < 45) {
2122                words = substitute($l.seconds, '');
2123            }
2124            else if (seconds < 90) {
2125                words = substitute('m', 1);
2126            }
2127            else if (minutes < 45) {
2128                words = substitute('m', Math.round(minutes));
2129            }
2130            else if (minutes < 90) {
2131                words = substitute('h', 1);
2132            }
2133            else if (hours < 24) {
2134                words = substitute('hrs', Math.round(hours));
2135            }
2136            else if (hours < 42) {
2137                words = substitute('d', 1);
2138            }
2139            else if (days < 7) {
2140                words = substitute('d', Math.round(days));
2141            }
2142            else if (weeks < 2) {
2143                words = substitute('w', 1);
2144            }
2145            else if (weeks < 52) {
2146                words = substitute('w', Math.round(weeks));
2147            }
2148            else if (years < 1.5) {
2149                words = substitute('y', 1);
2150            }
2151            else {
2152                words = substitute('yrs', Math.round(years));
2153            }
2154        }
2155        else{
2156            if (seconds < 45) {
2157                words = substitute($l.seconds, '');
2158            }
2159            else if (seconds < 90) {
2160                words = substitute($l.minute + ' ago', 1);
2161            }
2162            else if (minutes < 45) {
2163                words = substitute($l.minutes + ' ago', Math.round(minutes));
2164            }
2165            else if (minutes < 90) {
2166                words = substitute($l.hour + ' ago', 1);
2167            }
2168            else if (hours < 24) {
2169                words = substitute($l.hours + ' ago', Math.round(hours));
2170            }
2171            else if (hours < 42) {
2172                words = substitute($l.day + ' ago', 1);
2173            }
2174            else if (days < 7) {
2175                words = substitute($l.days + ' ago', Math.round(days));
2176            }
2177            else if (weeks < 2) {
2178                words = substitute($l.week + ' ago', 1);
2179            }
2180            else if (weeks < 52) {
2181                words = substitute($l.weeks + ' ago', Math.round(weeks));
2182            }
2183            else if (years < 1.5) {
2184                words = substitute($l.year + ' ago', 1);
2185            }
2186            else {
2187                words = substitute($l.years + ' ago', Math.round(years));
2188            }
2189        }
2190            
2191
2192
2193
2194      var separator = $l.wordSeparator || "";
2195      if ($l.wordSeparator === undefined) { separator = " "; }
2196
2197      
2198         return $.trim([prefix, words].join(separator));
2199
2200          },
2201
2202    parse: function(iso8601) {
2203      var s = $.trim(iso8601);
2204      s = s.replace(/\.\d+/,""); // remove milliseconds
2205      s = s.replace(/-/,"/").replace(/-/,"/");
2206      s = s.replace(/T/," ").replace(/Z/," UTC");
2207      s = s.replace(/([\+\-]\d\d)\:?(\d\d)/," $1$2"); // -04:00 -> -0400
2208      s = s.replace(/([\+\-]\d\d)$/," $100"); // +09 -> +0900
2209      return new Date(s);
2210    },
2211    datetime: function(elem) {
2212      var iso8601 = $t.isTime(elem) ? $(elem).attr("datetime") : $(elem).attr("title");
2213      return $t.parse(iso8601);
2214    },
2215    isTime: function(elem) {
2216      // jQuery's `is()` doesn't play well with HTML5 in IE
2217      return $(elem).get(0).tagName.toLowerCase() === "time"; // $(elem).is("time");
2218    }
2219  });
2220
2221  // functions that can be called via $(el).timeago('action')
2222  // init is default when no action is given
2223  // functions are called with context of a single element
2224  var functions = {
2225    init: function(){
2226      var refresh_el = $.proxy(refresh, this);
2227      refresh_el();
2228      var $s = $t.settings;
2229      if ($s.refreshMillis > 0) {
2230        this._timeagoInterval = setInterval(refresh_el, $s.refreshMillis);
2231      }
2232    },
2233    update: function(time){
2234      var parsedTime = $t.parse(time);
2235      $(this).data('timeago', { datetime: parsedTime });
2236      if($t.settings.localeTitle) $(this).attr("title", parsedTime.toLocaleStr
2236ing());
2237      refresh.apply(this);
2238    },
2239    updateFromDOM: function(){
2240      $(this).data('timeago', { datetime: $t.parse( $t.isTime(this) ? $(this).attr("datetime") : $(this).attr("title") ) });
2241      refresh.apply(this);
2242    },
2243    dispose: function () {
2244      if (this._timeagoInterval) {
2245        window.clearInterval(this._timeagoInterval);
2246        this._timeagoInterval = null;
2247      }
2248    }
2249  };
2250
2251  $.fn.timeago = function(action, options) {
2252    var fn = action ? functions[action] : functions.init;
2253    if(!fn){
2254      throw new Error("Unknown function name '"+ action +"' for timeago");
2255    }
2256    // each over objects here and call the requested function
2257    this.each(function(){
2258      fn.call(this, options);
2259    });
2260    return this;
2261  };
2262
2263  function refresh() {
2264    var data = prepareData(this);
2265    var $s = $t.settings;
2266
2267    if (!isNaN(data.datetime)) {
2268      if ( $s.cutoff == 0 || Math.abs(distance(data.datetime)) < $s.cutoff) {
2269        let tType = '';
2270        if ($(this).hasClass('notification-time')) {
2271          tType = 'notification';
2272        }
2273        $(this).text(inWords(data.datetime,tType));
2274      }
2275    }
2276    return this;
2277  }
2278
2279  function prepareData(element) {
2280    element = $(element);
2281    if (!element.data("timeago")) {
2282      element.data("timeago", { datetime: $t.datetime(element) });
2283      var text = $.trim(element.text());
2284      if ($t.settings.localeTitle) {
2285        element.attr("title", element.data('timeago').datetime.toLocaleString());
2286      } else if (text.length > 0 && !($t.isTime(element) && element.attr("title"))) {
2287        element.attr("title", text);
2288      }
2289    }
2290    return element.data("timeago");
2291  }
2292
2293  function inWords(date,type) {
2294    return $t.inWords(distance(date),type);
2295  }
2296
2297  function distance(date) {
2298    return (new Date().getTime() - date.getTime());
2299  }
2300
2301  // fix for IE6 suckage
2302  document.createElement("abbr");
2303  document.createElement("time");
2304}));
2305
2306
2307$(function () {
2308  setInterval(function () {
2309    
2310    if ( $('.ajax-time').length > 0) {
2311      $('.ajax-time').timeago()
2312        .removeClass('.ajax-time');
2313    }
2314  },
2315  1000);
2316});
2317</script>
2317
2318            <!-- Audio FILES -->
2319      
2320      <!-- End 'Audio FILES' -->
2321      
2321<script>
2322        function _getSession(cname) {
2323                    return '';
2324        }
2325        function ReadMoreText(selector) {
2326          let text = "Read More";
2327          if (typeof selector == 'object') {
2328            selector = $(selector).attr('class');
2329          }
2330          for (var i = 0; i < $(selector).length; i++) {
2331            var t = $(selector)[i];
2332            if (!$(t).hasClass('ReadMoreAdded') && $(t).text().trim().length > 0 && $(t).height() > 190) {
2333              var c = new Date().getUTCMilliseconds() + (Math.floor(Math.random() * 9999)) + 100 + "_" + i;
2334              $(t).addClass(c);
2335              $(t).addClass('ReadMoreAdded');
2336              $(t).css({ maxHeight: "160px" })
2337              $(t).after('<a href="javascript:void(0)" onclick="ShowReadMoreText(\'.'+c+'\',this)">'+text+'</a>');
2338            }
2339          }
2340        }
2341        function ShowReadMoreText(selector,self) {
2342          let text = "Read less";
2343          $(selector).css({ maxHeight: "" })
2344          $(self).replaceWith('<a href="javascript:void(0)" onclick="HideReadMoreText(\''+selector+'\',this)">'+text+'</a>')
2345        }
2346        function HideReadMoreText(selector,self) {
2347          let text = "Read more";
2348          $(selector).css({ maxHeight: "160px" })
2349          $(self).replaceWith('<a href="javascript:void(0)" onclick="ShowReadMoreText(\''+selector+'\',this)">'+text+'</a>')
2350        }
2351                  let f = navigator.userAgent.search("Firefox");
2352      if (f > -1) {
2353            $('.header-brand').attr('href', "https://userinterface.us/?cache=1790854595");
2354      }
2355         function ShowCommentGif(id,type) {
2356            $( ".gif_post_comment" ).each(function( index ) {
2357               if ($( this ).attr('id') != 'gif-form-'+id) {
2358                  $( this ).slideUp();
2359               }
2360            });
2361            $('#gif-form-'+id).slideToggle(200);
2362            $('.gif_post_comment_gif').html('');
2363         }
2364         function GifScrolledC(self) {
2365            if ((($(self).prop("scrollHeight") - $(self).height()) - $(self).scrollTop()) < 300) {
2366              id = $(self).attr('GId');
2367              type = $(self).attr('GType');
2368              word = $(self).attr('GWord');
2369              offset = $(self).attr('GOffset');
2370              SearchForGif(word,id,type,offset);
2371            }
2372         }
2373         function SearchForGif(keyword,id = 0,type = '',offset = 0) {
2374
2375            if ($('#publisher-box-stickers-cont-'+id).attr('GWord') != keyword) {
2376              $('#publisher-box-stickers-cont-'+id).empty();
2377              $('#publisher-box-stickers-cont-'+id).attr('GOffset', 0);
2378              $('#publisher-box-stickers-cont-'+id).attr('GWord', keyword);
2379            }
2380            else{
2381              $('#publisher-box-stickers-cont-'+id).attr('GOffset', parseInt($('#publisher-box-stickers-cont-'+id).attr('GOffset')) + 20);
2382            }
2383            Wo_Delay(function(){
2384                $.ajax({
2385                  url: 'https://api.giphy.com/v1/gifs/search?',
2386                  type: 'GET',
2387                  dataType: 'json',
2388                  data: {q:keyword,api_key:'420d477a542b4287b2bf91ac134ae041', limit: 20,offset: offset},
2389                })
2390                .done(function(data) {
2391                  if (data.meta.status == 200 && data.data.length > 0) {
2392                    var appended = false;
2393                    for (var i = 0; i < data.data.length; i++) {
2394                        appended = true;
2395                        if (appended == true) {
2396                          appended = false;
2397                          if (type == 'story') {
2398                             $('#publisher-box-stickers-cont-'+id).append($('<img alt="gif" src="'+data.data[i].images.fixed_height_small.url+'" data-gif="' + data.data[i].images.fixed_height.url + '" onclick="Wo_PostCommentGif_'+id+'(this,'+id+')" autoplay loop>'));
2399                         }
2400                         else{
2401                           $('#publisher-box-stickers-cont-'+id).append($('<img alt="gif" src="'+data.data[i].images.fixed_height_small.url+'" data-gif="' + data.data[i].images.fixed_height.url + '" onclick="Wo_PostReplyCommentGif_'+id+'(this,'+id+')" autoplay loop>'));
2402                         }
2403                          appended = true;
2404                        }
2405                    }
2406                    var images = 0;
2407                    Wo_ElementLoad($('img[alt=gif]'), function(){
2408                      images++;
2409                    });
2410                    if (data.data.length == images || images >= 5) {
2411
2412                    }
2413                  }
2414                  else{
2415                     $('#publisher-box-stickers-cont-'+id).html('<p class="no_gifs_found"><i class="fa fa-frown-o"></i> No result to show</p>');
2416                  }
2417                })
2418                .fail(function() {
2419                  console.log("error");
2420                })
2421              },100);
2422         }
2423         function ShowCommentStickers(id,type) {
2424            $('.gif_post_comment').slideUp(200);
2425            $('.gif_post_comment_gif').html('');
2426           $('#sticker-form-'+id).slideToggle(200);
2427           $('.chat-box-stickers-cont').empty();
2428           functionName = "Wo_PostReplyCommentSticker_"+id+"(this,"+id+");";
2429           if (type == 'story') {
2430            functionName = "Wo_PostCommentSticker_"+id+"(this,"+id+");";
2431           }
2432
2433                      sticker = '<div class="empty_state" style="margin: 15px 0 0;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5.5,2C3.56,2 2,3.56 2,5.5V18.5C2,20.44 3.56,22 5.5,22H16L22,16V5.5C22,3.56 20.44,2 18.5,2H5.5M5.75,4H18.25A1.75,1.75 0 0,1 20,5.75V15H18.5C16.56,15 15,16.56 15,18.5V20H5.75A1.75,1.75 0 0,1 4,18.25V5.75A1.75,1.75 0 0,1 5.75,4M14.44,6.77C14.28,6.77 14.12,6.79 13.97,6.83C13.03,7.09 12.5,8.05 12.74,9C12.79,9.15 12.86,9.3 12.95,9.44L16.18,8.56C16.18,8.39 16.16,8.22 16.12,8.05C15.91,7.3 15.22,6.77 14.44,6.77M8.17,8.5C8,8.5 7.85,8.5 7.7,8.55C6.77,8.81 6.22,9.77 6.47,10.7C6.5,10.86 6.59,11 6.68,11.16L9.91,10.28C9.91,10.11 9.89,9.94 9.85,9.78C9.64,9 8.95,8.5 8.17,8.5M16.72,11.26L7.59,13.77C8.91,15.3 11,15.94 12.95,15.41C14.9,14.87 16.36,13.25 16.72,11.26Z"></path></svg> No result to show</div>';
2434           $('#publisher-box-sticker-cont-'+id).html(sticker);
2435
2436         }
2437        $(window).on("popstate", function (e) {
2438          location.reload();
2439      });
2440       /*Language Select*/
2441        $(document).ready(function(){
2442          $("#wo_language_modal .language_select .English").append('<span class="language_initial"><img src="https://userinterface.us/themes/sunshine/img/flags/united-states.svg"/></span> ');
2443          $("#wo_language_modal .language_select .Arabic").append('<span class="language_initial"><img src="https://userinterface.us/themes/sunshine/img/flags/saudi-arabia.svg"/></span> ');
2444          $("#wo_language_modal .language_select .Dutch").append('<span class="language_initial"><img src="https://userinterface.us/themes/sunshine/img/flags/netherlands.svg"/></span> ');
2445          $("#wo_language_modal .language_select .French").append('<span class="language_initial"><img src="https://userinterface.us/themes/sunshine/img/flags/france.svg"/></span> ');
2446          $("#wo_language_modal .language_select .German").append('<span class="language_initial"><img src="https://userinterface.us/themes/sunshine/img/flags/germany.svg"/></span> ');
2447          $("#wo_language_modal .language_select .Hungarian, #wo_language_modal .language_select .Magyar").append('<span class="language_initial"><img src="https://userinterface.us/themes/sunshine/img/flags/hungary.svg"/></span> ');
2448          $("#wo_language_modal .language_select .Italian").append('<span class="language_initial"><img src="https://userinterface.us/themes/sunshine/img/flags/italy.svg"/></span> ');
2449          $("#wo_language_modal .language_select .Portuguese").append('<span class="language_initial"><img src="https://userinterface.us/themes/sunshine/img/flags/portugal.svg"/></span> ');
2450          $("#wo_language_modal .language_select .Russian").append('<span class="language_initial"><img src="https://userinterface.us/themes/sunshine/img/flags/russia.svg"/></span> ');
2451          $("#wo_language_modal .language_select .Spanish").append('<span class="language_initial"><img src="https://userinterface.us/themes/sunshine/img/flags/spain.svg"/></span> ');
2452          $("#wo_language_modal .language_select .Serbian").append('<span class="language_initial"><img src="https://userinterface.us/themes/sunshine/img/flags/serbia.svg"/></span> ');
2453          $("#wo_language_modal .language_select .Turkish").append('<span class="language_initial"><img src="https://userinterface.us/themes/sunshine/img/flags/turkey.svg"/></span> ');
2454        });
2455        /* 
2456
2457The code entered here will be added in <footer> tag 
2458
2459*/      </script>
2459
2460            
2460<script>
2461      window.addEventListener("load", function(){
2462      window.cookieconsent.initialise({
2463        "palette": {
2464          "popup": {
2465            "background": "#1e2321",
2466            "text": "#fff"
2467          },
2468          "button": {
2469            "background": "#c64d53"
2470          }
2471        },
2472        "theme": "classic",
2473        "content": {
2474          "message": "This website uses cookies to ensure you get the best experience on our website.",
2475          "dismiss": "Got It!",
2476          "link": "Learn More",
2477          "href": "https://userinterface.us/terms/privacy-policy"
2478        }
2479      })});
2480      </script>
2480
2481      
2482		      <!-- // NEW STORY -->
2483      
2483<script type="text/javascript">
2484         $(document).on('mouseover', '.story_lightbox', function(event) {
2485                $('.width_').css('width', $('.width_').css('width'));
2486                value = $(this).attr('data-post-id');
2487                $(this).addClass('dont_close_story_'+value);
2488          });
2489          $(document).on('mouseleave', '.story_lightbox', function(event) {
2490            Wo_Delay(function(){
2491                    if ($('#users-reacted-modal').is(':hidden')) {
2492                  value = $(this).attr('data-post-id');
2493                   $(this).removeClass('dont_close_story_'+value);
2494                     setTimeout(function(){
2495                             $('.width_').css('width', '100%');
2496                     }, 700);
2497                     Wo_Delay(function(){
2498                             if ($('.dont_close_story_'+value).length == 0) {
2499                               $('.story_lightbox').find('.next-btn').click();
2500                             }
2501                     }, 10000);
2502                  }
2503            }, 500);
2504
2505          });
2506          $(document).on('click', '.story-image-wrapper', function(event) {
2507          event.preventDefault();
2508          $('#contnet').append('<div class="lightbox-container"><div class="lightbox-backgrond" onclick="Wo_CloseLightbox();"></div><div class="lb-preloader" style="display:block"><svg width="50px" height="50px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"><rect x="0" y="0" width="100" height="100" fill="none" class="bk"></rect><circle cx="50" cy="50" r="40" stroke="#676d76" fill="none" stroke-width="6" stroke-linecap="round"><animate attributeName="stroke-dashoffset" dur="1.5s" repeatCount="indefinite" from="0" to="502"></animate><animate attributeName="stroke-dasharray" dur="1.5s" repeatCount="indefinite" values="150.6 100.4;1 250;150.6 100.4"></animate></circle></svg></div></div>');
2509
2510          $value = $(this).parents(".story-container").attr('data-status-id');
2511          $.post(Wo_Ajax_Requests_File() + '?f=story_view', {id: $value}, function(data, textStatus, xhr) {
2512            if (data.status == 200) {
2513              document.body.style.overflow = 'hidden';
2514                $('.lightbox-container').html(data.html);
2515                $('.width_').addClass('load');
2516                setTimeout(function(){
2517                    $('.width_').css('width', '100%');
2518              }, 200);
2519                Wo_Delay(function(){
2520                    if ($('.dont_close_story_'+$value).length == 0) {
2521                      Get_NextStory(data.story_id);
2522                    }
2523              }, 10000);
2524            }
2525            else{
2526              Wo_CloseLightbox();
2527            }
2528          });
2529        });
2530
2531        function Wo_GetMoreStoryViews(story_id,self) {
2532          last_view = $('.story_views_').last().attr('id');
2533          $(self).addClass('dont_close_story_'+story_id);
2534          $(self).find('span').html('Please wait..');
2535          $.post(Wo_Ajax_Requests_File() + '?f=story_views_', {last_view:last_view,story_id:story_id}, function(data, textStatus, xhr) {
2536            if (data.status == 200) {
2537              $(self).find('button').html('<svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather"><polyline points="6 9 12 15 18 9"></polyline></svg> Load more');
2538
2539              $('.views_container_').append(data.html);
2540            }
2541            else{
2542              $(self).find('button').html('No more views');
2543
2544            }
2545          });
2546        }
2547        $(document).on('click', '.see_all_stories', function(event) {
2548          event.preventDefault();
2549          $('#contnet').append('<div class="lightbox-container"><div class="lightbox-backgrond" onclick="Wo_CloseLightbox();"></div><div class="lb-preloader" style="display:block"><svg width="50px" height="50px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"><rect x="0" y="0" width="100" height="100" fill="none" class="bk"></rect><circle cx="50" cy="50" r="40" stroke="#676d76" fill="none" stroke-width="6" stroke-linecap="round"><animate attributeName="stroke-dashoffset" dur="1.5s" repeatCount="indef
2549inite" from="0" to="502"></animate><animate attributeName="stroke-dasharray" dur="1.5s" repeatCount="indefinite" values="150.6 100.4;1 250;150.6 100.4"></animate></circle></svg></div></div>');
2550          user_id = $(this).attr('data_story_user_id');
2551          type = $(this).attr('data_story_type');
2552          $.post(Wo_Ajax_Requests_File() + '?f=view_all_stories', {user_id: user_id,type:type}, function(data, textStatus, xhr) {
2553            if (node_socket_flow == "1") {
2554               socket.emit("user_notification", { to_id: user_id, user_id: _getCookie("user_id"), type: "added" });
2555            }
2556            document.body.style.overflow = 'hidden';
2557            $('.lightbox-container').html(data.html);
2558            setTimeout(function(){
2559              video_story = $('#video_story').attr('data-story-video');
2560                if ($('[data-story-video='+video_story+']').length == 0) {
2561
2562                  $('.width_').addClass('load');
2563                  setTimeout(function(){
2564                      $('.width_').css('width', '100%');
2565                  }, 200);
2566                  Wo_Delay(function(){
2567                    value = $('.user_story_').attr('id');
2568
2569                      if ($('.dont_close_story_'+value).length == 0) {
2570                        if (type == 'user') {
2571                          Get_NextStory(data.story_id);
2572                        }
2573                        else{
2574
2575                          Get_NextStory(data.story_id,'friends');
2576                        }
2577                      }
2578                  }, 10000);
2579                }
2580              }, 200);
2581          });
2582        });
2583        function Get_PreviousStory(story_id,story_type = '') {
2584          if ($('.lightbox-container').is(":visible")) {
2585
2586            Wo_CloseLightbox();
2587            $('#contnet').append('<div class="lightbox-container"><div class="lightbox-backgrond" onclick="Wo_CloseLightbox();"></div><div class="lb-preloader" style="display:block"><svg width="50px" height="50px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"><rect x="0" y="0" width="100" height="100" fill="none" class="bk"></rect><circle cx="50" cy="50" r="40" stroke="#676d76" fill="none" stroke-width="6" stroke-linecap="round"><animate attributeName="stroke-dashoffset" dur="1.5s" repeatCount="indefinite" from="0" to="502"></animate><animate attributeName="stroke-dasharray" dur="1.5s" repeatCount="indefinite" values="150.6 100.4;1 250;150.6 100.4"></animate></circle></svg></div></div>');
2588            $.post(Wo_Ajax_Requests_File() + '?f=view_story_by_id', {story_id: story_id,type:'previous',story_type:story_type}, function(data, textStatus, xhr) {
2589               user_id = $(this).attr('data_story_user_id');
2590               if (node_socket_flow == "1") {
2591               socket.emit("user_notification", { to_id: user_id, user_id: _getCookie("user_id"), type: "added" });
2592            }
2593              if (data.status == 200) {
2594                document.body.style.overflow = 'hidden';
2595                  $('.lightbox-container').html(data.html);
2596                  video_story = $('#video_story').attr('data-story-video');
2597                if ($('[data-story-video='+video_story+']').length == 0) {
2598                    $('.width_').addClass('load');
2599                    setTimeout(function(){
2600                        $('.width_').css('width', '100%');
2601                  }, 200);
2602                    Wo_Delay(function(){
2603                      value = $('.user_story_').attr('id');
2604                        if ($('.dont_close_story_'+value).length == 0) {
2605                          if (story_type == 'user') {
2606                            if ($('.lightpost-'+data.story_id).length > 0) {
2607                              Get_NextStory(data.story_id);
2608                            }
2609                          }
2610                          else{
2611                            if ($('.lightpost-'+data.story_id).length > 0) {
2612                              Get_NextStory(data.story_id,'friends');
2613                            }
2614                          }
2615                        }
2616                  }, 10000);
2617                }
2618              }
2619              else{
2620                Wo_CloseLightbox();
2621              }
2622            });
2623          }
2624        }
2625        function Get_NextStory(story_id,story_type = '') {
2626          if ($('.lightbox-container').is(":visible")) {
2627
2628            Wo_CloseLightbox();
2629            $('#contnet').append('<div class="lightbox-container"><div class="lightbox-backgrond" onclick="Wo_CloseLightbox();"></div><div class="lb-preloader" style="display:block"><svg width="50px" height="50px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"><rect x="0" y="0" width="100" height="100" fill="none" class="bk"></rect><circle cx="50" cy="50" r="40" stroke="#676d76" fill="none" stroke-width="6" stroke-linecap="round"><animate attributeName="stroke-dashoffset" dur="1.5s" repeatCount="indef
2629inite" from="0" to="502"></animate><animate attributeName="stroke-dasharray" dur="1.5s" repeatCount="indefinite" values="150.6 100.4;1 250;150.6 100.4"></animate></circle></svg></div></div>');
2630            $.post(Wo_Ajax_Requests_File() + '?f=view_story_by_id', {story_id: story_id,type:'next',story_type:story_type}, function(data, textStatus, xhr) {
2631              if (data.status == 200) {
2632               user_id = $(this).attr('data_story_user_id');
2633               if (node_socket_flow == "1") {
2634               socket.emit("user_notification", { to_id: user_id, user_id: _getCookie("user_id"), type: "added" });
2635            }
2636                document.body.style.overflow = 'hidden';
2637                  $('.lightbox-container').html(data.html);
2638                  video_story = $('#video_story').attr('data-story-video');
2639                if ($('[data-story-video='+video_story+']').length == 0) {
2640                    $('.width_').addClass('load');
2641                    setTimeout(function(){
2642                        $('.width_').css('width', '100%');
2643                  }, 200);
2644                    Wo_Delay(function(){
2645                      value = $('.user_story_').attr('id');
2646                        if ($('.dont_close_story_'+value).length == 0) {
2647                          if (story_type == 'user') {
2648                            if ($('.lightpost-'+data.story_id).length > 0) {
2649                              Get_NextStory(data.story_id);
2650                            }
2651                      }
2652                      else{
2653                        if ($('.lightpost-'+data.story_id).length > 0) {
2654                          Get_NextStory(data.story_id,'friends');
2655                        }
2656                      }
2657                        }
2658                  }, 10000);
2659                }
2660              }
2661              else{
2662                if (story_type == 'user') {
2663                  if($('.unseen_story').length > 0){
2664                    $('.unseen_story').addClass('seen_story');
2665                    $('.unseen_story').removeClass('unseen_story');
2666
2667                  }
2668                }
2669                Wo_CloseLightbox();
2670              }
2671            });
2672          }
2673      }
2674      function Get_CurrentStory(story_id,story_type = '') {
2675
2676            Wo_CloseLightbox();
2677            $('#contnet').append('<div class="lightbox-container"><div class="lightbox-backgrond" onclick="Wo_CloseLightbox();"></div><div class="lb-preloader" style="display:block"><svg width="50px" height="50px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"><rect x="0" y="0" width="100" height="100" fill="none" class="bk"></rect><circle cx="50" cy="50" r="40" stroke="#676d76" fill="none" stroke-width="6" stroke-linecap="round"><animate attributeName="stroke-dashoffset" dur="1.5s" repeatCount="indefinite" from="0" to="502"></animate><animate attributeName="stroke-dasharray" dur="1.5s" repeatCount="indefinite" values="150.6 100.4;1 250;150.6 100.4"></animate></circle></svg></div></div>');
2678            $.post(Wo_Ajax_Requests_File() + '?f=view_story_by_id', {story_id: story_id,type:'current',story_type:story_type}, function(data, textStatus, xhr) {
2679              if (data.status == 200) {
2680                  user_id = $(this).attr('data_story_user_id');
2681               if (node_socket_flow == "1") {
2682               socket.emit("user_notification", { to_id: user_id, user_id: _getCookie("user_id"), type: "added" });
2683            }
2684                document.body.style.overflow = 'hidden';
2685                  $('.lightbox-container').html(data.html);
2686                  video_story = $('#video_story').attr('data-story-video');
2687                if ($('[data-story-video='+video_story+']').length == 0) {
2688                    $('.width_').addClass('load');
2689                    setTimeout(function(){
2690                        $('.width_').css('width', '100%');
2691                  }, 200);
2692                    Wo_Delay(function(){
2693                      value = $('.user_story_').attr('id');
2694                        if ($('.dont_close_story_'+value).length == 0) {
2695                          if (story_type == 'user') {
2696                            if ($('.lightpost-'+data.story_id).length > 0) {
2697                              Get_NextStory(data.story_id);
2698                            }
2699                      }
2700                      else{
2701                        if ($('.lightpost-'+data.story_id).length > 0) {
2702                          Get_NextStory(data.story_id,'friends');
2703                        }
2704                      }
2705                        }
2706                  }, 10000);
2707                }
2708              }
2709              else{
2710                if (story_type == 'user') {
2711                  if($('.unseen_story').length > 0){
2712                    $('.unseen_story').addClass('seen_story');
2713                    $('.unseen_story').removeClass('unseen_story');
2714
2715                  }
2716                }
2717                Wo_CloseLightbox();
2718              }
2719            });
2720      }
2721    </script>
2721
2722      <!-- // NEW STORY -->
2723
2724	          <div class="modal fade sun_modal" id="apply-job-modal" role="dialog">
2725    </div>
2726    <div id="pay_modal_wallet">
2727      <div class="modal fade wow_mat_pops" id="pay-go-pro" role="dialog" data-keyboard="false">
2728        <div class="modal-dialog">
2729          <div class="modal-content">
2730            <div class="wow_pops_head">
2731              <svg height="100px" preserveAspectRatio="none" version="1.1" viewBox="0 0 300 100" width="300px" xmlns="http://www.w3.org/2000/svg"><path d="M30.913,43.944c0,0,42.911-34.464,87.51-14.191c77.31,35.14,113.304-1.952,146.638-4.729 c48.654-4.056,69.94,16.218,69.94,16.218v54.396H30.913V43.944z" fill="currentColor" opacity="0.6"></path> <path d="M-35.667,44.628c0,0,42.91-34.463,87.51-14.191c77.31,35.141,113.304-1.952,146.639-4.729 c48.653-4.055,69.939,16.218,69.939,16.218v54.396H-35.667V44.628z" fill="currentColor" opacity="0.6"></path> <path d="M-34.667,62.998c0,0,56-45.667,120.316-27.839C167.484,57.842,197,41.332,232.286,30.428 c53.07-16.399,104.047,36.903,104.047,36.903l1.333,36.667l-372-2.954L-34.667,62.998z" fill="currentColor"></path></svg>
2732              <h4><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20,8H4V6H20M20,18H4V12H20M20,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4Z"></path></svg> Pay By Wallet</h4>
2733            </div>
2734            <div class="modal-body">
2735              <div class="pay_modal_wallet_alert"></div>
2736              <h4 class="pay_modal_wallet_text"></h4>
2737            </div>
2738            <div class="clear"></div>
2739            <div class="modal-footer">
2740              <div class="ball-pulse"><div></div><div></div><div></div></div>
2741              <button type="button" class="btn btn-mat btn-main" id="pay_modal_wallet_btn">Pay Now</button>
2742            </div>
2743          </div>
2744        </div>
2745      </div>
2746    </div>
2747    <!-- HTML NOTIFICATION POPUP -->
2748    <div id="notification-popup"></div>
2749    <!-- HTML NOTIFICATION POPUP -->
2750    
2751      <div class="modal fade" id="add_monetization_modal" role="dialog" data-keyboard="false" style="overflow-y: auto;">
2752          <div class="modal-dialog wow_mat_mdl">
2753              <div class="modal-content">
2754                  <div class="modal-header">
2755                      <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></span></button>
2756                      <h4 class="modal-title">Add Package</h4>
2757                  </div>
2758                  <form class="form form-horizontal monetization_form" method="post" action="#">
2759                      <div class="modal-body twocheckout_modal">
2760                          <div class="modal_add_monetization_modal_alert"></div>
2761                          <div class="clear"></div>
2762                          <div class="row">
2763                              <div class="col-md-12">
2764                                  <div class="wow_form_fields">
2765                                      <label for="title">Title</label>
2766                                      <input id="title" name="title" type="text" autocomplete="off" placeholder="Title" value="">
2767                                  </div>
2768                              </div>
2769
2770                                  <div class="col-md-8">
2771                                      <div class="wow_form_fields">
2772                                          <label for="price">Price</label>
2773                                          <input id="price" name="price" type="number" autocomplete="off" placeholder="Price" value="">
2774                                      </div>
2775                                  </div>
2776                                  <div class="col-md-4">
2777                                      <div class="wow_form_fields">
2778											<label for="currency">&nbsp;</label>
2779                                          <select id="currency" name="currency">
2780                                                                                                <option value="0">USD (&#36;)</option>
2781                                                                                                <option value="1">EUR (&#8364;)</option>
2782                                                                                                <option value="2">JPY (&#165;)</option>
2783                                                                                                <option value="3">TRY (&#8378;)</option>
2784                                                                                                <option value="4">GBP (&#163;)</option>
2785                                                                                                <option value="5">RUB (&#8381;)</option>
2786                                                                                                <option value="6">PLN (&#122;&#322;)</option>
2787                                                                                                <option value="7">ILS (&#8362;)</option>
2788                                                                                                <option value="8">BRL (&#82;&#36;)</option>
2789                                                                                                <option value="9">INR (&#8377;)</option>
2790                                                                                        </select>
2791                                      </div>
2792                                  </div>
2793
2794                              <div class="col-md-12">
2795                                  <div class="wow_form_fields">
2796									<label for="period">Duration</label>
2797                                      <select id="period" name="period">
2798                                          <option value="daily">Daily</option>
2799                                          <option value="weekly">Weekly</option>
2800                                          <option value="monthly">Monthly</option>
2801                                          <option value="yearly">Yearly</option>
2802                                      </select>
2803                                  </div>
2804                              </div>
2805                              <div class="col-md-12">
2806                                  <div class="wow_form_fields">
2807                                      <label for="description">Description</label>
2808                                      <textarea id="description" name="description" type="text" rows="3" autocomplete="off" placeholder="Description"></textarea>
2809                                  </div>
2810                              </div>
2811                          </div>
2812                          <div class="clear"></div>
2813                      </div>
2814                      <div class="clear"></div>
2815                      <div class="modal-footer">
2816                          <div class="ball-pulse"><div></div><div></div><div></div></div>
2817                          <button type="submit" class="btn btn-main btn-mat">Add</button>
2818                      </div>
2819                  </form>
2820              </div>
2821          </div>
2822      </div>
2823    <div class="modal fade" id="delete-address" tabindex="-1" role="dialog" aria-labelledby="delete-address" aria-hidden="true" data-id="0">
2824		<div class="modal-dialog modal-md mat_box wow_mat_mdl" role="document">
2825			<div class="modal-content">
2826				<div class="modal-header">
2827					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></span></button>
2828					<h4 class="modal-title">Delete your address</h4>
2829				</div>
2830				<div class="modal-body">
2831					Are you sure you want to delete this address?				</div>
2832				<div class="modal-footer">
2833					<button type="button" class="btn btn-main btn-mat" data-dismiss="modal">Delete</button>
2834				</div>
2835			</div>
2836		</div>
2837    </div>
2838      <div class="modal fade" id="delete-monetization" tabindex="-1" role="dialog" aria-labelledby="delete-monetization" aria-hidden="true" data-id="0">
2839          <div class="modal-dialog modal-md mat_box wow_mat_mdl" role="document">
2840              <div class="modal-content">
2841                  <div class="modal-header">
2842                      <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></span></button>
2843                      <h4 class="modal-title">Remove your monetization package</h4>
2844                  </div>
2845                  <div class="modal-body">
2846                      Are you sure you want to delete this package?                  </div>
2847                  <div class="modal-footer">
2848                      <button type="button" class="btn btn-main btn-mat" data-dismiss="modal">Delete</button>
2849                  </div>
2850              </div>
2851          </div>
2852      </div>
2853      <div class="modal fade" id="unsubscribe-monetization" tabindex="-1" role="dialog" aria-labelledby="unsubscribe-monetization" aria-hidden="true" data-id="0">
2854          <div class="modal-dialog modal-md mat_box wow_mat_mdl" role="document">
2855              <div class="modal-content">
2856                  <div class="modal-header">
2857                      <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></span></button>
2858                      <h4 class="modal-title">Unsubscribe</h4>
2859                  </div>
2860                  <div class="modal-body">
2861                      Are you sure you want to unsubscribe from this user? Keep in mind that you won't be able to view any of their monetized content.                  </div>
2862                  <div class="modal-footer">
2863                      <button type="button" class="btn btn-main btn-mat" data-dismiss="modal">Unsubscribe</button>
2864                  </div>
2865              </div>
2866          </div>
2867      </div>
2868    <div class="modal fade ch_payment_box" id="buy_product_modal" tabindex="-1" role="dialog" aria-labelledby="buy_product" aria-hidden="true" data-id="0">
2869		<div class="modal-dialog modal-md mat_box" role="document">
2870			<div class="modal-content">
2871				<div class="ch_payment_head">
2872					<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
2872<path fill="currentColor" d="M12,13A5,5 0 0,1 7,8H9A3,3 0 0,0 12,11A3,3 0 0,0 15,8H17A5,5 0 0,1 12,13M12,3A3,3 0 0,1 15,6H9A3,3 0 0,1 12,3M19,6H17A5,5 0 0,0 12,1A5,5 0 0,0 7,6H5C3.89,6 3,6.89 3,8V20A2,2 0 0,0 5,22H19A2,2 0 0,0 21,20V8C21,6.89 20.1,6 19,6Z"></path></svg>
2873					<h4>Payment Alert</h4>
2874				</div>
2875				<div class="modal-body">
2876					<div class="modal_product_pay_alert"></div>
2877					You are about to purchase the items, do you want to proceed?				</div>
2878				<div class="modal-footer">
2879					<input type="hidden" id="product_id">
2880					<input type="hidden" id="product_price">
2881					<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
2882					<button type="button" class="btn btn-main btn-mat">Pay Now</button>
2883				</div>
2884			</div>
2885		</div>
2886    </div>
2887	<div class="modal fade" id="refund_order" tabindex="-1" role="dialog" aria-labelledby="refund_order" aria-hidden="true" data-id="0">
2888		<div class="modal-dialog mat_box wow_mat_mdl" role="document">
2889			<div class="modal-content">
2890				<div class="modal-header">
2891					<h5 class="modal-title">Request a Refund</h5>
2892				</div>
2893				<form class="refund_order_form" method="post">
2894					<div class="modal-body">
2895						<div class="modal_refund_order_modal_alert"></div>
2896						<div class="wow_form_fields">
2897							<label class="form-label">Please explain the reason</label>
2898							<textarea placeholder="Please explain the reason" rows="5" name="message" id="refund_order_message"></textarea>
2899						</div>
2900					</div>
2901					<div class="modal-footer">
2902						<button type="button" class="btn btn-default btn-mat" data-dismiss="modal">Cancel</button>
2903						<button type="submit" class="btn btn-main btn-mat get_refnd">Request</button>
2904					</div>
2905				</form>
2906			</div>
2907		</div>
2908    </div>
2909
2910    <a href="https://userinterface.us/checkout" data-ajax="?link1=checkout" id="load_checkout" style="display: none;"></a>
2911	
2912	<div id="select-language" class="modal fade" data-keyboard="false">
2913		<div class="modal-dialog modal-lg wow_mat_mdl lang_select_modal">
2914            <div class="modal-content">
2915				<div class="modal-body">
2916					<div class="row">
2917						<div class="col-md-4">
2918							<div class="language_info">
2919								<h3>Language</h3>
2920								<svg enable-background="new 0 0 497 497" height="512" viewBox="0 0 497 497" width="512" xmlns="http://www.w3.org/2000/svg"><g><path d="m497 265.608c0-70.961-31.942-134.462-82.232-176.909-40.279-33.998-153.438-37.892-153.438-37.892l-82.012.473c-.61.258-1.347.079-1.954.342-80.382 34.882-132.545 117.531-132.545 213.605 0 127.798 95.283 214.76 223.081 214.76 38.422 0 72.357 7.656 104.247-8.915 74.182-38.546 124.853-116.088 124.853-205.464z" fill="#94ccd4"/><path d="m414.77 88.697c-23.53 15.39-48.79 30.66-58.26 32.73-25.99 7.6-59.82-8.5-66.77 29.83-.2 7.4-.85 14.43-1.96 20.99-1.24 7.32-3.96 14.21-7.91 20.33s-14.463 7.906-20.583 12.106c-16.85 11.58-30.541 12.274-48.681 2.824-.46-.24-.93-.49-1.4-.74-30.22-14.81-47.973-48.87-16.643-73.76 20.59-17 17.476-46.987 3.086-65.727l-8.66-10.02c6.723-2.777 3.986-10.878 11.01-13.021 21.385-6.524 44.084-10.032 67.6-10.032 56.841 0 108.891 20.49 149.171 54.49z" fill="#b7e546"/><path d="m445.066 208.328c-.129-19.101-7.841-37.381-21.444-50.801-11.605-13.278-15.619-21.189-31.569-6.53-15.118 18.805-.207 42.145-32.34 74.213-5.691 5.793-8.884 13.723-8.563 21.852-.012-.002-.007-1.436-.018-1.438 1.155 20.135 14.908 36.366 34.51 36.366 25.18-.001 59.424-29.559 59.424-73.662z" fill="#b7e546"/><path d="m372.62 223.717c-5.69 5.8-8.89 13.73-8.57 21.86-.01-.01-.01-.02-.02-.02.96 16.67 15.41 30.7 31.48 35.04-3.37.92-6.69 1.39-9.87 1.39-19.6 0-40.45-16.29-41.61-36.43.01 0 .01.01.02.02-.32-8.13 2.88-16.06 8.57-21.86 32.13-32.06 13.51-57.11 28.63-75.91 9.11-8.38 17.86-8.34 25.84-4.29-1.93 1.07-3.87 2.48-5.84 4.29-15.12 18.8 3.5 43.85-28.63 75.91z" fill="#abd641"/><path d="m466.803 17.508v115.506l-7.36 6.988c0 9.665-10.988 11.121-20.654 11.121l-52.829-.397c-2.458 0-4.854.776-6.844 2.218l-43.595 30.271c-3.857 2.794-9.256.038-9.256-4.724l4.092-14.559c0-6.444-5.224-11.667-11.667-11.667h-14c-9.665 0-17.501-7.835-17.501-17.501l-2.11-108.356c0-9.665 3.839-19.859 13.504-19.859l4.878-6.541h145.841c9.666-.001 17.501 7.834 17.501 17.5z" fill="#dc4955"/><path d="m466.803 133.014v5.834c0 9.665-7.835 17.501-17.501 17.501h-62.63c-2.462 0-4.854.782-6.837 2.217l-47.288 34.243c-3.85 2.8-9.252.047-9.252-4.725v-20.068c0-6.444-5.224-11.667-11.667-11.667h-14.001c-9.665 0-17.501-7.835-17.501-17.501v-121.34c0-9.665 7.835-17.501 17.501-17.501h5.834v130.674c0 1.289 1.045 2.333 2.333 2.333h5.834c13.429 0 25.112 7.595 30.979 18.725 1 1.897 3.425 2.496 5.162 1.237l18.368-13.312c6.
2920009-4.352 13.114-6.65 20.534-6.65z" fill="#d82f3c"/><path d="m320.6 476.787c-130.86 0-236.95-105.78-236.95-236.26 0-77.71 35.628-145.845 93.718-188.905-84.029 34.685-143.168 117.43-143.168 213.985 0 39.347 9.82 76.4 27.144 108.842 0 0 54.989 43.55 82.795 64.014 38.358 28.23 112.89 46.439 112.89 46.439s82.932 2.814 114.732-13.646c-16.481 3.621-33.591 5.531-51.161 5.531z" fill="#6fbbc6"/><path d="m372.135 471.048c-18.595-25.899-52.793-54.451-51.323-88.84.501-11.724-1.046-23.487-4.906-34.574-.061-.15-.11-.297-.159-.443-1.952-5.491-4.884-10.572-8.535-15.101-10.078-12.52-31.583-45.184-42.098-49.764-20.079-12.419-47.263-3.171-58.005 17.22-9.324 23.587-11.896 55.905-36.253 68.627-14.56 7.896-35.545 6.122-46.621-6.952-19.217-24.96-46.122-.826-62.868 13.218 6.654 12.431 33.803 21.544 42.583 32.57 36.43 45.761 68.853 63.401 122.234 72.98 49.652 9.01 100.602 14.614 145.41-8.666.18-.094.361-.182.541-.275z" fill="#b7e546"/><path d="m371.67 471.277c-39.78 20.697-85.715 29.138-130.28 24.46v-.01c-75.319-7.365-144.829-54.348-180.02-121.29 13.24-11.11 32.85-28.54 49.98-22.97 39.85 74.57 118.61 125.32 209.25 125.32 17.54 0 34.62-1.9 51.07-5.51z" fill="#abd641"/><path d="m423.275 270.934v115.506l-7.36 6.988c0 9.665-10.988 11.121-20.654 11.121l-52.829-.397c-2.458 0-4.854.776-6.844 2.218l-43.595 30.271c-3.857 2.794-9.256.038-9.256-4.724l4.092-14.559c0-6.444-5.224-11.667-11.667-11.667h-14.001c-9.665 0-17.501-7.835-17.501-17.501l-2.11-108.356c0-9.665 3.839-19.859 13.504-19.859l4.878-6.541h145.841c9.666-.001 17.502 7.835 17.502 17.5z" fill="#ffbf54"/><path d="m423.275 386.44v5.834c0 9.666-7.835 17.501-17.501 17.501h-62.63c-2.462 0-4.854.782-6.837 2.217l-47.288 34.243c-3.85 2.8-9.252.047-9.252-4.725v-20.068c0-6.444-5.224-11.667-11.667-11.667h-14.001c-9.665 0-17.501-7.835-17.501-17.501v-121.34c0-9.665 7.835-17.501 17.501-17.501h5.834v130.674c0 1.289 1.045 2.333 2.333 2.333h5.834c13.429 0 25.112 7.595 30.979 18.725 1 1.897 3.425 2.496 5.162 1.237l18.368-13.312c6.009-4.352 13.114-6.65 20.534-6.65z" fill="#ffa442"/><path d="m418.808 57.26c4.142 0 7.5-3.358 7.5-7.5s-3.358-7.5-7.5-7.5h-38.825v-12.753c0-4.142-3.358-7.5-7.5-7.5s-7.5 3.358-7.5 7.5v12.753h-38.825c-4.142 0-7.5 3.358-7.5 7.5s3.358 7.5 7.5 7.5h15.551c3.601 15.961 10.724 30.639 20.644 43.123-7.591 7.247-16.472 13.255-26.375 17.669l-10.333 4.605c-3.784 1.686-5.484 6.12-3.798 9.903 1.244 2.792 3.984 4.449 6.855 4.449 1.02 0 2.057-.209 3.048-.651l10.333-4.605c11.399-5.08 21.635-11.977 30.4-20.293 8.765 8.316 19.001 15.213 30.4 20.293l10.333 4.605c.992.442 2.028.651 3.048.651 2.871 0 5.611-1.658 6.855-4.449 1.686-3.783-.014-8.217-3.798-9.903l-10.333-4.605c-9.904-4.413-18.784-10.422-26.375-17.669 9.92-12.484 17.042-27.162 20.643-43.123zm-46.325 31.693c-7.028-9.387-12.272-20.113-15.335-31.693h30.669c-3.063 11.58-8.306 22.306-15.334 31.693z" fill="#faf8f8"/><path d="m387.386 285.507h-34.891c-4.142 0-7.5 3.358-7.5 7.5s3.358 7.5 7.5 7.5h9.945v23.5h-29.833c1.743-3.549 2.724-7.537 2.724-11.75 0-14.75-12-26.75-26.75-26.75h-21.656c-4.142 0-7.5 3.358-7.5 7.5s3.358 7.5 7.5 7.5h21.656c6.479 0 11.75 5.271 11.75 11.75s-5.271 11.75-11.75 11.75h-24.063c-4.142 0-7.5 3.358-7.5 7.5s3.358 7.5 7.5 7.5h24.063c6.479 0 11.75 5.271 11.75 11.75 0 6.589-5.161 11.75-11.75 11.75-10.362 0-22.125-1.168-30.791-9.834-2.929-2.929-7.678-2.929-10.606 0-2.929 2.929-2.929 7.678 0 10.606 12.611 12.611 28.748 14.228 41.397 14.228 14.75 0 26.75-12 26.75-26.75 0-4.213-.981-8.201-2.724-11.75h29.833v31c0 4.142 3.358 7.5 7.5 7.5s7.5-3.358 7.5-7.5v-69.5h9.945c4.142 0 7.5-3.358 7.5-7.5s-3.357-7.5-7.499-7.5z" fill="#faf8f8"/><path d="m200.16 145.927-.29.24c-3.86 3.07-17.26 15.34-26.76 25.86-3.82-14.43-.5-29.75 14.32-41.52 20.59-17 12.99-50.12-1.4-68.86l-8.666-10.025c6.72-2.78 13.606-5.245 20.636-7.385 6.22 9.45 11.75 17.41 11.75 17.41 14.91 27.77 15.58 63.51-9.59 84.28z" fill="#abd641"/><path d="m280.71 191.217c-.27.46-.55.91-.84 1.36-3.95 6.12-9.11 11.46-15.23 15.66-16.85 11.58-38.7 12.88-56.84 3.43-.46-.24-.93-.49-1.4-.74-28.44-13.94-47.89-50.81-23.98-75.85-7.61 22.98 10.36 49.51 34.55 60.85.49.25.98.5 1.46.74 18.96 9.45 41.8 8.15 59.41-3.43.98-.64 1.94-1.31 2.87-2.02z" fill="#abd641"/><g fill="#94ccd4"><path d="m238.862 495.452c.064.007.128.015.192.022-.064-.007-.128-.014-.192-.022z"/>
2920<path d="m167.135 475.042c.227.107.456.211.683.317-.228-.106-.456-.21-.683-.317z"/><path d="m371.76 471.257c-4.13 2.14-8.32 4.15-12.59 6.03 4.2-1.86 8.34-3.85 12.42-5.97.03-.01.05-.03.08-.04s.06-.01.09-.02z"/></g><path d="m8.053 137.009 1.468 100.637c0 9.855 8.03 17.844 17.936 17.844l56.305 1.84c2.519 0 4.974.792 7.014 2.262l38.427 32.486c3.953 2.849 9.486.039 9.486-4.817l2.428-15.705c0-6.57 5.353-11.896 11.957-11.896l18.584-.068c9.906 0 19.66-2.352 19.66-12.207v-123.721c0-9.855-8.03-17.844-17.936-17.844h-155.446c-9.906 0-9.883 21.334-9.883 31.189z" fill="#faf8f8"/><path d="m104.402 139.105c-.022-.057-.044-.114-.067-.171-1.472-3.597-4.934-5.923-8.82-5.927-.004 0-.006 0-.01 0-3.881 0-7.344 2.319-8.822 5.909-.028.068-.055.137-.082.207l-33.487 88.736c-1.462 3.875.494 8.203 4.369 9.665 3.876 1.462 8.204-.494 9.665-4.369l6.509-17.247h43.945l6.577 17.269c1.14 2.993 3.988 4.833 7.01 4.833.887 0 1.79-.159 2.668-.493 3.871-1.474 5.813-5.807 4.339-9.678zm-25.085 61.803 16.211-42.957 16.361 42.957z" fill="#aad8de"/><path d="m191.32 245.227v2.16c0 9.85-8.03 17.84-17.94 17.84h-14.35c-6.6 0-11.95 5.33-11.95 11.9v20.47c0 4.85-5.54 7.66-9.49 4.81l-48.45-34.92c-2.04-1.47-4.5-2.26-7.02-2.26h-64.18c-9.91 0-17.94-7.99-17.94-17.84v-123.72c0-9.86 8.03-17.85 17.94-17.85h2.06v134.41c0 2.761 2.239 5 5 5h57.12c6.72 0 13.27 2.12 18.71 6.04l22.35 16.11c2.14 1.54 5.12.6 6.08-1.85 4.66-11.87 16.25-20.3 29.77-20.3z" fill="#f0e9e6"/></g></svg>
2921							</div>
2922						</div>
2923						<div class="col-md-8">
2924							<ul class="lang_modal">
2925																	<li class="language_select"><a href="?lang=arabic" rel="nofollow" class="Arabic">Arabic</a></li>
2926																	<li class="language_select"><a href="?lang=bengali" rel="nofollow" class="Bengali">Bengali</a></li>
2927																	<li class="language_select"><a href="?lang=chinese" rel="nofollow" class="Chinese">Chinese</a></li>
2928																	<li class="language_select"><a href="?lang=croatian" rel="nofollow" class="Croatian">Croatian</a></li>
2929																	<li class="language_select"><a href="?lang=danish" rel="nofollow" class="Danish">Danish</a></li>
2930																	<li class="language_select"><a href="?lang=dutch" rel="nofollow" class="Dutch">Dutch</a></li>
2931																	<li class="language_select"><a href="?lang=english" rel="nofollow" class="English">English</a></li>
2932																	<li class="language_select"><a href="?lang=filipino" rel="nofollow" class="Filipino">Filipino</a></li>
2933																	<li class="language_select"><a href="?lang=french" rel="nofollow" class="French">French</a></li>
2934																	<li class="language_select"><a href="?lang=german" rel="nofollow" class="German">German</a></li>
2935																	<li class="language_select"><a href="?lang=hebrew" rel="nofollow" class="Hebrew">Hebrew</a></li>
2936																	<li class="language_select"><a href="?lang=hindi" rel="nofollow" class="Hindi">Hindi</a></li>
2937																	<li class="language_select"><a href="?lang=indonesian" rel="nofollow" class="Indonesian">Indonesian</a></li>
2938																	<li class="language_select"><a href="?lang=italian" rel="nofollow" class="Italian">Italian</a></li>
2939																	<li class="language_select"><a href="?lang=japanese" rel="nofollow" class="Japanese">Japanese</a></li>
2940																	<li class="language_select"><a href="?lang=korean" rel="nofollow" class="Korean">Korean</a></li>
2941																	<li class="language_select"><a href="?lang=persian" rel="nofollow" class="Persian">Persian</a></li>
2942																	<li class="language_select"><a href="?lang=portuguese" rel="nofollow" class="Portuguese">Portuguese</a></li>
2943																	<li class="language_select"><a href="?lang=russian" rel="nofollow" class="Russian">Russian</a></li>
2944																	<li class="language_select"><a href="?lang=spanish" rel="nofollow" class="Spanish">Spanish</a></li>
2945																	<li class="language_select"><a href="?lang=swedish" rel="nofollow" class="Swedish">Swedish</a></li>
2946																	<li class="language_select"><a href="?lang=turkish" rel="nofollow" class="Turkish">Turkish</a></li>
2947																	<li class="language_select"><a href="?lang=urdu" rel="nofollow" class="Urdu">Urdu</a></li>
2948																	<li class="language_select"><a href="?lang=vietnamese" rel="nofollow" class="Vietnamese">Vietnamese</a></li>
2949															</ul>
2950						</div>
2951					</div>
2952				</div>
2953            </div>
2954		</div>
2955	</div>
2956	  
2957   </body>
2958</html>
2959

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.