Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 3813 | Rev 3825 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
3822 stevensc 1
/*===================== TABLE OF CONTENT ======================= 1.	1 Homepages 2.  Fonts 3.  Reset Css 4.  Cross Browser Compatibility 5.  Header 6.  Navigations 7.  Dropdown 8.  Responsive Header 9.  Revolution Slider (Banner) 10. About App 11. Amazing Features 12. Interesting Screenshots 14.	Latest Blog News 15.	Questions Sections 16.	Clinet's Testimonial 17.	Our Newsletter 18. Stylish Pricing Plan 19.	Never Miss a Deal 20.	Contact Us 21. Footer =============================================================*/
2
/* ================================================================================== Fonts ===================================================================================== */
3
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i");
4
html,
5
body,
6
div,
7
span,
8
applet,
9
object,
10
iframe,
11
h1,
12
h2,
13
h3,
14
h4,
15
h5,
16
h6,
17
p,
18
blockquote,
19
pre,
20
a,
21
abbr,
22
acronym,
23
address,
24
big,
25
cite,
26
code,
27
del,
28
dfn,
29
em,
30
img,
31
ins,
32
kbd,
33
q,
34
s,
35
samp,
36
small,
37
strike,
38
strong,
39
sub,
40
sup,
41
tt,
42
var,
43
b,
44
u,
45
i,
46
center,
47
dl,
48
dt,
49
dd,
50
ol,
51
ul,
52
li,
53
fieldset,
54
form,
55
label,
56
legend,
57
table,
58
caption,
59
tbody,
60
tfoot,
61
thead,
62
tr,
63
th,
64
td,
65
article,
66
aside,
67
canvas,
68
details,
69
embed,
70
figure,
71
figcaption,
72
footer,
73
header,
74
hgroup,
75
menu,
76
nav,
77
output,
78
ruby,
79
section,
80
summary,
81
time,
82
mark,
83
audio,
84
video {
85
  margin: 0;
86
  padding: 0;
87
  border: 0;
88
  font-size: 100%;
89
  font: inherit;
90
  vertical-align: baseline;
91
}
92
 
93
/* HTML5 display-role reset for older browsers */
94
article,
95
aside,
96
details,
97
figcaption,
98
figure,
99
footer,
100
header,
101
hgroup,
102
menu,
103
nav,
104
section {
105
  display: block;
106
}
107
 
108
h1,
109
h2,
110
h3,
111
h4,
112
h5,
113
h6,
114
p,
115
b,
116
a,
117
span,
118
label {
119
  color: var(--font-color);
120
}
121
 
122
body {
123
  line-height: 1;
124
  font-family: "Source Sans Pro", sans-serif;
125
  overflow-x: hidden;
126
  font-weight: 400;
127
  background-color: var(--body-bg-color);
128
}
129
 
130
ol,
131
ul {
132
  list-style: none;
133
}
134
 
135
a:hover {
136
  text-decoration: none;
137
}
138
 
139
blockquote,
140
q {
141
  quotes: none;
142
}
143
 
144
blockquote:before,
145
blockquote:after,
146
q:before,
147
q:after {
148
  content: "";
149
  content: none;
150
}
151
 
152
button {
153
  outline: none;
154
}
155
 
156
table {
157
  border-collapse: collapse;
158
  border-spacing: 0;
159
}
160
 
161
* {
162
  margin: 0;
163
  padding: 0;
164
}
165
 
166
a:focus {
167
  text-decoration: none;
168
  outline: none;
169
}
170
 
171
a:hover {
172
  color: #fff;
173
}
174
 
175
button {
176
  outline: none;
177
}
178
 
179
input {
180
  outline: none;
181
}
182
 
183
textarea {
184
  outline: none;
185
}
186
 
187
section {
188
  float: left;
189
  width: 100%;
190
  position: relative;
191
}
192
 
193
p {
194
  font-size: 14px;
195
  line-height: 24px;
196
  color: var(--font-color);
197
}
198
 
199
hr {
200
  margin-top: 1rem;
201
  margin-bottom: 1rem;
202
  border: 0;
203
  border-top: 1px solid #e5e5e5 !important;
204
}
205
 
206
/* ================ CROSS BROWSER COMPATABILITY =============== */
207
img {
208
  max-width: 100%;
209
}
210
 
211
.ask-question,
212
nav,
213
.notification-box.active,
214
nav ul li a,
215
.user-account-settingss.active,
216
.user-info a,
217
.suggestion-usd > span i,
218
.view-more > a,
219
.tags-sec ul li a,
220
.post-st ul li a,
221
.ed-opts > a,
222
.bk-links li a,
223
.like-com li a,
224
.user-profy > a,
225
.slick-previous:before,
226
.slick-nexti:before,
227
.comment > a,
228
.sign_link > a,
229
.post-popup,
230
.post-project > a,
231
.post-project-fields form ul li button,
232
.post-project-fields form ul li a,
233
.sign-control li a,
234
.cover-sec > a,
235
.star-descp > a,
236
.message-btn a,
237
.pf-gallery ul li,
238
.gallery_pt:before,
239
.gallery_pt > a,
240
.overview-box,
241
.skl-name,
242
.conv-list,
243
.save-stngs ul li button,
244
.forum-links.active,
245
.react-links li a,
246
.next-prev > a,
247
nav ul li:hover > ul,
248
.user-pro-img > a i {
249
  -webkit-transition: all 0.2s;
250
  -moz-transition: all 0.2s;
251
  -ms-transition: all 0.2s;
252
  -o-transition: all 0.2s;
253
  transition: all 0.2s;
254
}
255
 
256
/* ============== DEFAULT BORDER RADIUS =========== */
257
.ask-question,
258
.login_register ul li a,
259
.search-bar form input,
260
.search-bar form button,
261
.search_form form input,
262
.post-st ul li a,
263
.post-bar,
264
.bk-links li i,
265
.bid_now,
266
.user-profy ul li a,
267
.posty,
268
.comment_box form button,
269
.post-project-fields form input,
270
.post-project-fields form textarea,
271
.post-project-fields form select,
272
.post-project-fields form ul li button,
273
.post-project-fields form ul li a,
274
.signin-pop,
275
.sign-control,
276
.sign_in_sec form input,
277
.sign_in_sec form select,
278
.sign_in_sec form button,
279
.signup-tab,
280
.login-resources ul li a,
281
.flw-hr li a,
282
.message-btn a,
283
.user-profile-ov,
284
.portfolio-gallery-sec,
285
.overview-edit,
286
.overview-edit form textarea,
287
.overview-edit form input,
288
.overview-edit form select,
289
.overview-edit button,
290
.file-submit,
291
.billing-method,
292
.lt-sec > a,
293
.add-billing-method,
294
.payment_methods form button,
295
.payment_methods form input,
296
.company-up-info ul li a,
297
.search-box form input,
298
.filter-dd form input,
299
.filter-dd form select,
300
.conversation-box,
301
.save-stngs ul li button,
302
.cp-field input,
303
.cp-field textarea,
304
.accept-req,
305
.mf-field input,
306
.mf-field button,
307
.pagination li .page-link,
308
.post_comment_sec form textarea,
309
.post_comment_sec form button,
310
.next-prev > a {
311
  -webkit-border-radius: 4px;
312
  -moz-border-radius: 4px;
313
  -ms-border-radius: 4px;
314
  -o-border-radius: 4px;
315
  border-radius: 3px;
316
}
317
 
318
.wrapper {
319
  float: left;
320
  width: 100%;
321
  min-height: 100vh;
322
  position: relative;
323
  background-color: var(--bg-color);
324
}
325
 
326
.overlay:before {
327
  content: "";
328
  position: absolute;
329
  top: 0;
330
  left: 0;
331
  width: 100%;
332
  height: 100%;
333
  background-color: rgba(0, 0, 0, 0.75);
334
  z-index: 99;
335
}
336
 
337
header {
338
  float: left;
339
  width: 100%;
340
  background-color: #e44d3a;
341
}
342
 
343
.header-data {
344
  float: left;
345
  width: 100%;
346
}
347
 
348
.logo.pd-btm {
349
  padding-bottom: 10px;
350
}
351
 
352
.forum-bar {
353
  float: left;
354
  margin-top: 10px;
355
  width: 400px;
356
}
357
 
358
.forum-bar h2 {
359
  float: left;
360
  margin-right: 40px;
361
}
362
 
363
.forum-bar ul {
364
  float: left;
365
  margin-top: 0px;
366
}
367
 
368
.ask-question {
369
  background-color: var(--bg-color);
370
  padding: 10px 25px;
371
  color: #e44d3a !important;
372
  font-size: 14px;
373
  font-weight: 600;
374
}
375
 
376
.ask-question:hover {
377
  color: #e44d3a;
378
}
379
 
380
.forum-bar ul li {
381
  display: inline-block;
382
  margin-right: 40px;
383
}
384
 
385
.forum-bar ul li:last-child {
386
  margin-right: 0;
387
}
388
 
389
.forum-bar ul li a {
390
  display: inline-block;
391
  color: #ffffff;
392
  font-size: 14px;
393
  font-weight: 500;
394
}
395
 
396
.forum-bar h2 {
397
  color: #ffffff;
398
  font-size: 28px;
399
  font-weight: 500;
400
}
401
 
402
/* ========== login_register ========== */
403
.login_register {
404
  float: right;
405
  margin-top: 8px;
406
  padding-left: 30px;
407
}
408
 
409
.login_register ul li {
410
  display: inline-block;
411
  margin-right: 8px;
412
}
413
 
414
.login_register ul li:last-child {
415
  margin-right: 0;
416
}
417
 
418
.login_register ul li a {
419
  display: inline-block;
420
  color: #ffffff;
421
  font-size: 14px;
422
  border: 1px solid #fff;
423
  height: 40px;
424
  line-height: 40px;
425
  padding: 0 20px;
426
  font-weight: 600;
427
}
428
 
429
.search-bar.st2 {
430
  float: right;
431
}
432
 
433
.search-bar {
434
  float: left;
435
  width: 280px;
436
  margin-top: 9px;
437
}
438
 
439
.search-bar form {
440
  float: left;
441
  width: 100%;
442
  position: relative;
443
}
444
 
445
.search-bar form input {
446
  width: 100%;
447
  background-color: #fff;
448
  height: 38px;
449
  color: #b2b2b2;
450
  font-size: 12px;
451
  border: 0;
452
  padding: 0 10px;
453
}
454
 
455
.search-bar form button {
456
  position: absolute;
457
  top: 0;
458
  right: 0;
459
  background-color: #efefef;
460
  width: 38px;
461
  height: 100%;
462
  border: 0;
463
}
464
 
465
.search-bar form button i {
466
  color: #e44d3a;
467
  font-size: 20px;
468
  font-weight: bold;
469
}
470
 
471
/* nav ul ul li {padding: 0; float: left; width: 100%; text-align: left; margin-bottom: 15px; padding: 0 20px; } nav ul ul li a:hover {color: #fff; } nav ul ul li a {font-size: 16px; } */
472
.notification-box.msg p {
473
  line-height: 20px;
474
  font-size: 14px;
475
  font-weight: 400;
476
  margin-top: 2px;
477
}
478
 
479
.notification-box.msg .nott-list .notification-info span {
480
  bottom: auto;
481
  top: 5px;
482
}
483
 
484
.notification-box.msg .notification-info h3 {
485
  margin-bottom: 1px;
486
}
487
 
488
.notification-box.msg .nott-list .notfication-details {
489
  padding: 17px 20px 17px 20px;
490
}
491
 
492
.notification-box {
493
  position: absolute;
494
  top: 100%;
495
  right: 0;
496
  width: 300px;
497
  background-color: #fff;
498
  opacity: 1;
499
  visibility: visible;
500
  z-index: 999;
501
  display: none;
502
}
503
 
504
.notification-box.active {
505
  opacity: 1;
506
  visibility: visible;
507
  z-index: 999999999;
508
}
509
 
510
.nt-title {
511
  float: left;
512
  width: 100%;
513
  border-bottom: 1px solid #e5e5e5;
514
  padding: 10px 20px;
515
}
516
 
517
.nt-title h4 {
518
  float: left;
519
  color: #686868;
520
  font-size: 12px;
521
  font-weight: 600;
522
}
523
 
524
.nt-title > a {
525
  float: right;
526
  color: #686868;
527
  font-size: 12px;
528
  font-weight: 600;
529
}
530
 
531
.nott-list {
532
  float: left;
533
  width: 100%;
534
}
535
 
536
.nott-list .notification-info {
537
  width: 86%;
538
  float: left;
539
  text-align: left;
540
  position: relative;
541
}
542
 
543
.nott-list .notfication-details {
544
  padding: 20px 20px 12px 20px;
545
}
546
 
547
.nott-list .notification-info h3 {
548
  line-height: 20px;
549
}
550
 
551
.nott-list .notification-info span {
552
  position: absolute;
553
  bottom: 5px;
554
  right: 0;
555
}
556
 
557
.view-all-nots {
558
  float: left;
559
  width: 100%;
560
}
561
 
562
.view-all-nots > a {
563
  float: left;
564
  width: 100%;
565
  color: #ffffff;
566
  font-size: 16px;
567
  text-transform: capitalize;
568
  font-weight: 600;
569
  text-align: center;
570
  background-color: #e44d3a;
571
  padding: 18px 0;
572
}
573
 
574
nav ul li span {
575
  display: block;
576
  height: 14px;
577
}
578
 
579
nav ul li span img {
580
  float: none;
581
}
582
 
583
.user-account {
584
  float: right;
585
  /* width: 110px; */
586
  border-left: 1px solid #dd3e2b;
587
  border-right: 1px solid #dd3e2b;
588
  box-sizing: border-box;
589
  position: relative;
590
  padding: 0 1rem;
591
}
592
 
593
.user-info {
594
  /* float: left; width: 100%; padding: 13px 10px; */
595
  position: relative;
596
}
597
 
598
.user-account-settingss {
599
  position: absolute;
600
  opacity: 1;
601
  visibility: visible;
602
  z-index: 999;
603
  display: none;
604
  top: 100%;
605
  right: 0;
606
  width: 240px;
607
  background-color: #fff;
608
  border-left: 1px solid #e5e5e5;
609
  border-bottom: 1px solid #e5e5e5;
610
  border-right: 1px solid #e5e5e5;
611
  -webkit-border-radius: 0 0 5px 5px;
612
  -moz-border-radius: 0 0 5px 5px;
613
  -ms-border-radius: 0 0 5px 5px;
614
  -o-border-radius: 0 0 5px 5px;
615
  border-radius: 0 0 5px 5px;
616
  -webkit-box-shadow: 1px 1px 6px -2px rgba(0, 0, 0, 0.24);
617
  -moz-box-shadow: 1px 1px 6px -2px rgba(0, 0, 0, 0.24);
618
  -ms-box-shadow: 1px 1px 6px -2px rgba(0, 0, 0, 0.24);
619
  -o-box-shadow: 1px 1px 6px -2px rgba(0, 0, 0, 0.24);
620
  box-shadow: 1px 1px 6px -2px rgba(0, 0, 0, 0.24);
621
  /*opacity: 0; visibility: hidden;*/
622
}
623
 
624
.user-account-settingss.active {
625
  opacity: 1;
626
  visibility: visible;
627
  z-index: 9999;
628
}
629
 
630
.user-account-settingss > h3 {
631
  color: #000000;
632
  font-size: 16px;
633
  font-weight: 600;
634
  float: left;
635
  width: 100%;
636
  border-bottom: 1px solid #e5e5e5;
637
  padding: 15px 20px;
638
}
639
 
640
.on-off-status {
641
  float: left;
642
  width: 100%;
643
  padding: 20px;
644
  border-bottom: 1px solid #e5e5e5;
645
}
646
 
647
.on-off-status li {
648
  float: left;
649
  width: 100%;
650
  margin-bottom: 15px;
651
}
652
 
653
.on-off-status li:last-child {
654
  margin-bottom: 0;
655
}
656
 
657
.on-off-status li .fgt-sec small {
658
  color: #686868;
659
}
660
 
661
/* =========== search_form =========== */
662
.search_form {
663
  float: left;
664
  width: 100%;
665
  padding: 20px;
666
  border-bottom: 1px solid #e5e5e5;
667
}
668
 
669
.search_form form {
670
  float: left;
671
  width: 100%;
672
  position: relative;
673
}
674
 
675
.search_form form input {
676
  width: 100%;
677
  height: 35px;
678
  padding: 0 15px;
679
  border: 1px solid #e5e5e5;
680
  background-color: #f2f2f2;
681
}
682
 
683
.search_form form button {
684
  color: #f2f2f2;
685
  font-size: 14px;
686
  background-color: #e44d3a;
687
  padding: 0 10px;
688
  height: 100%;
689
  position: absolute;
690
  top: 0;
691
  right: 0;
692
  border: 0;
693
  font-weight: 600;
694
  -webkit-border-radius: 0 3px 3px 0;
695
  -moz-border-radius: 0 3px 3px 0;
696
  -ms-border-radius: 0 3px 3px 0;
697
  -o-border-radius: 0 3px 3px 0;
698
  border-radius: 0 3px 3px 0;
699
  cursor: pointer;
700
}
701
 
702
/* ============ us-links ============= */
703
.us-links {
704
  float: left;
705
  width: 100%;
706
  border-bottom: 1px solid #e5e5e5;
707
  padding: 20px;
708
}
709
 
710
.us-links li {
711
  float: left;
712
  width: 100%;
713
  margin-bottom: 15px;
714
}
715
 
716
.us-links li:last-child {
717
  margin-bottom: 0;
718
}
719
 
720
.us-links li a {
721
  float: left;
722
  width: 100%;
723
  color: #000000;
724
  font-size: 14px;
725
  font-weight: 500;
726
}
727
 
728
.tc {
729
  text-align: center;
730
}
731
 
732
.tc a {
733
  color: #000;
734
}
735
 
736
.user-info a {
737
  color: #fff;
738
  font-size: 14px;
739
  float: left;
740
  margin-top: 8px;
741
}
742
 
743
.user-info a:hover {
744
  color: #fff;
745
}
746
 
747
.user-info > i {
748
  position: absolute;
749
  top: 50%;
750
  right: -15px;
751
  color: #fff;
752
  font-size: 12px;
753
  -webkit-transform: translateY(-50%);
754
  -moz-transform: translateY(-50%);
755
  -ms-transform: translateY(-50%);
756
  -o-transform: translateY(-50%);
757
  transform: translateY(-50%);
758
}
759
 
760
/* =================== main-section ================= */
761
main {
762
  float: left;
763
  width: 100%;
764
  padding: 10px 0;
765
}
766
 
767
.main-section {
768
  float: left;
769
  width: 100%;
770
  background-color: var(--bg-color);
771
  padding: 1rem 0;
772
}
773
 
774
.main-section-data {
775
  width: 100%;
776
  display: grid;
777
  grid-template-columns: 1fr;
778
  gap: 1rem;
779
}
780
 
781
@media (min-width: 768px) {
782
  .main-section-data {
783
    grid-template-columns: 30% 70% !important;
784
  }
785
}
786
@media (min-width: 1200px) {
787
  .main-section-data {
788
    grid-template-columns: 25% 50% 25% !important;
789
  }
790
}
791
@media (min-width: 1200px) {
792
  .main-section-data {
793
    grid-template-columns: 27% 43% 27% !important;
794
  }
795
}
796
.main-left-sidebar {
797
  float: left;
798
  width: 100%;
799
  display: none;
800
  margin-top: 30px;
801
  overflow: hidden;
802
}
803
 
804
@media (min-width: 768px) {
805
  .main-left-sidebar {
806
    display: block;
807
  }
808
}
809
@media (max-width: 768px) {
810
  .notifications-page .container {
811
    padding: 0 !important;
812
  }
813
}
814
.notification-item {
815
  margin-bottom: 1.5rem;
816
  display: flex;
817
  justify-content: center;
818
  gap: 5px;
819
  align-items: flex-start;
820
  flex-direction: column;
821
}
822
 
823
@media (min-width: 768px) {
824
  .notification-item {
825
    margin-bottom: 1.5rem;
826
    display: flex;
827
    gap: 0;
828
    justify-content: space-between;
829
    align-items: center;
830
    flex-direction: row;
831
  }
832
}
833
.notification-item a {
834
  color: var(--gray);
835
  text-decoration: none;
836
  position: relative;
837
}
838
 
839
.notification-item a::before {
840
  content: "";
841
  width: 15px;
842
  height: 15px;
843
  border-radius: 100px;
844
  background-color: var(--background-gray);
845
  position: absolute;
846
  top: 50%;
847
  left: -1.2rem;
848
  transform: translateY(-50%);
849
}
850
 
851
.notification-item span {
852
  color: var(--gray);
853
}
854
 
855
.full-width {
856
  float: left;
857
  width: 100%;
858
  background-color: #fff;
859
  margin-bottom: 20px;
860
  /* border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; */
861
}
862
 
863
.username-dt {
864
  float: left;
865
  width: 100%;
866
  background-color: #e44d3a;
867
  padding-top: 40px;
868
}
869
 
870
.user-data {
871
  text-align: center;
872
}
873
 
874
.usr-pic {
875
  width: 110px;
876
  height: 110px;
877
  margin: 0 auto;
878
  margin-bottom: -48px;
879
}
880
 
881
.usr-pic > img {
882
  float: none;
883
  border: 5px solid #fff;
884
  -webkit-border-radius: 100px;
885
  -moz-border-radius: 100px;
886
  -ms-border-radius: 100px;
887
  -o-border-radius: 100px;
888
  border-radius: 100px;
889
  width: 100%;
890
}
891
 
892
.user-profile {
893
  float: left;
894
  width: 100%;
895
}
896
 
897
.user-specs {
898
  float: left;
899
  width: 100%;
900
  padding: 63px 0 27px 0;
901
}
902
 
903
.user-specs h3 {
904
  color: #000000;
905
  font-size: 24px;
906
  text-transform: capitalize;
907
  font-weight: 600;
908
  margin-bottom: 8px;
909
}
910
 
911
.user-specs span {
912
  color: #686868;
913
  font-size: 14px;
914
}
915
 
916
.user-fw-status {
917
  float: left;
918
  width: 100%;
919
}
920
 
921
.user-fw-status li {
922
  float: left;
923
  width: 100%;
924
  /* border-bottom: 1px solid #e5e5e5; */
925
  /* border-top: 1px solid #e5e5e5; */
926
  padding: 15px 0;
927
}
928
 
929
.user-fw-status li:last-child {
930
  border-bottom: 0;
931
}
932
 
933
.user-fw-status li:nth-child(1),
934
.user-fw-status li:nth-child(2) {
935
  border-bottom: 0;
936
}
937
 
938
.user-fw-status li h4 {
939
  color: #686868;
940
  font-size: 20px;
941
  margin-bottom: 10px;
942
}
943
 
944
.user-fw-status span {
945
  color: #000000;
946
  font-size: 20px;
947
}
948
 
949
.user-fw-status li a {
950
  color: #e44d3a;
951
  font-size: 14px;
952
  font-weight: 600;
953
}
954
 
955
/* ============= Suggestions ============ */
956
.list-icon {
957
  border-radius: 100px;
958
  width: 15px;
959
  height: 15px;
960
  background-color: var(--background-light-gray);
961
  drop-shadow: 0 0 5px #000;
962
  margin-right: 0.5rem;
963
}
964
 
965
.sd-title {
966
  /* float: left; */
967
  width: 100%;
968
  /* padding: 20px; */
969
  /* border-bottom: 1px solid #e5e5e5; */
970
  position: relative;
971
  display: grid;
972
}
973
 
974
.sd-title h3,
975
.sd-title a {
976
  color: var(--title-color);
977
  font-size: 18px;
978
  font-weight: 700;
979
}
980
 
981
.sd-title a {
982
  font-size: 1rem;
983
  font-weight: 600;
984
}
985
 
986
.sd-title i {
987
  float: right;
988
  color: #b7b7b7;
989
  font-size: 24px;
990
  position: absolute;
991
  right: 5px;
992
  top: 18px;
993
}
994
 
995
.suggestions-list {
996
  width: 100%;
997
}
998
 
999
.suggestion-usd {
1000
  float: left;
1001
  width: 100%;
1002
  padding: 15px 20px;
1003
}
1004
 
1005
.suggestion-usd img {
1006
  -webkit-border-radius: 100px;
1007
  -moz-border-radius: 100px;
1008
  -ms-border-radius: 100px;
1009
  -o-border-radius: 100px;
1010
  border-radius: 100px;
1011
  background: #fff;
1012
}
1013
 
1014
.sgt-text {
1015
  float: left;
1016
  padding-left: 10px;
1017
}
1018
 
1019
.sgt-text h4 {
1020
  color: var(--font-color);
1021
  font-size: 14px;
1022
  font-weight: 400;
1023
  margin-bottom: 4px;
1024
}
1025
 
1026
.sgt-text span {
1027
  color: #686868;
1028
  font-size: 14px;
1029
}
1030
 
1031
.suggestion-usd > span {
1032
  margin-top: 4px;
1033
  position: relative;
1034
  margin-left: 1rem;
1035
}
1036
 
1037
.suggestion-usd > span i {
1038
  color: #b2b2b2;
1039
  width: 25px;
1040
  height: 25px;
1041
  border-radius: 3px;
1042
  cursor: pointer;
1043
  text-align: center;
1044
  display: flex;
1045
  justify-content: center;
1046
  align-items: center;
1047
}
1048
 
1049
.bg-white {
1050
  background-color: white !important;
1051
}
1052
 
1053
.suggestion-usd > span i:hover {
1054
  background-color: #0961bf !important;
1055
  color: #fff;
1056
  border-radius: 3px;
1057
}
1058
 
1059
.icon-button {
1060
  color: #b2b2b2;
1061
  width: 25px;
1062
  height: 25px;
1063
  border-radius: 3px;
1064
  cursor: pointer;
1065
  text-align: center;
1066
  display: flex !important;
1067
  justify-content: center;
1068
  align-items: center;
1069
}
1070
 
1071
.icon-button:hover {
1072
  background-color: #0961bf !important;
1073
  color: #fff;
1074
}
1075
 
1076
.view-more > a {
1077
  color: #e44d3a;
1078
  font-size: 14px;
1079
  font-weight: 700;
1080
}
1081
 
1082
.view-more > a:hover {
1083
  color: #e44d3a;
1084
}
1085
 
1086
/* ============== tags-sec ============= */
1087
.tags-sec {
1088
  background-color: #fff;
1089
  padding: 25px 5px;
1090
}
1091
 
1092
.tags-sec ul {
1093
  float: left;
1094
  width: 100%;
1095
  text-align: center;
1096
}
1097
 
1098
.tags-sec ul li {
1099
  display: inline-block;
1100
  border-right: 1px solid #b2b2b2;
1101
  padding: 0 7px;
1102
  margin-bottom: 15px;
1103
}
1104
 
1105
.tags-sec ul li:nth-child(3),
1106
.tags-sec ul li:nth-child(5),
1107
.tags-sec ul li:nth-child(8) {
1108
  border-right: 0;
1109
}
1110
 
1111
.tags-sec ul li a {
1112
  display: inline-block;
1113
  color: #b2b2b2;
1114
  font-size: 13px;
1115
  font-weight: 500;
1116
}
1117
 
1118
.tags-sec ul li a:hover {
1119
  color: #e44d3a;
1120
}
1121
 
1122
.cp-sec {
1123
  float: left;
1124
  width: 100%;
1125
  margin-top: 5px;
1126
  padding: 0 13px;
1127
}
1128
 
1129
.cp-sec > img {
1130
  float: left;
1131
  margin-top: 3px;
1132
}
1133
 
1134
.cp-sec p {
1135
  float: right;
1136
  color: #b2b2b2;
1137
  font-size: 14px;
1138
  font-weight: 500;
1139
}
1140
 
1141
.cp-sec p img {
1142
  float: none;
1143
  display: inline-block;
1144
  position: relative;
1145
  top: 3px;
1146
  padding-right: 5px;
1147
}
1148
 
1149
/* =================== main-ws-sec ================== */
1150
.main-ws-sec {
1151
  overflow: hidden;
1152
  padding-top: 10px;
1153
  width: 100%;
1154
}
1155
 
1156
/* ============ post-topbar =========== */
1157
.post-topbar {
1158
  float: left;
1159
  width: 100%;
1160
  padding: 23px 20px;
1161
  background-color: #fff;
1162
  border-top: 4px solid #e44d3a;
1163
  border-left: 1px solid #e4e4e4;
1164
  border-bottom: 1px solid #e4e4e4;
1165
  border-right: 1px solid #e4e4e4;
1166
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.24);
1167
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.24);
1168
  -ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0.24);
1169
  -o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.24);
1170
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.24);
1171
  margin-bottom: 20px;
1172
}
1173
 
1174
.user-picy {
1175
  float: left;
1176
  width: 50px;
1177
}
1178
 
1179
.user-picy img {
1180
  width: 100%;
1181
  object-fit: cover;
1182
}
1183
 
1184
.post-st {
1185
  float: right;
1186
  margin-top: 5px;
1187
}
1188
 
1189
.post-st ul li {
1190
  display: inline-block;
1191
  margin-right: 6px;
1192
}
1193
 
1194
.post-st ul li:last-child {
1195
  margin-right: 0;
1196
}
1197
 
1198
.post-st ul li a {
1199
  color: #b2b2b2;
1200
  font-size: 16px;
1201
  display: inline-block;
1202
  background-color: #e5e5e5;
1203
  height: 40px;
1204
  padding: 0 15px;
1205
  line-height: 40px;
1206
  font-weight: 500;
1207
}
1208
 
1209
.post-st ul li a:hover,
1210
.post-st ul li a.active {
1211
  background-color: #e44d3a;
1212
  color: #fff;
1213
}
1214
 
1215
/* ================ posts-section ================== */
1216
.posts-section {
1217
  width: 100%;
1218
  display: flex;
1219
  flex-direction: column;
1220
  gap: 0.5rem;
1221
}
1222
 
1223
.reviewtext {
1224
  margin: 0 -20px;
1225
}
1226
 
1227
.reviewtext p {
1228
  padding-left: 20px;
1229
}
1230
 
1231
.post-bar {
1232
  display: flex;
1233
  flex-direction: column;
1234
  align-items: flex-start;
1235
  padding: 24px 36px;
1236
  gap: 22px;
1237
  width: 100%;
1238
  height: 100%;
1239
  background-color: var(--bg-color);
1240
  border-radius: 10px;
1241
  border-bottom: solid 1px var(--border-primary);
1242
  border-top: solid 1px var(--border-primary);
1243
  box-shadow: 0px 4px 35px rgba(0, 0, 0, 0.12);
1244
}
1245
 
1246
.shared-post-bar {
1247
  margin-top: 1rem;
1248
}
1249
 
1250
.shared-post-bar .post-bar {
1251
  display: flex;
1252
  flex-direction: column;
1253
  align-items: flex-start;
1254
  padding: 24px 36px;
1255
  gap: 0;
1256
  width: 100%;
1257
  height: 100%;
1258
  border-radius: 10px;
1259
  border-bottom: solid 1px var(--border-primary);
1260
  border-top: solid 1px var(--border-primary);
1261
  box-shadow: 0px 14px 14px -2px rgba(0, 0, 0, 0.12), 0px -14px 14px -2px rgba(0, 0, 0, 0.12);
1262
}
1263
 
1264
.post_topbar {
1265
  width: 100%;
1266
  position: relative;
1267
  display: flex;
1268
  justify-content: space-between;
1269
  color: var(--subtitle-color);
1270
}
1271
 
1272
.badge {
1273
  top: 15% !important;
1274
  left: -15%;
1275
  font-size: 0.7rem;
1276
}
1277
@media (min-width: 768px) {
1278
  .badge {
1279
    left: auto;
1280
    top: 25% !important;
1281
  }
1282
}
1283
 
1284
.feed-options {
1285
  display: none;
1286
  position: absolute;
1287
  top: 36px;
1288
  right: 1rem;
1289
  z-index: 100;
1290
  height: fit-content;
1291
  padding: 1rem 2.5rem;
1292
  background-color: var(--bg-color);
1293
  border-radius: 10px;
1294
  border-start-end-radius: 0;
1295
  box-shadow: 0px 3px 14px -2px rgba(0, 0, 0, 0.12), 0px -3px 14px -2px rgba(0, 0, 0, 0.12);
1296
}
1297
 
1298
.feed-options.active {
1299
  display: block;
1300
}
1301
 
1302
.feed-options li .option-btn {
1303
  cursor: pointer;
1304
  color: var(--font-color);
1305
  width: 100%;
1306
  text-align: left;
1307
  transition: all 0.2s;
1308
}
1309
 
1310
.feed-options li .option-btn:hover {
1311
  font-weight: bold;
1312
}
1313
 
1314
.rep-post {
1315
  padding: 0;
1316
}
1317
 
1318
.usy-dt {
1319
  display: flex;
1320
  gap: 0.5rem;
1321
}
1322
 
1323
.usy-dt img {
1324
  border-radius: 100px;
1325
  background-color: #fff;
1326
}
1327
 
1328
.ed-opts {
1329
  position: relative;
1330
}
1331
 
1332
.ed-opts > a {
1333
  color: #b2b2b2;
1334
  font-size: 24px;
1335
  position: relative;
1336
}
1337
 
1338
.ed-options {
1339
  position: absolute;
1340
  top: 100%;
1341
  right: 0;
1342
  width: 130px;
1343
  background-color: #fff;
1344
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.28);
1345
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.28);
1346
  -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.28);
1347
  -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.28);
1348
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.28);
1349
  padding: 20px;
1350
  visibility: hidden;
1351
  z-index: 5;
1352
}
1353
 
1354
.ed-options.active {
1355
  visibility: visible;
1356
}
1357
 
1358
.ed-options li {
1359
  float: left;
1360
  width: 100%;
1361
  margin-bottom: 15px;
1362
}
1363
 
1364
.ed-options li:last-child {
1365
  margin-bottom: 0;
1366
}
1367
 
1368
.ed-options li a {
1369
  color: #686868;
1370
  font-size: 14px;
1371
  font-weight: 600;
1372
}
1373
 
1374
.ed-opts > a:hover {
1375
  color: #e44d3a;
1376
}
1377
 
1378
.usy-name {
1379
  display: flex;
1380
  flex-direction: column;
1381
  justify-content: center;
1382
}
1383
 
1384
.usy-name h3 {
1385
  color: var(--subtitle-color);
1386
  font-size: 18px;
1387
  text-transform: capitalize;
1388
  font-weight: 600;
1389
}
1390
 
1391
.usy-name span {
1392
  color: var(--subtitle-color);
1393
  font-size: 14px;
1394
}
1395
 
1396
.usy-name img {
1397
  margin-top: 4px;
1398
  margin-right: 6px;
1399
}
1400
 
1401
.usy-name .bklink img {
1402
  margin-top: 1px;
1403
  margin-right: 6px;
1404
}
1405
 
1406
.epi2 i {
1407
  margin-right: 5px;
1408
}
1409
 
1410
#rewivewdata .review-lt {
1411
  float: left;
1412
  margin-top: 5px;
1413
  margin-bottom: 15px;
1414
}
1415
 
1416
.review-lt img {
1417
  margin-top: 1px;
1418
  margin-right: 6px;
1419
}
1420
 
1421
.bid-tab {
1422
  margin-bottom: 20px;
1423
}
1424
 
1425
.epi-sec {
1426
  float: left;
1427
  width: 100%;
1428
  padding: 0;
1429
}
1430
 
1431
.usy-name .bklink {
1432
  float: left;
1433
  margin-top: 5px !important;
1434
  margin-bottom: 15px;
1435
}
1436
 
1437
.descp {
1438
  float: left;
1439
  margin-top: 15px;
1440
  margin-bottom: 15px;
1441
}
1442
 
1443
.descp li {
1444
  display: inline-block;
1445
  margin-right: 15px;
1446
}
1447
 
1448
.descp li span {
1449
  color: #b2b2b2;
1450
  font-size: 14px;
1451
  float: left;
1452
}
1453
 
1454
.descp li img {
1455
  margin-right: 5px;
1456
}
1457
 
1458
.bk-links li {
1459
  display: inline-block;
1460
  margin-right: 7px;
1461
}
1462
 
1463
.bk-links li:last-child {
1464
  margin-right: 0;
1465
}
1466
 
1467
.bk-links li i {
1468
  color: #fff;
1469
  font-size: 24px;
1470
  width: 33px;
1471
  height: 30px;
1472
  padding-left: 0px;
1473
  background-color: #53d690;
1474
  text-align: center;
1475
  line-height: 30px;
1476
}
1477
 
1478
.bk-links li i.la-envelope {
1479
  background-color: #e44d3a;
1480
}
1481
 
1482
.bid_now {
1483
  color: #fff;
1484
  background-color: #51a5fb;
1485
  text-transform: capitalize;
1486
  display: inline-block;
1487
  height: 30px;
1488
  padding: 0 10px;
1489
  line-height: 30px;
1490
  position: relative;
1491
  top: -3px;
1492
}
1493
 
1494
.bid_now:hover {
1495
  color: #fff;
1496
}
1497
 
1498
/* ============== job_descp ============ */
1499
.job_descp {
1500
  width: 100%;
1501
  margin: 1.2rem auto;
1502
}
1503
 
1504
.job_descp h3 {
1505
  color: #333;
1506
  font-size: 16px;
1507
  font-weight: 600;
1508
  /* margin-bottom: 15px; */
1509
}
1510
 
1511
.job-dt {
1512
  width: 100%;
1513
  margin-bottom: 22px;
1514
}
1515
 
1516
.job-dt li {
1517
  display: inline-block;
1518
  margin-right: 15px;
1519
}
1520
 
1521
.job-dt li a {
1522
  text-transform: capitalize;
1523
  padding: 5px 13px;
1524
  -webkit-border-radius: 30px;
1525
  -moz-border-radius: 30px;
1526
  -ms-border-radius: 30px;
1527
  -o-border-radius: 30px;
1528
  border-radius: 3px;
1529
  display: inline-block;
1530
  font-size: 14px;
1531
  font-weight: 500;
1532
}
1533
 
1534
.job-dt li span {
1535
  color: #333;
1536
  font-size: 16px;
1537
  font-weight: 600;
1538
}
1539
 
1540
.job_descp > p {
1541
  color: #666666;
1542
  font-size: 15px;
1543
  line-height: 24px;
1544
  margin-bottom: 20px;
1545
}
1546
 
1547
.job_descp > p a {
1548
  color: #e44d3a;
1549
  font-weight: 600;
1550
}
1551
 
1552
/* ============= skill-tags =========== */
1553
.inmail_contacts {
1554
  max-height: 80vh;
1555
  display: grid;
1556
  grid-template-rows: auto 1fr;
1557
}
1558
 
1559
/* ============= skill-tags =========== */
1560
.skill-tags {
1561
  /* float: left; */
1562
  width: 100%;
1563
  /* margin-bottom: 15px; */
1564
  display: flex;
1565
  align-items: center;
1566
  margin-top: 0.5rem;
1567
  flex-wrap: wrap;
1568
  gap: 0.5rem;
1569
}
1570
 
1571
.skill-tags li {
1572
  display: inline-block;
1573
  margin-right: 6px;
1574
  /* margin-bottom: 10px; */
1575
}
1576
 
1577
.skill-tags li a {
1578
  display: inline-block;
1579
  color: #b2b2b2;
1580
  font-size: 14px;
1581
  background-color: #f1f1f1;
1582
  -webkit-border-radius: 30px;
1583
  -moz-border-radius: 30px;
1584
  -ms-border-radius: 30px;
1585
  -o-border-radius: 30px;
1586
  border-radius: 30px;
1587
  padding: 7px 15px;
1588
  font-weight: 500;
1589
}
1590
 
1591
/* ========== job-status-bar ========== */
1592
.job-status-bar {
1593
  width: 100%;
1594
}
1595
 
1596
.reactions-list {
1597
  width: 100%;
1598
  display: flex;
1599
  align-items: center;
1600
  gap: 1.5rem;
1601
  padding-bottom: 10px;
1602
  border-bottom: 1px solid #cdd2e1;
1603
}
1604
 
1605
.reactions-list li a,
1606
.reactions-list li button {
1607
  color: var(--subtitle-color);
1608
  font-size: 1rem;
1609
  font-weight: 500;
1610
}
1611
 
1612
.like-com {
1613
  width: 100%;
1614
  display: flex;
1615
  justify-content: space-around;
1616
  margin: 0;
1617
  /* margin-top: 20px; */
1618
}
1619
 
1620
.like-com li {
1621
  display: inline-block;
1622
  margin-right: 15px;
1623
  color: var(--font-color);
1624
}
1625
 
1626
.like-com li a {
1627
  color: var(--subtitle-color);
1628
  font-size: 14px;
1629
  font-weight: 500;
1630
  float: left;
1631
  margin-top: 6px;
1632
  margin-right: 5px;
1633
}
1634
 
1635
.like-com li a:hover {
1636
  color: #e44d3a;
1637
}
1638
 
1639
.like-com li a.active {
1640
  color: #e44d3a;
1641
}
1642
 
1643
.like-com li a i {
1644
  margin-right: 2px;
1645
  font-size: 14px;
1646
  position: relative;
1647
  top: 2px;
1648
}
1649
 
1650
.like-com li span {
1651
  color: #ffffff;
1652
  font-size: 13px;
1653
  width: 30px;
1654
  height: 30px;
1655
  line-height: 30px;
1656
  -webkit-border-radius: 30px;
1657
  -moz-border-radius: 30px;
1658
  -ms-border-radius: 30px;
1659
  -o-border-radius: 30px;
1660
  border-radius: 30px;
1661
  float: left;
1662
  text-align: center;
1663
  font-weight: 600;
1664
  margin-left: -25px;
1665
}
1666
 
1667
.like-com li .com {
1668
  position: relative;
1669
  top: -9px;
1670
}
1671
 
1672
.like-com li .com img {
1673
  margin-right: 10px;
1674
}
1675
 
1676
.job-status-bar > a {
1677
  /* float: right; */
1678
  color: #b2b2b2 !important;
1679
  font-size: 14px;
1680
  /* margin-top: 29px; */
1681
  cursor: pointer;
1682
}
1683
 
1684
.job-status-bar > a:hover {
1685
  color: #e44d3a !important;
1686
}
1687
 
1688
.job-status-bar > a i {
1689
  font-size: 14px;
1690
  margin-right: 7px;
1691
  position: relative;
1692
  top: 1px;
1693
}
1694
 
1695
/* ============= top-profiles ============ */
1696
.top-profiles {
1697
  float: left;
1698
  width: 100%;
1699
  border: 1px solid #e5e5e5;
1700
  margin-bottom: 20px;
1701
}
1702
 
1703
.pf-hd {
1704
  float: left;
1705
  width: 100%;
1706
  border-bottom: 1px solid #e5e5e5;
1707
  padding: 20px 20px;
1708
  position: relative;
1709
}
1710
 
1711
.pf-hd h3 {
1712
  color: #000000;
1713
  font-size: 20px;
1714
  font-weight: 600;
1715
  text-transform: capitalize;
1716
  float: left;
1717
}
1718
 
1719
.pf-hd i {
1720
  position: absolute;
1721
  top: 50%;
1722
  -webkit-transform: translateY(-50%);
1723
  -moz-transform: translateY(-50%);
1724
  -ms-transform: translateY(-50%);
1725
  -o-transform: translateY(-50%);
1726
  transform: translateY(-50%);
1727
  right: 7px;
1728
  color: #b2b2b2;
1729
  font-size: 24px;
1730
}
1731
 
1732
/* ============== profiles-slider ============== */
1733
.profiles-slider {
1734
  float: left;
1735
  width: 100%;
1736
  padding: 20px;
1737
}
1738
 
1739
.user-profy {
1740
  float: left;
1741
  width: 100%;
1742
  background-color: #fff;
1743
  text-align: center;
1744
  border-left: 1px solid #ececec;
1745
  border-bottom: 1px solid #ececec;
1746
  border-right: 1px solid #ececec;
1747
  -webkit-box-shadow: 0px 0.5px 0.2px rgba(0, 0, 0, 0.24);
1748
  -moz-box-shadow: 0px 0.5px 0.2px rgba(0, 0, 0, 0.24);
1749
  -ms-box-shadow: 0px 0.5px 0.2px rgba(0, 0, 0, 0.24);
1750
  -o-box-shadow: 0px 0.5px 0.2px rgba(0, 0, 0, 0.24);
1751
  box-shadow: 0px 0.5px 0.2px rgba(0, 0, 0, 0.24);
1752
  padding: 20px 0 0 0;
1753
}
1754
 
1755
.user-profy > img {
1756
  float: none;
1757
  margin-bottom: 6px;
1758
}
1759
 
1760
.user-profy h3 {
1761
  color: #000000;
1762
  font-size: 16px;
1763
  font-weight: 600;
1764
  text-transform: capitalize;
1765
  margin-bottom: 4px;
1766
}
1767
 
1768
.user-profy span {
1769
  color: #b2b2b2;
1770
  font-size: 14px;
1771
  font-weight: 500;
1772
  display: block;
1773
  margin-bottom: 15px;
1774
}
1775
 
1776
.user-profy ul {
1777
  float: left;
1778
  width: 100%;
1779
  margin-bottom: 15px;
1780
}
1781
 
1782
.user-profy ul li {
1783
  display: inline-block;
1784
}
1785
 
1786
.user-profy ul li a {
1787
  color: #ffffff;
1788
  font-size: 13px;
1789
  padding: 0 8px;
1790
  height: 25px;
1791
  line-height: 25px;
1792
  display: inline-block;
1793
  text-transform: capitalize;
1794
}
1795
 
1796
.followw {
1797
  background-color: #53d690;
1798
}
1799
 
1800
.envlp {
1801
  background-color: #e44d3a;
1802
}
1803
 
1804
.envlp img {
1805
  float: none;
1806
}
1807
 
1808
.hire {
1809
  background-color: #51a5fb;
1810
}
1811
 
1812
.user-profy > a {
1813
  float: left;
1814
  width: 100%;
1815
  color: #000000;
1816
  font-size: 14px;
1817
  text-transform: capitalize;
1818
  padding: 15px 0;
1819
  border-top: 1px solid #ececec;
1820
  font-weight: 600;
1821
}
1822
 
1823
.user-profy > a:hover {
1824
  background-color: #e44d3a;
1825
  color: #fff;
1826
}
1827
 
1828
.slick-slide img {
1829
  display: inline-block;
1830
}
1831
 
1832
.slick-slide {
1833
  margin: 0 4px;
1834
}
1835
 
1836
.envlp img {
1837
  position: relative;
1838
  top: 2px;
1839
}
1840
 
1841
.no-margin {
1842
  margin: 0;
1843
  border: 0;
1844
  -webkit-border-radius: inherit;
1845
  -moz-border-radius: inherit;
1846
  -ms-border-radius: inherit;
1847
  -o-border-radius: inherit;
1848
  border-radius: inherit;
1849
}
1850
 
1851
.posty {
1852
  float: left;
1853
  width: 100%;
1854
  border-left: 1px solid #e4e4e4;
1855
  border-right: 1px solid #e4e4e4;
1856
}
1857
 
1858
.posty .job-status-bar {
1859
  border-bottom: 1px solid #e4e4e4;
1860
  padding-bottom: 20px;
1861
}
1862
 
1863
.slick-previous:before {
1864
  left: -14px;
1865
  content: "\f104";
1866
  margin-left: -2px;
1867
}
1868
 
1869
.slick-nexti:before {
1870
  right: -14px;
1871
  content: "\f105";
1872
  padding-left: 3px;
1873
}
1874
 
1875
.slick-previous:before,
1876
.slick-nexti:before {
1877
  font-size: 24px;
1878
  color: #b7b7b7;
1879
  position: absolute;
1880
  top: 50%;
1881
  line-height: 27px;
1882
  -webkit-transform: translateY(-50%);
1883
  -moz-transform: translateY(-50%);
1884
  -ms-transform: translateY(-50%);
1885
  -o-transform: translateY(-50%);
1886
  transform: translateY(-50%);
1887
  font-family: fontawesome;
1888
  width: 30px;
1889
  height: 30px;
1890
  background-color: #fff;
1891
  -webkit-border-radius: 100px;
1892
  -moz-border-radius: 100px;
1893
  -ms-border-radius: 100px;
1894
  -o-border-radius: 100px;
1895
  border-radius: 100px;
1896
  border: 1px solid #e6e6e6;
1897
  text-align: center;
1898
  cursor: pointer;
1899
}
1900
 
1901
.slick-previous:hover:before,
1902
.slick-nexti:hover:before {
1903
  background-color: #e44d3a;
1904
  color: #fff;
1905
  border-color: transparent;
1906
}
1907
 
1908
/* =============== comment-section ============== */
1909
.comment-section {
1910
  float: left;
1911
  width: 100%;
1912
  background-color: #fff;
1913
  padding: 20px;
1914
  box-shadow: 0px 3px #e4e4e4;
1915
  margin-top: 1rem;
1916
}
1917
 
1918
.plus-ic {
1919
  float: left;
1920
  width: 100%;
1921
  text-align: center;
1922
  margin-bottom: 20px;
1923
}
1924
 
1925
.plus-ic i {
1926
  width: 30px;
1927
  height: 30px;
1928
  line-height: 30px;
1929
  border: 1px solid #d2d2d2;
1930
  text-align: center;
1931
  color: #b2b2b2;
1932
  -webkit-border-radius: 100px;
1933
  -moz-border-radius: 100px;
1934
  -ms-border-radius: 100px;
1935
  -o-border-radius: 100px;
1936
  border-radius: 100px;
1937
}
1938
 
1939
/* =============== comment-sec ================ */
1940
.comment-sec {
1941
  float: left;
1942
  width: 100%;
1943
}
1944
 
1945
.comment-sec ul {
1946
  float: left;
1947
  width: 100%;
1948
}
1949
 
1950
.comment-sec ul li {
1951
  float: left;
1952
  width: 100%;
1953
  border: 1px solid var(--border-primary);
1954
  border-radius: 10px;
1955
  margin-bottom: 0.5rem;
1956
  padding: 1rem 0.5rem;
1957
}
1958
 
1959
.comment-sec ul ul {
1960
  padding-left: 50px;
1961
}
1962
 
1963
.comment-list {
1964
  display: table;
1965
  /* padding-bottom: 30px; */
1966
}
1967
 
1968
.bg-img {
1969
  display: table-cell;
1970
}
1971
 
1972
.bg-img img {
1973
  -webkit-border-radius: 100px;
1974
  -moz-border-radius: 100px;
1975
  -ms-border-radius: 100px;
1976
  -o-border-radius: 100px;
1977
  border-radius: 100px;
1978
}
1979
 
1980
.comment {
1981
  display: table-cell;
1982
  vertical-align: top;
1983
  width: 100%;
1984
  padding-left: 10px;
1985
}
1986
 
1987
.comment h3 {
1988
  color: #000000;
1989
  font-size: 16px;
1990
  font-weight: 600;
1991
  margin-bottom: 10px;
1992
}
1993
 
1994
.comment span {
1995
  color: #b2b2b2;
1996
  font-size: 14px;
1997
  display: block;
1998
  margin-bottom: 14px;
1999
}
2000
 
2001
.comment p {
2002
  color: #686868;
2003
  font-size: 14px;
2004
  margin-bottom: 10px;
2005
  line-height: 20px;
2006
}
2007
 
2008
.comment > a {
2009
  display: inline-block;
2010
  color: #b2b2b2;
2011
  font-size: 14px;
2012
  font-weight: 600;
2013
}
2014
 
2015
.comment > a.active,
2016
.comment > a:hover {
2017
  color: #e44d3a;
2018
}
2019
 
2020
.comment > a i {
2021
  font-weight: 600;
2022
  margin-right: 6px;
2023
}
2024
 
2025
/* =============== post-comment ============= */
2026
.post-comment {
2027
  float: left;
2028
  width: 100%;
2029
}
2030
 
2031
.cm_img {
2032
  float: left;
2033
  width: 40px;
2034
  margin-right: 10px;
2035
}
2036
 
2037
.comment_box {
2038
  float: none;
2039
}
2040
 
2041
.comment_box input {
2042
  width: 372px;
2043
  height: 40px;
2044
  border: 1px solid #e5e5e5;
2045
  background-color: #efefef;
2046
  padding-left: 10px;
2047
  color: #b2b2b2;
2048
  font-size: 14px;
2049
  font-weight: 600;
2050
  line-height: 40px;
2051
  resize: none;
2052
}
2053
 
2054
.no_results {
2055
  display: grid;
2056
  place-items: center;
2057
  min-height: 200px;
2058
}
2059
 
2060
.no_results h2 {
2061
  font-weight: 700;
2062
}
2063
 
2064
.chatboxinput {
2065
  background: var(--bg-color);
2066
  display: flex;
2067
  justify-content: space-between;
2068
  padding: 0.5rem 1rem;
2069
  position: relative;
2070
  align-items: center;
2071
  color: var(--font-color);
2072
}
2073
 
2074
.chatboxinput .drupalchat_searchinput {
2075
  border-radius: 21px;
2076
  border: none;
2077
  height: 25px;
2078
  background: var(--bg-color);
2079
  box-shadow: 0 0 3px var(--light-gray);
2080
  width: 100%;
2081
  padding: 5px 0.5rem;
2082
}
2083
 
2084
.chatboxinput .searchbutton {
2085
  height: 30px;
2086
  width: 30px;
2087
  border: none;
2088
  position: absolute;
2089
  z-index: 153;
2090
  top: 50%;
2091
  color: var(--font-color);
2092
  right: 0.5rem;
2093
  transform: translateY(-25%);
2094
}
2095
 
2096
.chatboxinput button {
2097
  position: relative;
2098
  font-weight: 700;
2099
  padding-bottom: 2px;
2100
  color: var(--font-color);
2101
}
2102
 
2103
.chatboxinput button.active::before {
2104
  content: "";
2105
  position: absolute;
2106
  top: 100%;
2107
  width: 100%;
2108
  height: 3px;
2109
  background: var(--border-primary);
2110
}
2111
 
2112
.chat-title {
2113
  font-size: 1.3rem;
2114
}
2115
 
2116
.comment_box form button {
2117
  float: right;
2118
  color: #fff;
2119
  background-color: #e44d3a;
2120
  height: 40px;
2121
  padding: 0 10px;
2122
  text-align: center;
2123
  font-size: 14px;
2124
  border: 0;
2125
  margin-left: 10px;
2126
  cursor: pointer;
2127
  font-weight: 600;
2128
}
2129
 
2130
/* ============== process-comm ============= */
2131
.process-comm {
2132
  float: left;
2133
  width: 100%;
2134
  text-align: center;
2135
  padding-top: 40px;
2136
}
2137
 
2138
.process-comm img {
2139
  float: none;
2140
}
2141
 
2142
/* =============== right-sidebar ============= */
2143
.right-sidebar {
2144
  float: left;
2145
  display: none;
2146
  width: 100%;
2147
  margin-top: 30px;
2148
}
2149
 
2150
@media (min-width: 1024px) {
2151
  .right-sidebar {
2152
    display: block;
2153
  }
2154
}
2155
.widget {
2156
  width: 100%;
2157
  background-color: #fff;
2158
  margin-bottom: 20px;
2159
}
2160
 
2161
.widget-about {
2162
  text-align: center;
2163
}
2164
 
2165
.widget-about img {
2166
  float: none;
2167
  padding-top: 20px;
2168
}
2169
 
2170
.widget-about h3 {
2171
  color: #000000;
2172
  font-size: 20px;
2173
  font-weight: 600;
2174
  margin-bottom: 12px;
2175
}
2176
 
2177
.widget-about span {
2178
  color: #686868;
2179
  font-size: 14px;
2180
  margin-bottom: 30px;
2181
  float: left;
2182
  width: 100%;
2183
}
2184
 
2185
.sign_link {
2186
  float: left;
2187
  width: 100%;
2188
  /* border-top: 1px solid #e5e5e5; */
2189
  padding: 18px 0 0 0;
2190
}
2191
 
2192
.sign_link h3 {
2193
  color: #000000;
2194
  font-size: 18px;
2195
  font-weight: 600;
2196
  margin-bottom: 5px;
2197
  text-transform: uppercase;
2198
}
2199
 
2200
.sign_link h3 a {
2201
  color: #000;
2202
}
2203
 
2204
.sign_link > a {
2205
  display: inline-block;
2206
  color: #e44d3a;
2207
  font-size: 14px;
2208
  font-weight: 500;
2209
}
2210
 
2211
.sign_link > a:hover {
2212
  color: #e44d3a;
2213
}
2214
 
2215
/* ============== Widget Jobs ============ */
2216
.jobs-list {
2217
  float: left;
2218
  width: 100%;
2219
  padding: 20px 20px;
2220
}
2221
 
2222
.job-info {
2223
  float: left;
2224
  width: 100%;
2225
  margin-bottom: 22px;
2226
}
2227
 
2228
.job-info:last-child {
2229
  margin-bottom: 0;
2230
}
2231
 
2232
.job-details {
2233
  float: left;
2234
  width: 165px;
2235
}
2236
 
2237
.job-details h3 {
2238
  color: #000000;
2239
  font-size: 14px;
2240
  font-weight: 600;
2241
  margin-bottom: 10px;
2242
}
2243
 
2244
.job-details p {
2245
  color: #686868;
2246
  font-size: 14px;
2247
  line-height: 20px;
2248
}
2249
 
2250
.hr-rate {
2251
  float: right;
2252
  width: 40px;
2253
}
2254
 
2255
.hr-rate span {
2256
  color: #000000;
2257
  font-size: 14px;
2258
  font-weight: 600;
2259
  float: right;
2260
}
2261
 
2262
/* ================ post-project-popup =============== */
2263
.post-popup {
2264
  width: 570px;
2265
  margin: 0 auto;
2266
  position: fixed;
2267
  top: 50%;
2268
  left: 50%;
2269
  -webkit-transform: translateX(-50%) translateY(-50%) scale(0.65);
2270
  -moz-transform: translateX(-50%) translateY(-50%) scale(0.65);
2271
  -ms-transform: translateX(-50%) translateY(-50%) scale(0.65);
2272
  -o-transform: translateX(-50%) translateY(-50%) scale(0.65);
2273
  transform: translateX(-50%) translateY(-50%) scale(0.65);
2274
  opacity: 0;
2275
  visibility: hidden;
2276
  z-index: 0;
2277
}
2278
 
2279
.post-popup.active {
2280
  opacity: 1;
2281
  visibility: visible;
2282
  z-index: 999;
2283
  transform: scale(1) translateX(-50%) translateY(-50%);
2284
}
2285
 
2286
.post-project > a {
2287
  position: absolute;
2288
  top: -20px;
2289
  right: -20px;
2290
  color: #fff;
2291
  font-size: 22px;
2292
  cursor: pointer;
2293
}
2294
 
2295
.post-project > a:hover {
2296
  color: #fff;
2297
}
2298
 
2299
.post-project {
2300
  float: left;
2301
  width: 100%;
2302
  position: relative;
2303
}
2304
 
2305
.post-project h3 {
2306
  float: left;
2307
  width: 100%;
2308
  background-color: #e44d3a;
2309
  color: #fff;
2310
  text-align: center;
2311
  font-size: 18px;
2312
  font-weight: 500;
2313
  padding: 20px 0;
2314
}
2315
 
2316
.post-project-fields {
2317
  float: left;
2318
  width: 100%;
2319
  padding: 30px 20px;
2320
  background-color: #fff;
2321
}
2322
 
2323
.post-project-fields form {
2324
  float: left;
2325
  width: 100%;
2326
}
2327
 
2328
.post-project-fields form input {
2329
  padding: 0 15px;
2330
  height: 40px;
2331
}
2332
 
2333
.post-project-fields form textarea {
2334
  padding: 15px;
2335
  height: 130px;
2336
}
2337
 
2338
.post-project-fields form input,
2339
.post-project-fields form textarea,
2340
.post-project-fields form select {
2341
  width: 100%;
2342
  color: #b2b2b2;
2343
  font-size: 14px;
2344
  border: 1px solid #e5e5e5;
2345
  margin-bottom: 20px;
2346
  font-weight: 500;
2347
}
2348
 
2349
.post-project-fields form select {
2350
  height: 40px;
2351
  padding: 0 10px;
2352
}
2353
 
2354
.post-project-fields form ul {
2355
  float: left;
2356
  margin-top: 10px;
2357
  width: 100%;
2358
}
2359
 
2360
.post-project-fields form ul li {
2361
  display: inline-block;
2362
  margin-right: 15px;
2363
}
2364
 
2365
.post-project-fields form ul li button.active {
2366
  background-color: #e44d3a;
2367
  color: #fff;
2368
}
2369
 
2370
.post-project-fields form ul li button,
2371
.post-project-fields form ul li a {
2372
  color: #000000;
2373
  font-size: 16px;
2374
  border: 1px solid #e5e5e5;
2375
  padding: 10px 25px;
2376
  display: inline-block;
2377
  background-color: #fff;
2378
  font-weight: 600;
2379
  cursor: pointer;
2380
}
2381
 
2382
.post-project-fields form ul li button:hover,
2383
.post-project-fields form ul li a:hover {
2384
  background-color: #e44d3a;
2385
  color: #fff;
2386
}
2387
 
2388
::-webkit-input-placeholder {
2389
  /* Chrome/Opera/Safari */
2390
  color: #b2b2b2;
2391
}
2392
 
2393
::-moz-placeholder {
2394
  /* Firefox 19+ */
2395
  color: #b2b2b2;
2396
}
2397
 
2398
:-ms-input-placeholder {
2399
  /* IE 10+ */
2400
  color: #b2b2b2;
2401
}
2402
 
2403
:-moz-placeholder {
2404
  /* Firefox 18- */
2405
  color: #b2b2b2;
2406
}
2407
 
2408
.price-sec {
2409
  float: left;
2410
  width: 100%;
2411
}
2412
 
2413
.price-br {
2414
  float: left;
2415
  width: 225px !important;
2416
  position: relative;
2417
}
2418
 
2419
.price-br > i {
2420
  position: absolute;
2421
  top: 0;
2422
  right: 0;
2423
  color: #b2b2b2;
2424
  font-size: 18px;
2425
  width: 40px;
2426
  height: 40px;
2427
  line-height: 40px;
2428
  border-left: 1px solid #e5e5e5;
2429
  text-align: center;
2430
}
2431
 
2432
.price-sec span {
2433
  color: #b2b2b2;
2434
  font-size: 14px;
2435
  float: left;
2436
  padding: 12px 17px 0 17px;
2437
}
2438
 
2439
select {
2440
  -webkit-appearance: none;
2441
  -moz-appearance: none;
2442
}
2443
 
2444
.inp-field {
2445
  float: left;
2446
  width: 100%;
2447
  position: relative;
2448
}
2449
 
2450
.inp-field:before {
2451
  content: "\f107";
2452
  position: absolute;
2453
  top: 13px;
2454
  right: 15px;
2455
  color: #717171;
2456
  font-family: fontawesome;
2457
}
2458
 
2459
.post-popup.job_post .price-br {
2460
  width: 100% !important;
2461
}
2462
 
2463
/* ================= sign-in ================ */
2464
.sign-in {
2465
  background-color: #e75348;
2466
}
2467
 
2468
.sign-in-page {
2469
  width: 100%;
2470
  padding: 100px 0 20px 0;
2471
}
2472
 
2473
.signin-popup {
2474
  margin: 0 auto;
2475
  position: relative;
2476
}
2477
 
2478
.signin-popup:before {
2479
  content: "";
2480
  position: absolute;
2481
  top: -16px;
2482
  left: 56px;
2483
  width: 30px;
2484
  height: 30px;
2485
  background-color: #fff;
2486
  -webkit-border-radius: 100px;
2487
  -moz-border-radius: 100px;
2488
  -ms-border-radius: 100px;
2489
  -o-border-radius: 100px;
2490
  border-radius: 100px;
2491
}
2492
 
2493
.signin-popup:after {
2494
  content: "";
2495
  position: absolute;
2496
  top: -37px;
2497
  left: 43px;
2498
  width: 20px;
2499
  height: 20px;
2500
  background-color: #fff;
2501
  -webkit-border-radius: 100px;
2502
  -moz-border-radius: 100px;
2503
  -ms-border-radius: 100px;
2504
  -o-border-radius: 100px;
2505
  border-radius: 100px;
2506
}
2507
 
2508
.signin-pop {
2509
  width: 100%;
2510
  background-color: #fff;
2511
  position: relative;
2512
}
2513
 
2514
.signin-pop:before {
2515
  content: "";
2516
  position: absolute;
2517
  top: 0;
2518
  left: 50%;
2519
  -webkit-transform: translateX(-50%);
2520
  -moz-transform: translateX(-50%);
2521
  -ms-transform: translateX(-50%);
2522
  -o-transform: translateX(-50%);
2523
  transform: translateX(-50%);
2524
  height: 100%;
2525
  width: 1px;
2526
  background-color: #f0f0f0;
2527
}
2528
 
2529
.dff-tab {
2530
  display: none;
2531
}
2532
 
2533
.dff-tab.current {
2534
  display: block;
2535
}
2536
 
2537
.cmp-info {
2538
  width: 100%;
2539
  display: grid;
2540
  place-items: center;
2541
  height: 100%;
2542
}
2543
.cmp-info .cm-logo {
2544
  display: flex;
2545
  flex-direction: column;
2546
  align-items: center;
2547
  justify-content: center;
2548
  padding: 0 3rem;
2549
  width: 100%;
2550
}
2551
.cmp-info .cm-logo img {
2552
  margin-bottom: 0.5rem;
2553
  width: 100%;
2554
  object-fit: scale-down;
2555
}
2556
 
2557
/* =============== login-sec ============= */
2558
.login-sec {
2559
  float: left;
2560
  width: 100%;
2561
  padding: 30px 0;
2562
  position: relative;
2563
}
2564
 
2565
.login-sec:before {
2566
  content: "";
2567
  position: absolute;
2568
  bottom: -15px;
2569
  right: 70px;
2570
  width: 30px;
2571
  height: 30px;
2572
  -webkit-border-radius: 100px;
2573
  -moz-border-radius: 100px;
2574
  -ms-border-radius: 100px;
2575
  -o-border-radius: 100px;
2576
  border-radius: 100px;
2577
  background-color: #fff;
2578
}
2579
 
2580
.login-sec:after {
2581
  content: "";
2582
  position: absolute;
2583
  bottom: -40px;
2584
  right: 55px;
2585
  width: 20px;
2586
  height: 20px;
2587
  -webkit-border-radius: 100px;
2588
  -moz-border-radius: 100px;
2589
  -ms-border-radius: 100px;
2590
  -o-border-radius: 100px;
2591
  border-radius: 100px;
2592
  background-color: #fff;
2593
}
2594
 
2595
.sign-control {
2596
  float: left;
2597
  width: 100%;
2598
  text-align: right;
2599
  padding-right: 50px;
2600
  margin-bottom: 70px;
2601
}
2602
 
2603
.sign-control li {
2604
  display: inline-block;
2605
  margin-right: 0.5rem;
2606
}
2607
 
2608
.sign-control li a {
2609
  color: #000000;
2610
  font-size: 14px;
2611
  font-weight: 500;
2612
  background-color: #e5e5e5;
2613
  padding: 7px 10px;
2614
  display: inline-block;
2615
  /* -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -ms-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; */
2616
}
2617
 
2618
.sign-control li.current a {
2619
  background-color: #e44d3a;
2620
  color: #fff;
2621
}
2622
 
2623
.sign_in_sec {
2624
  float: left;
2625
  width: 100%;
2626
  padding-right: 75px;
2627
  padding-left: 60px;
2628
  display: none;
2629
}
2630
 
2631
.sign_in_sec.current {
2632
  display: block;
2633
}
2634
 
2635
.sign_in_sec h3 {
2636
  color: #000000;
2637
  font-size: 18px;
2638
  font-weight: 600;
2639
  position: relative;
2640
  padding-bottom: 10px;
2641
  margin-bottom: 30px;
2642
}
2643
 
2644
.sign_in_sec h3:before {
2645
  content: "";
2646
  position: absolute;
2647
  bottom: 0;
2648
  left: 0;
2649
  width: 30px;
2650
  height: 2px;
2651
  background-color: #e44d3a;
2652
}
2653
 
2654
/* ============= sign_in_sec ============= */
2655
.sign_in_sec form {
2656
  float: left;
2657
  width: 100%;
2658
}
2659
 
2660
.inputContainer {
2661
  margin-bottom: 20px;
2662
}
2663
 
2664
.sn-field {
2665
  /* float: left; */
2666
  width: 100%;
2667
  position: relative;
2668
}
2669
 
2670
.sn-field.pd-more {
2671
  margin-bottom: 0;
2672
}
2673
 
2674
.sn-field.pd-more input {
2675
  padding-left: 40px;
2676
}
2677
 
2678
.sn-field > i {
2679
  position: absolute;
2680
  top: 50%;
2681
  left: 15px;
2682
  color: #666666;
2683
  font-size: 16px;
2684
  -webkit-transform: translateY(-50%);
2685
  -moz-transform: translateY(-50%);
2686
  -ms-transform: translateY(-50%);
2687
  -o-transform: translateY(-50%);
2688
  transform: translateY(-50%);
2689
}
2690
 
2691
.sn-field > span {
2692
  position: absolute;
2693
  top: 50%;
2694
  right: 15px;
2695
  font-weight: 700;
2696
  color: #666666;
2697
  font-size: 15px;
2698
  -webkit-transform: translateY(-50%);
2699
  -moz-transform: translateY(-50%);
2700
  -ms-transform: translateY(-50%);
2701
  -o-transform: translateY(-50%);
2702
  transform: translateY(-50%);
2703
}
2704
 
2705
.sign_in_sec form input,
2706
.sign_in_sec form input:-webkit-autofill,
2707
.sign_in_sec form input:-webkit-autofill:hover,
2708
.sign_in_sec form input:-webkit-autofill:focus,
2709
.sign_in_sec form select:-webkit-autofill,
2710
.sign_in_sec form select {
2711
  box-shadow: 0 0 0px 1000px var(--bg-color) inset;
2712
  height: 40px;
2713
  color: var(--font-color);
2714
  background-color: var(--bg-color) !important;
2715
  border: 1px solid var(--border-primary);
2716
  font-size: 14px;
2717
  padding: 0 15px 0 40px;
2718
  width: 100%;
2719
}
2720
 
2721
.sign_in_sec form select {
2722
  line-height: 40px;
2723
  height: 40px;
2724
}
2725
 
2726
.sign_in_sec form button {
2727
  color: var(--button-text-color-secondary);
2728
  border: 1px solid var(--border-primary);
2729
  font-size: 16px;
2730
  background-color: var(--button-bg-secondary);
2731
  padding: 12px 27px;
2732
  font-weight: 500;
2733
  margin-top: 30px;
2734
  cursor: pointer;
2735
}
2736
 
2737
.sign_in_sec_button {
2738
  color: #ffffff;
2739
  font-size: 16px;
2740
  background-color: #66a7dd;
2741
  padding: 12px 27px;
2742
  border: 0;
2743
  font-weight: 500;
2744
  margin-top: 30px;
2745
  cursor: pointer;
2746
}
2747
 
2748
.checky-sec {
2749
  /* float: left; */
2750
  width: 100%;
2751
  margin-top: 10px;
2752
}
2753
 
2754
.checky-sec.st2 small {
2755
  font-size: 13px;
2756
  width: 90%;
2757
  line-height: 20px;
2758
}
2759
 
2760
.checky-sec.st2 .fgt-sec input[type=checkbox] + label span {
2761
  margin-top: 3px;
2762
}
2763
 
2764
.fgt-sec * {
2765
  cursor: pointer;
2766
}
2767
 
2768
.fgt-sec input[type=checkbox] {
2769
  display: none;
2770
}
2771
 
2772
.fgt-sec label {
2773
  float: left;
2774
}
2775
 
2776
.fgt-sec input[type=checkbox] + label span {
2777
  display: inline-block;
2778
  width: 15px;
2779
  height: 15px;
2780
  position: relative;
2781
  border: 1px solid #d2d2d2;
2782
  -webkit-border-radius: 100px;
2783
  -moz-border-radius: 100px;
2784
  -ms-border-radius: 100px;
2785
  -o-border-radius: 100px;
2786
  border-radius: 100px;
2787
}
2788
 
2789
.fgt-sec input[type=checkbox] + label span:before {
2790
  content: "";
2791
  width: 7px;
2792
  height: 7px;
2793
  -webkit-border-radius: 100px;
2794
  -moz-border-radius: 100px;
2795
  -ms-border-radius: 100px;
2796
  -o-border-radius: 100px;
2797
  border-radius: 100px;
2798
  font-size: 8px;
2799
  color: #ffffff;
2800
  opacity: 0;
2801
  visibility: hidden;
2802
  background-color: #e44d3a;
2803
  position: absolute;
2804
  font-family: fontawesome;
2805
  top: 50%;
2806
  left: 50%;
2807
  -webkit-transform: translateX(-50%) translateY(-50%);
2808
  -moz-transform: translateX(-50%) translateY(-50%);
2809
  -ms-transform: translateX(-50%) translateY(-50%);
2810
  -o-transform: translateX(-50%) translateY(-50%);
2811
  transform: translateX(-50%) translateY(-50%);
2812
}
2813
 
2814
.fgt-sec input[type=checkbox]:checked + label span:before {
2815
  opacity: 1;
2816
  visibility: visible;
2817
}
2818
 
2819
.fgt-sec small {
2820
  /* float: left; */
2821
  color: #000000;
2822
  font-size: 14px;
2823
  font-weight: 500;
2824
  padding-left: 10px;
2825
}
2826
 
2827
.checky-sec > a {
2828
  float: right;
2829
  color: #000000;
2830
  font-size: 14px;
2831
  font-weight: 500;
2832
}
2833
 
2834
/* ======= Radio Button Styles ======= */
2835
.fgt-sec input[type=radio] {
2836
  display: none;
2837
}
2838
 
2839
.fgt-sec label {
2840
  float: left;
2841
}
2842
 
2843
.fgt-sec input[type=radio] + label span {
2844
  display: inline-block;
2845
  width: 15px;
2846
  height: 15px;
2847
  position: relative;
2848
  border: 1px solid #d2d2d2;
2849
  -webkit-border-radius: 100px;
2850
  -moz-border-radius: 100px;
2851
  -ms-border-radius: 100px;
2852
  -o-border-radius: 100px;
2853
  border-radius: 100px;
2854
}
2855
 
2856
.fgt-sec input[type=radio] + label span:before {
2857
  content: "";
2858
  width: 7px;
2859
  height: 7px;
2860
  -webkit-border-radius: 100px;
2861
  -moz-border-radius: 100px;
2862
  -ms-border-radius: 100px;
2863
  -o-border-radius: 100px;
2864
  border-radius: 100px;
2865
  font-size: 8px;
2866
  color: #ffffff;
2867
  opacity: 0;
2868
  visibility: hidden;
2869
  background-color: #e44d3a;
2870
  position: absolute;
2871
  font-family: fontawesome;
2872
  top: 49%;
2873
  left: 49%;
2874
  -webkit-transform: translateX(-50%) translateY(-50%);
2875
  -moz-transform: translateX(-50%) translateY(-50%);
2876
  -ms-transform: translateX(-50%) translateY(-50%);
2877
  -o-transform: translateX(-50%) translateY(-50%);
2878
  transform: translateX(-50%) translateY(-50%);
2879
}
2880
 
2881
.fgt-sec input[type=radio]:checked + label span:before {
2882
  opacity: 1;
2883
  visibility: visible;
2884
}
2885
 
2886
/* =============== signup-tab ============== */
2887
.signup-tab {
2888
  float: left;
2889
  width: 100%;
2890
  border: 1px solid #e5e5e5;
2891
  text-align: center;
2892
  padding: 15px 0;
2893
  margin-bottom: 20px;
2894
  position: relative;
2895
  margin-top: -30px;
2896
}
2897
 
2898
.signup-tab > i {
2899
  position: absolute;
2900
  top: 15px;
2901
  left: 13px;
2902
  color: #000;
2903
  font-size: 14px;
2904
}
2905
 
2906
.signup-tab h2 {
2907
  color: #000000;
2908
  font-size: 14px;
2909
  font-weight: 500;
2910
  margin-bottom: 15px;
2911
}
2912
 
2913
.signup-tab ul {
2914
  float: left;
2915
  width: 100%;
2916
}
2917
 
2918
.signup-tab ul li {
2919
  display: inline-block;
2920
  margin-right: -4px;
2921
}
2922
 
2923
.signup-tab ul li a {
2924
  color: #000000;
2925
  font-size: 14px;
2926
  font-weight: 500;
2927
  background-color: #e5e5e5;
2928
  padding: 10px 15px;
2929
  -webkit-border-radius: 3px 0px 0px 3px;
2930
  -moz-border-radius: 3px 0px 0px 3px;
2931
  -ms-border-radius: 3px 0px 0px 3px;
2932
  -o-border-radius: 3px 0px 0px 3px;
2933
  border-radius: 3px 0px 0px 3px;
2934
  display: inline-block;
2935
}
2936
 
2937
.signup-tab ul li.current a {
2938
  background-color: #e44d3a;
2939
  color: #fff;
2940
}
2941
 
2942
.signup-tab ul li:last-child a {
2943
  -webkit-border-radius: 0px 3px 3px 0px;
2944
  -moz-border-radius: 0px 3px 3px 0px;
2945
  -ms-border-radius: 0px 3px 3px 0px;
2946
  -o-border-radius: 0px 3px 3px 0px;
2947
  border-radius: 0px 3px 3px 0px;
2948
}
2949
 
2950
/* ============ login-resources ============= */
2951
.login-resources {
2952
  float: left;
2953
  width: 100%;
2954
  text-align: center;
2955
  margin-top: 27px;
2956
}
2957
 
2958
.login-resources h4 {
2959
  color: #000000;
2960
  font-size: 14px;
2961
  font-weight: 600;
2962
  margin-bottom: 30px;
2963
  text-transform: uppercase;
2964
}
2965
 
2966
.login-resources ul {
2967
  float: left;
2968
  width: 100%;
2969
}
2970
 
2971
.login-resources ul li {
2972
  float: left;
2973
  width: 100%;
2974
  margin-bottom: 20px;
2975
}
2976
 
2977
.login-resources ul li a {
2978
  color: #ffffff;
2979
  font-size: 15px;
2980
  font-weight: 500;
2981
  float: left;
2982
  width: 100%;
2983
  padding: 10px 0;
2984
}
2985
 
2986
.login-resources ul li a i {
2987
  margin-right: 15px;
2988
}
2989
 
2990
.fb {
2991
  background-color: #3b5998;
2992
}
2993
 
2994
.tw {
2995
  background-color: #4099ff;
2996
}
2997
 
2998
.tw .fa-twitter {
2999
  color: #fff;
3000
}
3001
 
3002
/* =============== footy-sec ============= */
3003
.footy-sec {
3004
  width: 100%;
3005
  padding: 3rem 0 2rem;
3006
  position: relative;
3007
}
3008
.footy-sec .container {
3009
  display: flex;
3010
  flex-wrap: wrap;
3011
  gap: 1rem;
3012
  align-items: center;
3013
  justify-content: center;
3014
}
3015
.footy-sec .container .row {
3016
  width: 100% !important;
3017
}
3018
.footy-sec p {
3019
  font-size: 14px;
3020
  font-weight: 500;
3021
  order: 3;
3022
}
3023
.footy-sec p img {
3024
  padding-right: 5px;
3025
  position: relative;
3026
  top: 6px;
3027
}
3028
.footy-sec ul {
3029
  margin-top: 5px;
3030
}
3031
.footy-sec ul li {
3032
  display: inline-block;
3033
  padding: 0 10px;
3034
  border-right: 1px solid #ffffff;
3035
}
3036
.footy-sec ul li:last-child {
3037
  border-right: none;
3038
}
3039
.footy-sec ul li a {
3040
  display: inline-block;
3041
  color: #3b5998;
3042
  font-size: 14px;
3043
  font-weight: 500;
3044
}
3045
 
3046
footer {
3047
  background-color: var(--bg-color);
3048
  float: left;
3049
  width: 100%;
3050
}
3051
 
3052
footer a {
3053
  color: var(--font-color);
3054
}
3055
 
3056
footer .footer-row {
3057
  display: grid;
3058
  gap: 5px;
3059
  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
3060
}
3061
 
3062
.footy-sec.mn ul {
3063
  padding: 30px 0;
3064
}
3065
 
3066
.footy-sec.mn ul li a {
3067
  color: var(--subtitle-color);
3068
}
3069
 
3070
.footy-sec.mn ul li a:hover {
3071
  color: #e44d3a;
3072
}
3073
 
3074
.footy-sec.mn ul li {
3075
  border-color: #b2b2b2;
3076
}
3077
 
3078
.footy-sec.mn p {
3079
  color: #b2b2b2;
3080
}
3081
 
3082
.fl-rgt {
3083
  max-width: 40px;
3084
  order: 2;
3085
}
3086
 
3087
/* ================== USER PROFILE =================== */
3088
.cover-sec {
3089
  height: 280px;
3090
  background-color: #fff;
3091
  overflow: hidden;
3092
}
3093
 
3094
.cover-sec img {
3095
  width: 100%;
3096
}
3097
 
3098
.cover-sec > a {
3099
  display: inline-block;
3100
  color: #e44d3a;
3101
  font-size: 16px;
3102
  background-color: #fff;
3103
  border: 1px solid #e44d3a;
3104
  position: absolute;
3105
  top: 30px;
3106
  right: 0;
3107
  padding: 10px 15px;
3108
  font-weight: 600;
3109
  margin-right: 15px;
3110
}
3111
 
3112
.cover-sec > a i {
3113
  padding-right: 5px;
3114
}
3115
 
3116
/* ============= user_profile ============= */
3117
.user_profile {
3118
  width: 100%;
3119
  background-color: var(--bg-color);
3120
  padding: 1rem 0.25rem;
3121
  border-radius: var(--border-radius);
3122
  border-top: 1px solid var(--border-primary);
3123
  border-bottom: 1px solid var(--border-primary);
3124
  text-align: center;
3125
  box-shadow: var(--shadow);
3126
}
3127
 
3128
.user-pro-img {
3129
  width: 100%;
3130
  text-align: center;
3131
  margin-bottom: 28px;
3132
  position: relative;
3133
}
3134
 
3135
.user-pro-img .add-dp {
3136
  position: absolute;
3137
  top: 10px;
3138
  left: 60%;
3139
}
3140
 
3141
.add-dp i {
3142
  bottom: 0;
3143
  font-size: 14px;
3144
  box-shadow: none;
3145
  position: relative;
3146
  border-radius: 50px;
3147
  width: 40px;
3148
  height: 40px;
3149
  background: #0961bf;
3150
  padding: 12px;
3151
  color: white;
3152
  left: 0;
3153
  top: -5px;
3154
}
3155
 
3156
.add-dp i:hover {
3157
  font-size: 14px;
3158
  border: 2px solid #fff;
3159
  background: #1dac98;
3160
  padding: 11px;
3161
}
3162
 
3163
.add-dp {
3164
  margin: -16px;
3165
  padding: 0;
3166
}
3167
 
3168
.add-dp input[type=file] {
3169
  opacity: 0;
3170
  padding: 10px 0px 9px;
3171
  display: none;
3172
}
3173
 
3174
.user-pro-img img {
3175
  -webkit-border-radius: 100px;
3176
  -moz-border-radius: 100px;
3177
  -ms-border-radius: 100px;
3178
  -o-border-radius: 100px;
3179
  max-width: 150px;
3180
  border-radius: 100px;
3181
  float: none;
3182
  border: 1px solid var(--font-color);
3183
  background: #fff;
3184
}
3185
 
3186
.user_pro_status {
3187
  width: 100%;
3188
  padding-bottom: 27px;
3189
}
3190
 
3191
.flw-hr {
3192
  float: left;
3193
  width: 100%;
3194
  margin-bottom: 30px;
3195
}
3196
 
3197
.flw-hr li {
3198
  display: inline-block;
3199
  margin-right: 17px;
3200
}
3201
 
3202
.flw-hr li:last-child {
3203
  margin-right: 0;
3204
}
3205
 
3206
.flw-hr li a {
3207
  display: inline-block;
3208
  color: #ffffff;
3209
  font-size: 16px;
3210
  font-weight: 600;
3211
  padding: 11px 15px;
3212
}
3213
 
3214
.flw-hr li a i {
3215
  padding-right: 5px;
3216
}
3217
 
3218
.flww {
3219
  background-color: #53d690;
3220
}
3221
 
3222
.hre {
3223
  background-color: #51a5fb;
3224
}
3225
 
3226
/* =============== flw-status ============ */
3227
.flw-status {
3228
  width: 100%;
3229
}
3230
.flw-status li {
3231
  display: inline-block;
3232
}
3233
.flw-status li span {
3234
  color: var(--font-color);
3235
  font-size: 20px;
3236
  font-weight: 500;
3237
  margin-bottom: 15px;
3238
  display: block;
3239
  height: auto;
3240
}
3241
.flw-status li b {
3242
  color: var(--font-color);
3243
  font-size: 20px;
3244
  font-weight: 600;
3245
}
3246
 
3247
/* ================== social_links ============= */
3248
.social_links {
3249
  width: 100%;
3250
  text-align: left;
3251
}
3252
.social_links li {
3253
  width: 100%;
3254
  padding: 15px 15px;
3255
  border-bottom: 1px solid #e5e5e5;
3256
}
3257
.social_links li a {
3258
  width: 100%;
3259
  color: #51a5fb;
3260
  font-size: 14px;
3261
  font-weight: 400;
3262
  text-overflow: ellipsis;
3263
  white-space: nowrap;
3264
  overflow: hidden;
3265
}
3266
.social_links li a i {
3267
  padding-right: 5px;
3268
  font-size: 20px;
3269
  position: relative;
3270
  top: 3px;
3271
}
3272
 
3273
.modal-md {
3274
  max-width: 55vw;
3275
}
3276
 
3277
@media (min-width: 721px) {
3278
  .group-view-tab {
3279
    margin-left: 3.5rem;
3280
  }
3281
  .group-view-tab span {
3282
    text-overflow: ellipsis;
3283
    white-space: nowrap;
3284
    overflow: hidden;
3285
  }
3286
}
3287
@media (max-width: 720px) {
3288
  .group-view-tab {
3289
    margin-left: 3.5rem;
3290
  }
3291
}
3292
.text-decoration-underline {
3293
  text-decoration: underline !important;
3294
}
3295
 
3296
.ellipsis {
3297
  text-overflow: ellipsis;
3298
  white-space: nowrap;
3299
  overflow: hidden;
3300
}
3301
 
3302
.la-globe {
3303
  color: #51a5fb;
3304
}
3305
 
3306
/* ================= user-tab-sec ============== */
3307
.notifications-grid {
3308
  display: grid;
3309
  grid-template-columns: 1fr;
3310
}
3311
 
3312
@media (min-width: 768px) {
3313
  .notifications-grid {
3314
    display: grid;
3315
    grid-template-columns: 30% 70%;
3316
    padding: 0 5%;
3317
  }
3318
}
3319
.show_filters {
3320
  display: block;
3321
}
3322
 
3323
.hidden_filters {
3324
  display: none !important;
3325
}
3326
 
3327
@media (min-width: 768px) {
3328
  .show_filters {
3329
    display: none;
3330
  }
3331
  .hidden_filters {
3332
    display: block !important;
3333
  }
3334
}
3335
/* ================= user-tab-sec ============== */
3336
.user-tab-sec {
3337
  width: 100%;
3338
  padding-top: 4px;
3339
}
3340
 
3341
.user-tab-sec h3 {
3342
  color: var(--title-color);
3343
  font-size: 24px;
3344
  font-weight: 600;
3345
  text-transform: capitalize;
3346
  margin-bottom: 15px;
3347
}
3348
 
3349
.star-descp {
3350
  float: left;
3351
  width: 100%;
3352
  margin-bottom: 10px;
3353
}
3354
 
3355
.star-descp ul li {
3356
  margin-right: 5px !important;
3357
}
3358
 
3359
.star-descp > a {
3360
  float: left;
3361
  color: #51a5fb;
3362
  font-size: 18px;
3363
  font-weight: 600;
3364
  margin-left: 20px;
3365
  text-decoration: underline;
3366
}
3367
 
3368
.star-descp > a:hover {
3369
  color: #51a5fb;
3370
}
3371
 
3372
.star-descp span {
3373
  float: left;
3374
  color: #686868;
3375
  font-size: 18px;
3376
  font-weight: 600;
3377
  margin-right: 20px;
3378
}
3379
 
3380
.star-descp > ul {
3381
  float: left;
3382
}
3383
 
3384
.star-descp ul li {
3385
  display: inline-block;
3386
}
3387
 
3388
.star-descp ul li i {
3389
  color: #b7ce1f;
3390
  font-size: 16px;
3391
}
3392
 
3393
.tab-feed {
3394
  float: left;
3395
  width: 100%;
3396
  margin-bottom: 45px;
3397
  margin-top: 20px;
3398
}
3399
 
3400
.tab-feed ul {
3401
  float: left;
3402
  width: 100%;
3403
}
3404
 
3405
.tab-feed ul li {
3406
  display: inline-block;
3407
  margin-right: 35px;
3408
  text-align: center;
3409
}
3410
 
3411
.savetext ul {
3412
  border-bottom: none !important;
3413
}
3414
 
3415
.tab-feed.st2 ul li {
3416
  margin-right: 17px;
3417
}
3418
 
3419
.tab-feed ul li:last-child {
3420
  margin-right: 0;
3421
}
3422
 
3423
.tab-feed ul li.active img {
3424
  filter: grayscale(0);
3425
}
3426
 
3427
.tab-feed ul li.active span {
3428
  color: #e44d3a;
3429
}
3430
 
3431
.tab-feed ul li img {
3432
  float: none;
3433
  margin-bottom: 5px;
3434
  filter: grayscale(100%);
3435
}
3436
 
3437
.tab-feed ul li span {
3438
  display: block;
3439
  color: #b2b2b2;
3440
  font-weight: 400;
3441
  font-size: 16px;
3442
}
3443
 
3444
.tab-feed ul li:last-child {
3445
  margin-right: 0;
3446
}
3447
 
3448
/* ================ message-btn ============= */
3449
.message-btn a {
3450
  display: inline-block;
3451
  font-size: 16px;
3452
  padding: 12px;
3453
  font-weight: 500;
3454
}
3455
 
3456
.message-btn a:hover {
3457
  color: #fff;
3458
}
3459
 
3460
.message-btn a i {
3461
  padding-right: 5px;
3462
}
3463
 
3464
/* ============== widget-portfolio ============== */
3465
.wd-heady {
3466
  float: left;
3467
  width: 100%;
3468
  padding: 20px 20px;
3469
  border-bottom: 1px solid #e5e5e5;
3470
}
3471
 
3472
.wd-heady h3 {
3473
  color: #000000;
3474
  font-size: 18px;
3475
  font-weight: 600;
3476
  float: left;
3477
}
3478
 
3479
.wd-heady img {
3480
  float: right;
3481
}
3482
 
3483
.pf-gallery {
3484
  float: left;
3485
  width: 100%;
3486
  padding: 15px 15px;
3487
}
3488
 
3489
.pf-gallery ul {
3490
  float: left;
3491
  width: 100%;
3492
}
3493
 
3494
.pf-gallery ul li {
3495
  float: left;
3496
  width: 33.33%;
3497
  padding: 5px;
3498
  overflow: hidden;
3499
}
3500
 
3501
.pf-gallery ul li:hover {
3502
  -webkit-transform: scale(1.2);
3503
  -moz-transform: scale(1.2);
3504
  -ms-transform: scale(1.2);
3505
  -o-transform: scale(1.2);
3506
  transform: scale(1.2);
3507
}
3508
 
3509
.pf-gallery img {
3510
  width: 100%;
3511
}
3512
 
3513
.product-feed-tab {
3514
  padding-top: 1rem;
3515
  display: flex;
3516
  flex-direction: column;
3517
  gap: 0.5rem;
3518
}
3519
 
3520
.product-feed-tab.current {
3521
  display: block;
3522
}
3523
 
3524
/* =============== user-profile-ov ================ */
3525
.user-profile-ov {
3526
  width: 100%;
3527
  background-color: var(--bg-color);
3528
  padding: 10px 20px 30px;
3529
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.12);
3530
  margin-bottom: 20px;
3531
  border-radius: 10px;
3532
}
3533
 
3534
.user-profile-ov h3 {
3535
  color: var(--title-color);
3536
  font-size: 18px;
3537
  font-weight: 600;
3538
  margin-bottom: 20px;
3539
}
3540
 
3541
.user-profile-ov h3 a {
3542
  color: var(--title-color);
3543
}
3544
 
3545
.user-profile-ov i {
3546
  color: var(--title-color);
3547
  font-size: 13px;
3548
  padding-left: 5px;
3549
}
3550
 
3551
.user-profile-ov h4 {
3552
  font-size: 16px;
3553
  color: var(--title-color);
3554
  font-weight: 600;
3555
  margin-bottom: 10px;
3556
}
3557
 
3558
.user-profile-ov p {
3559
  color: var(--font-color);
3560
  font-size: 14px;
3561
  line-height: 24px;
3562
}
3563
 
3564
.user-profile-ov.st2 p {
3565
  margin-bottom: 23px;
3566
}
3567
 
3568
.no-margin {
3569
  margin: 0 !important;
3570
}
3571
 
3572
.user-profile-ov > span {
3573
  color: var(--font-color);
3574
  font-size: 14px;
3575
  float: left;
3576
  width: 100%;
3577
  margin-bottom: 8px;
3578
  margin-top: 3px;
3579
}
3580
 
3581
.user-profile-ov ul li {
3582
  display: inline-block;
3583
  margin-bottom: 10px;
3584
  padding: 0 2px;
3585
}
3586
 
3587
.user-profile-ov ul li a {
3588
  display: inline-block;
3589
  color: var(--bg-color);
3590
  font-size: 14px;
3591
  font-weight: 600;
3592
  background-color: var(--font-color);
3593
  border-radius: 30px;
3594
  padding: 10px 15px;
3595
}
3596
 
3597
/* ==================== portfolio-gallery-sec ==================== */
3598
.portfolio-gallery-sec {
3599
  float: left;
3600
  width: 100%;
3601
  background-color: #fff;
3602
  padding: 30px 20px;
3603
  border-left: 1px solid #e4e4e4;
3604
  border-right: 1px solid #e4e4e4;
3605
  border-bottom: 1px solid #e4e4e4;
3606
}
3607
 
3608
.portfolio-gallery-sec h3 {
3609
  font-weight: 600;
3610
  font-size: 18px;
3611
  margin-bottom: 32px;
3612
  padding-left: 5px;
3613
  float: left;
3614
}
3615
 
3616
.portfolio-btn {
3617
  float: right;
3618
}
3619
 
3620
.portfolio-btn a {
3621
  display: inline-block;
3622
  color: #e44d3a;
3623
  font-size: 16px;
3624
  font-weight: 600;
3625
}
3626
 
3627
.portfolio-btn a i {
3628
  margin-right: 5px;
3629
}
3630
 
3631
.gallery_pf {
3632
  float: left;
3633
  width: 100%;
3634
  margin-bottom: -5px;
3635
}
3636
 
3637
.gallery_pf .col-lg-4 {
3638
  padding: 5px;
3639
}
3640
 
3641
.gallery_pt {
3642
  float: left;
3643
  width: 100%;
3644
  position: relative;
3645
  overflow: hidden;
3646
}
3647
 
3648
.gallery_pt:hover:before {
3649
  opacity: 1;
3650
  visibility: visible;
3651
  height: 100%;
3652
}
3653
 
3654
.gallery_pt:before {
3655
  content: "";
3656
  position: absolute;
3657
  top: 0;
3658
  left: 0;
3659
  width: 100%;
3660
  height: 0;
3661
  background-color: rgba(0, 0, 0, 0.6);
3662
  opacity: 0;
3663
  visibility: hidden;
3664
}
3665
 
3666
.gallery_pt img {
3667
  width: 100%;
3668
  height: 134px;
3669
  object-fit: cover;
3670
}
3671
 
3672
.row {
3673
  margin: 0;
3674
}
3675
 
3676
.gallery_pt > a {
3677
  position: absolute;
3678
  top: 100%;
3679
  left: 0;
3680
  float: left;
3681
  width: 100%;
3682
  text-align: center;
3683
  -webkit-transform: translateY(-50%);
3684
  -moz-transform: translateY(-50%);
3685
  -ms-transform: translateY(-50%);
3686
  -o-transform: translateY(-50%);
3687
  transform: translateY(-50%);
3688
  opacity: 0;
3689
  visibility: hidden;
3690
}
3691
 
3692
.gallery_pt:hover > a {
3693
  opacity: 1;
3694
  visibility: visible;
3695
  top: 50%;
3696
}
3697
 
3698
.gallery_pt > a img {
3699
  float: none;
3700
  width: auto;
3701
  height: auto;
3702
}
3703
 
3704
/* ============== overview-box ============= */
3705
.overview-box {
3706
  width: 570px;
3707
  position: fixed;
3708
  top: 50%;
3709
  left: 50%;
3710
  -webkit-transform: translateX(-50%) translateY(-50%);
3711
  -moz-transform: translateX(-50%) translateY(-50%);
3712
  -ms-transform: translateX(-50%) translateY(-50%);
3713
  -o-transform: translateX(-50%) translateY(-50%);
3714
  transform: translateX(-50%) translateY(-50%);
3715
  opacity: 0;
3716
  visibility: hidden;
3717
  z-index: 0;
3718
}
3719
 
3720
.close-box {
3721
  position: absolute;
3722
  top: -20px;
3723
  right: -20px;
3724
  color: #fff;
3725
  font-size: 14px;
3726
  text-align: center;
3727
  width: 22px;
3728
  height: 22px;
3729
  line-height: 22px;
3730
  border: 1px solid #fff;
3731
  -webkit-border-radius: 100px;
3732
  -moz-border-radius: 100px;
3733
  -ms-border-radius: 100px;
3734
  -o-border-radius: 100px;
3735
  border-radius: 100px;
3736
  font-weight: 600;
3737
}
3738
 
3739
.close-box:hover {
3740
  color: #fff;
3741
}
3742
 
3743
.overview-box.open {
3744
  opacity: 1;
3745
  visibility: visible;
3746
  z-index: 99999;
3747
}
3748
 
3749
.overview-edit {
3750
  float: left;
3751
  width: 100%;
3752
  background-color: #fff;
3753
  padding: 30px 20px;
3754
}
3755
 
3756
.overview-edit h3 {
3757
  color: #000000;
3758
  font-size: 18px;
3759
  font-weight: 600;
3760
  float: left;
3761
  width: 100%;
3762
  margin-bottom: 25px;
3763
}
3764
 
3765
.overview-edit span {
3766
  color: #b2b2b2;
3767
  font-size: 12px;
3768
  float: right;
3769
  margin-bottom: 5px;
3770
}
3771
 
3772
.overview-edit form {
3773
  float: left;
3774
  width: 100%;
3775
}
3776
 
3777
.overview-edit form input {
3778
  height: 40px;
3779
  padding-left: 15px;
3780
  margin-bottom: 20px;
3781
}
3782
 
3783
.overview-edit form textarea,
3784
.overview-edit form input,
3785
.overview-edit form select {
3786
  width: 100%;
3787
  border: 1px solid #e5e5e5;
3788
  resize: none;
3789
  color: #b2b2b2;
3790
  font-size: 14px;
3791
}
3792
 
3793
.overview-edit form select {
3794
  line-height: 40px;
3795
  padding-left: 40px;
3796
  margin-bottom: 20px;
3797
}
3798
 
3799
.overview-edit form textarea {
3800
  height: 160px;
3801
  margin-bottom: 30px;
3802
  padding: 15px;
3803
}
3804
 
3805
.save {
3806
  background-color: #e44d3a;
3807
  color: #fff;
3808
  border-color: transparent;
3809
}
3810
 
3811
.save-add {
3812
  background-color: #fff;
3813
  padding: 13px 13px !important;
3814
}
3815
 
3816
.overview-edit button {
3817
  float: left;
3818
  border: 1px solid #e5e5e5;
3819
  font-weight: 600;
3820
  font-size: 16px;
3821
  padding: 13px 34px;
3822
  margin-right: 20px;
3823
  outline: none;
3824
  cursor: pointer;
3825
}
3826
 
3827
.cancel {
3828
  background-color: #fff;
3829
  color: #000;
3830
}
3831
 
3832
.datepicky {
3833
  float: left;
3834
  width: 100%;
3835
}
3836
 
3837
.no-left-pd {
3838
  padding: 0;
3839
}
3840
 
3841
.no-righ-pd {
3842
  padding-right: 0;
3843
}
3844
 
3845
.datefm {
3846
  width: 100%;
3847
  position: relative;
3848
}
3849
.datefm i {
3850
  position: absolute;
3851
  top: 11px;
3852
  right: 15px;
3853
  font-size: 18px;
3854
  color: #b2b2b2;
3855
}
3856
 
3857
#location-box .datefm i {
3858
  right: auto;
3859
  left: 15px;
3860
}
3861
 
3862
#location-box .datefm input {
3863
  padding-left: 40px;
3864
}
3865
 
3866
#skills-box ul {
3867
  float: left;
3868
  width: 100%;
3869
  margin-bottom: 20px;
3870
}
3871
 
3872
#skills-box ul li {
3873
  display: inline-block;
3874
  margin-right: 10px;
3875
  position: relative;
3876
}
3877
 
3878
.skl-name {
3879
  display: inline-block;
3880
  color: #b2b2b2;
3881
  font-size: 14px;
3882
  font-weight: 500;
3883
  background-color: #e5e5e5;
3884
  -webkit-border-radius: 30px;
3885
  -moz-border-radius: 30px;
3886
  -ms-border-radius: 30px;
3887
  -o-border-radius: 30px;
3888
  border-radius: 30px;
3889
  text-transform: uppercase;
3890
  padding: 10px 30px 10px 12px;
3891
  position: relative;
3892
}
3893
 
3894
.close-skl {
3895
  position: absolute;
3896
  top: 10px;
3897
  right: 10px;
3898
  color: #b2b2b2;
3899
  font-size: 14px;
3900
}
3901
 
3902
.file-submit {
3903
  border: 1px solid #e5e5e5;
3904
  position: relative;
3905
  padding: 0px;
3906
  height: 40px;
3907
  margin-bottom: 20px;
3908
  border-radius: 3px;
3909
}
3910
 
3911
.file-submit [type=file] {
3912
  height: 40px;
3913
  overflow: hidden;
3914
  width: 100%;
3915
  float: left;
3916
  position: absolute;
3917
  padding: 10px 4px 0px 12px;
3918
  font-size: 14px;
3919
  opacity: 0;
3920
  display: none;
3921
}
3922
 
3923
.file-submit [type=file] + label {
3924
  background: #e44d3a;
3925
  border: none;
3926
  float: left;
3927
  border-top-right-radius: 0px;
3928
  border-bottom-right-radius: 0px;
3929
  border-top-left-radius: 3px;
3930
  border-bottom-left-radius: 3px;
3931
  color: #fff;
3932
  cursor: pointer;
3933
  /* display: inline-block; */
3934
  font-size: 14px;
3935
  font-weight: 500;
3936
  outline: none;
3937
  padding: 12px 15px;
3938
  position: relative;
3939
  transition: all 0.3s;
3940
  vertical-align: middle;
3941
  margin: 0;
3942
}
3943
 
3944
.file-submit.nomg {
3945
  border: 0;
3946
  margin-bottom: 20px;
3947
}
3948
 
3949
.file-submit.nomg input {
3950
  margin-bottom: 0;
3951
  padding-top: 0;
3952
}
3953
 
3954
.daty {
3955
  float: left;
3956
  width: 100%;
3957
  position: relative;
3958
}
3959
 
3960
.daty > i {
3961
  position: absolute;
3962
  top: 10px;
3963
  right: 15px;
3964
  color: #b2b2b2;
3965
  font-size: 20px;
3966
}
3967
 
3968
a:hover {
3969
  color: initial;
3970
}
3971
 
3972
.pf-img {
3973
  float: left;
3974
  width: 100%;
3975
  background-color: #f2f2f2;
3976
  padding: 15px;
3977
  margin-bottom: 20px;
3978
}
3979
 
3980
/* ================= billing-method ============== */
3981
.billing-method {
3982
  float: left;
3983
  width: 100%;
3984
  background-color: #fff;
3985
  border-left: 1px solid #e4e4e4;
3986
  border-right: 1px solid #e4e4e4;
3987
  border-bottom: 1px solid #e4e4e4;
3988
  margin-bottom: 20px;
3989
}
3990
 
3991
.billing-method ul {
3992
  float: left;
3993
  width: 100%;
3994
}
3995
 
3996
.billing-method ul li {
3997
  float: left;
3998
  width: 100%;
3999
  border-bottom: 1px solid #e5e5e5;
4000
  padding: 25px 20px;
4001
}
4002
 
4003
.billing-method ul li h3 {
4004
  color: #000000;
4005
  font-size: 18px;
4006
  font-weight: 600;
4007
  float: left;
4008
}
4009
 
4010
.billing-method ul li a,
4011
.billing-method ul li span {
4012
  float: right;
4013
  color: #000000;
4014
  font-size: 13px;
4015
  text-transform: capitalize;
4016
  font-weight: 600;
4017
  margin-top: 3px;
4018
}
4019
 
4020
.billing-method ul li i {
4021
  font-size: 13px;
4022
  color: #e44d3a;
4023
}
4024
 
4025
.lt-sec {
4026
  float: left;
4027
  width: 100%;
4028
  text-align: center;
4029
  padding: 30px 0;
4030
}
4031
 
4032
.lt-sec img {
4033
  float: none;
4034
  margin-bottom: 15px;
4035
}
4036
 
4037
.lt-sec h4 {
4038
  color: #686868;
4039
  font-size: 18px;
4040
  font-weight: 600;
4041
  margin-bottom: 25px;
4042
}
4043
 
4044
.lt-sec > a {
4045
  display: inline-block;
4046
  color: #ffffff;
4047
  font-size: 16px;
4048
  background-color: #e44d3a;
4049
  padding: 10px 25px;
4050
}
4051
 
4052
/* ============== add-billing-method ============== */
4053
.add-billing-method {
4054
  float: left;
4055
  width: 100%;
4056
  background-color: #fff;
4057
  border-left: 1px solid #e4e4e4;
4058
  border-right: 1px solid #e4e4e4;
4059
  border-bottom: 1px solid #e4e4e4;
4060
}
4061
 
4062
.add-billing-method h3 {
4063
  color: #000000;
4064
  font-size: 18px;
4065
  font-weight: 600;
4066
  padding: 20px 20px;
4067
  border-bottom: 1px solid #e5e5e5;
4068
}
4069
 
4070
.add-billing-method > h4 {
4071
  color: #686868;
4072
  font-size: 13px;
4073
  font-weight: 500;
4074
  padding: 20px 20px;
4075
  border-bottom: 1px solid #e5e5e5;
4076
  float: left;
4077
  width: 100%;
4078
}
4079
 
4080
.add-billing-method img {
4081
  margin-right: 10px;
4082
}
4083
 
4084
.add-billing-method span {
4085
  margin-top: 4px;
4086
  float: left;
4087
}
4088
 
4089
/* ============= payment_methods ============ */
4090
.payment_methods {
4091
  float: left;
4092
  width: 100%;
4093
}
4094
 
4095
.payment_methods > h4 {
4096
  color: #000000;
4097
  font-size: 16px;
4098
  font-weight: 600;
4099
  position: relative;
4100
  padding: 25px 20px 25px 45px;
4101
  float: left;
4102
  width: 100%;
4103
}
4104
 
4105
.rowwy {
4106
  float: left;
4107
  width: 100%;
4108
}
4109
 
4110
.pd-left-none {
4111
  padding-left: 0;
4112
}
4113
 
4114
.pd-right-none {
4115
  padding-right: 0;
4116
}
4117
 
4118
.payment_methods h4:before {
4119
  content: "";
4120
  position: absolute;
4121
  top: 50%;
4122
  -webkit-transform: translateY(-50%);
4123
  -moz-transform: translateY(-50%);
4124
  -ms-transform: translateY(-50%);
4125
  -o-transform: translateY(-50%);
4126
  transform: translateY(-50%);
4127
  left: 20px;
4128
  width: 15px;
4129
  height: 15px;
4130
  border: 1px solid #e6e6e6;
4131
  -webkit-border-radius: 100px;
4132
  -moz-border-radius: 100px;
4133
  -ms-border-radius: 100px;
4134
  -o-border-radius: 100px;
4135
  border-radius: 100px;
4136
}
4137
 
4138
.payment_methods h4:after {
4139
  content: "";
4140
  position: absolute;
4141
  top: 50%;
4142
  -webkit-transform: translateY(-50%);
4143
  -moz-transform: translateY(-50%);
4144
  -ms-transform: translateY(-50%);
4145
  -o-transform: translateY(-50%);
4146
  transform: translateY(-50%);
4147
  left: 24px;
4148
  width: 7px;
4149
  height: 7px;
4150
  background-color: #e44d3a;
4151
  -webkit-border-radius: 100px;
4152
  -moz-border-radius: 100px;
4153
  -ms-border-radius: 100px;
4154
  -o-border-radius: 100px;
4155
  border-radius: 100px;
4156
}
4157
 
4158
.payment_methods form {
4159
  float: left;
4160
  width: 100%;
4161
  padding-bottom: 30px;
4162
  border-bottom: 1px solid #e5e5e5;
4163
}
4164
 
4165
.payment_methods form button {
4166
  color: #ffffff;
4167
  font-size: 16px;
4168
  background-color: #e44d3a;
4169
  padding: 10px 15px;
4170
  border: 0;
4171
  cursor: pointer;
4172
}
4173
 
4174
.payment_methods form input {
4175
  width: 100%;
4176
  height: 40px;
4177
  border: 1px solid #e5e5e5;
4178
  padding: 0 12px;
4179
}
4180
 
4181
.cc-head {
4182
  float: left;
4183
  width: 100%;
4184
  margin-bottom: 10px;
4185
}
4186
 
4187
.cc-head h5 {
4188
  float: left;
4189
  color: #000000;
4190
  font-size: 16px;
4191
  font-weight: 600;
4192
  margin-top: 4px;
4193
}
4194
 
4195
.cc-head h5 i {
4196
  color: #b2b2b2;
4197
  font-size: 14px;
4198
}
4199
 
4200
.cc-head ul {
4201
  float: right;
4202
}
4203
 
4204
.cc-head ul li {
4205
  display: inline-block;
4206
}
4207
 
4208
.inpt-field {
4209
  float: left;
4210
  width: 100%;
4211
  position: relative;
4212
  margin-bottom: 20px;
4213
}
4214
 
4215
.no-pdd {
4216
  padding: 0;
4217
}
4218
 
4219
.inpt-field.pd-moree input {
4220
  padding-left: 40px !important;
4221
}
4222
 
4223
.inpt-field i {
4224
  color: #b2b2b2;
4225
  font-size: 18px;
4226
  position: absolute;
4227
  top: 50%;
4228
  left: 15px;
4229
  -webkit-transform: translateY(-50%);
4230
  -moz-transform: translateY(-50%);
4231
  -ms-transform: translateY(-50%);
4232
  -o-transform: translateY(-50%);
4233
  transform: translateY(-50%);
4234
}
4235
 
4236
/* ============== companies-info ============== */
4237
.companies-info {
4238
  padding: 60px 0;
4239
}
4240
 
4241
.company-title {
4242
  width: 100%;
4243
  margin-bottom: 20px;
4244
}
4245
 
4246
.default-link {
4247
  color: #0860bf;
4248
}
4249
 
4250
.default-link:hover {
4251
  font-weight: bold;
4252
  color: #0860bf;
4253
  transition: all 0.5s;
4254
}
4255
 
4256
.company-title h3 {
4257
  color: #000000;
4258
  font-size: 20px;
4259
  font-weight: 600;
4260
  background-color: #fff;
4261
  padding: 10px 15px;
4262
}
4263
 
4264
.companies-list {
4265
  width: 100%;
4266
  display: grid;
4267
  gap: 20px;
4268
  grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
4269
  position: relative;
4270
}
4271
 
4272
.companies-list .slick-list {
4273
  max-height: 47vh;
4274
}
4275
 
4276
.slick-prev:before,
4277
.slick-next:before {
4278
  color: #000 !important;
4279
}
4280
 
4281
.company_profile_info {
4282
  /* float: left; */
4283
  width: 100%;
4284
  background-color: #fff;
4285
  text-align: center;
4286
  border-left: 1px solid #e4e4e4;
4287
  border-right: 1px solid #e4e4e4;
4288
  border-bottom: 1px solid #e4e4e4;
4289
  margin-bottom: 30px;
4290
}
4291
 
4292
.marketplace_card {
4293
  width: 100%;
4294
  background-color: var(--bg-color);
4295
  text-align: center;
4296
  max-width: 215px !important;
4297
}
4298
 
4299
.company-up-info {
4300
  /* float: left; */
4301
  width: 100%;
4302
  padding: 20px 0;
4303
  border-bottom: 1px solid #e5e5e5;
4304
}
4305
 
4306
.company-up-info .description {
4307
  margin-bottom: 10px;
4308
}
4309
 
4310
.company-up-info img {
4311
  float: none;
4312
  margin-bottom: 10px;
4313
  -webkit-border-radius: 100px;
4314
  -moz-border-radius: 100px;
4315
  -ms-border-radius: 100px;
4316
  -o-border-radius: 100px;
4317
  border-radius: 100px;
4318
  height: 90px;
4319
  object-fit: cover;
4320
}
4321
 
4322
.company-up-info h3 {
4323
  color: #000000;
4324
  font-size: 18px;
4325
  font-weight: 600;
4326
  margin-bottom: 10px;
4327
}
4328
 
4329
.company-up-info h4 {
4330
  color: #686868;
4331
  font-size: 14px;
4332
  font-weight: 500;
4333
  margin-bottom: 21px;
4334
}
4335
 
4336
.company-up-info h6 {
4337
  color: #686868;
4338
  font-size: 15px;
4339
  font-weight: 500;
4340
  margin-bottom: 10px;
4341
}
4342
 
4343
.company-up-info ul {
4344
  /* float: left; */
4345
  width: 100%;
4346
}
4347
 
4348
.company-up-info ul li {
4349
  display: inline-block;
4350
  margin-right: 6px;
4351
}
4352
 
4353
.company-up-info ul li a i {
4354
  font-size: 24px;
4355
  position: relative;
4356
  top: 3px;
4357
}
4358
 
4359
.modal-content {
4360
  background-color: var(--bg-color) !important;
4361
  color: var(--font-color) !important;
4362
}
4363
 
4364
.follow {
4365
  background-color: #53d690;
4366
}
4367
 
4368
.message-us {
4369
  background-color: #e44d3a;
4370
}
4371
 
4372
.hire-us {
4373
  background-color: #51a5fb;
4374
}
4375
 
4376
.company_profile_info .cancelButton {
4377
  display: inline-block;
4378
  color: #000000;
4379
  font-size: 16px;
4380
  font-weight: 500;
4381
  margin: 18px 0;
4382
}
4383
 
4384
/* ============= search-sec ============= */
4385
.list-col {
4386
  display: flex;
4387
  gap: 20px;
4388
  flex-direction: column;
4389
}
4390
 
4391
.search-sec {
4392
  float: left;
4393
  width: 100%;
4394
  margin: 30px 0 0 0;
4395
}
4396
 
4397
.search-box {
4398
  width: 100%;
4399
  padding: 2.1%;
4400
  position: relative;
4401
}
4402
 
4403
.search-box input,
4404
.search-box input:focus {
4405
  background: var(--bg-color);
4406
  color: var(--font-color);
4407
}
4408
 
4409
.search-box > .form-group::before {
4410
  width: 100px;
4411
  content: "Buscar";
4412
  right: 2.1%;
4413
  place-items: center;
4414
  display: grid;
4415
  height: calc(1.5em + 0.75rem + 2px);
4416
  background: var(--bg-color);
4417
  position: absolute;
4418
  border: 1px solid var(--border-primary);
4419
  cursor: pointer;
4420
  color: var(--subtitle-color);
4421
  font-weight: 600;
4422
  border-start-end-radius: 0.25rem;
4423
  border-bottom-right-radius: 0.25rem;
4424
}
4425
 
4426
.search-box form {
4427
  width: 100%;
4428
  position: relative;
4429
}
4430
 
4431
.search-box form input {
4432
  width: 100%;
4433
  height: 40px;
4434
  padding: 0 15px;
4435
  background: var(--background-light-gray);
4436
  color: var(--gray);
4437
  font-size: 14px;
4438
  border: solid 1px var(--border-primary);
4439
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4440
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4441
  -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4442
  -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4443
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4444
}
4445
 
4446
.search-box form button {
4447
  position: absolute;
4448
  top: 0;
4449
  right: 0;
4450
  border: solid 1px var(--border-primary);
4451
  color: var(--gray);
4452
  font-size: 16px;
4453
  font-weight: 500;
4454
  height: 100%;
4455
  padding: 0 28px;
4456
  cursor: pointer;
4457
  -webkit-border-radius: 0 4px 4px 0;
4458
  -moz-border-radius: 0 4px 4px 0;
4459
  -ms-border-radius: 0 4px 4px 0;
4460
  -o-border-radius: 0 4px 4px 0;
4461
  border-radius: 0 4px 4px 0;
4462
}
4463
 
4464
/* =============== filter-secs ============== */
4465
.filter-secs {
4466
  float: left;
4467
  width: 100%;
4468
  /* background-color: #fff; */
4469
  box-shadow: 0px 2px #e4e4e4;
4470
  border: 1px solid #e5e5e5;
4471
}
4472
 
4473
.filter-heading {
4474
  float: left;
4475
  width: 100%;
4476
  padding: 15px 20px;
4477
  border-bottom: 1px solid #e5e5e5;
4478
  margin-bottom: 15px;
4479
}
4480
 
4481
.filter-heading h3 {
4482
  float: left;
4483
  color: #e44d3a;
4484
  font-size: 18px;
4485
  font-weight: 600;
4486
}
4487
 
4488
.filter-heading a {
4489
  float: right;
4490
  color: #686868;
4491
  font-size: 14px;
4492
  margin-top: 4px;
4493
}
4494
 
4495
.filter-ttl {
4496
  float: left;
4497
  width: 100%;
4498
  border-bottom: 1px solid #e5e5e5;
4499
  padding: 0 0 16px 0;
4500
  margin-bottom: 10px;
4501
}
4502
 
4503
.filter--tt2 {
4504
  margin-bottom: 0px !important;
4505
}
4506
 
4507
.top--1 {
4508
  margin-top: 20px;
4509
}
4510
 
4511
.filter--tt2 .dropdown .dropdown-menu a {
4512
  float: none;
4513
  color: #666666 !important;
4514
  margin-bottom: 12px !important;
4515
}
4516
 
4517
.filter--tt2 .dropdown .dropdown-menu a:hover {
4518
  color: #e44d3a !important;
4519
  background: none !important;
4520
}
4521
 
4522
.filter--tt2 .dropdown .dropdown-menu a:focus {
4523
  color: #e44d3a !important;
4524
  background: none !important;
4525
}
4526
 
4527
.filter--tt2 a {
4528
  float: left !important;
4529
  padding: 0 0 0 15px !important;
4530
  font-size: 16px !important;
4531
  color: #000000 !important;
4532
  font-weight: 500 !important;
4533
}
4534
 
4535
.filter-ttl h3 {
4536
  float: left;
4537
  padding: 0;
4538
  font-size: 16px;
4539
  color: #000000;
4540
  font-weight: 400;
4541
}
4542
 
4543
.filter-ttl a {
4544
  float: right;
4545
  font-size: 14px;
4546
  color: #666666;
4547
}
4548
 
4549
.filter-ttl .dropdown a {
4550
  float: none;
4551
  color: #666666;
4552
}
4553
 
4554
.filter-dd {
4555
  float: left;
4556
  width: 100%;
4557
  margin-bottom: 15px;
4558
}
4559
 
4560
.filter-dd form {
4561
  float: left;
4562
  width: 100%;
4563
  position: relative;
4564
}
4565
 
4566
.filter-dd form input,
4567
.filter-dd form select {
4568
  width: 100%;
4569
  height: 30px;
4570
  background-color: #f2f2f2;
4571
  padding: 0 10px;
4572
  color: #b2b2b2;
4573
  font-size: 12px;
4574
  font-weight: 600;
4575
  border: 0;
4576
  border: 1px solid #e5e5e5;
4577
}
4578
 
4579
.job-tp i {
4580
  color: #666666;
4581
  position: absolute;
4582
  top: 9px;
4583
  right: 15px;
4584
  font-size: 14px;
4585
}
4586
 
4587
.avail-checks {
4588
  float: left;
4589
  width: 100%;
4590
  margin-top: 7px;
4591
}
4592
 
4593
.avail-checks li {
4594
  float: left;
4595
  width: 100%;
4596
  margin-bottom: 10px;
4597
}
4598
 
4599
.avail-checks li:last-child {
4600
  margin-bottom: 0;
4601
}
4602
 
4603
.avail-checks li input[type=radio] {
4604
  display: none;
4605
}
4606
 
4607
.avail-checks li label {
4608
  float: left;
4609
}
4610
 
4611
.avail-checks li input[type=radio] + label span {
4612
  display: inline-block;
4613
  width: 15px;
4614
  height: 15px;
4615
  position: relative;
4616
  margin-top: 3px;
4617
  border: 1px solid #d2d2d2;
4618
  -webkit-border-radius: 100px;
4619
  -moz-border-radius: 100px;
4620
  -ms-border-radius: 100px;
4621
  -o-border-radius: 100px;
4622
  border-radius: 100px;
4623
}
4624
 
4625
.avail-checks li input[type=radio] + label span:before {
4626
  content: "";
4627
  opacity: 0;
4628
  visibility: hidden;
4629
  position: absolute;
4630
  width: 7px;
4631
  height: 7px;
4632
  -webkit-border-radius: 100px;
4633
  -moz-border-radius: 100px;
4634
  -ms-border-radius: 100px;
4635
  -o-border-radius: 100px;
4636
  border-radius: 100px;
4637
  background-color: #e44d3a;
4638
  top: 3px;
4639
  left: 3px;
4640
}
4641
 
4642
.avail-checks li input[type=radio]:checked + label span:before {
4643
  opacity: 1;
4644
  visibility: visible;
4645
}
4646
 
4647
.avail-checks li small {
4648
  color: #909090;
4649
  font-size: 14px;
4650
  padding-left: 10px;
4651
  font-weight: 500;
4652
}
4653
 
4654
/* =========== Range Slider ========== */
4655
.rg-slider {
4656
  float: left;
4657
  width: 100%;
4658
}
4659
 
4660
.slider-container {
4661
  width: 100% !important;
4662
  padding-top: 50px;
4663
  position: relative;
4664
}
4665
 
4666
.theme-green .back-bar {
4667
  height: 5px;
4668
  border: 1px solid #e5e5e5;
4669
  -webkit-border-radius: 30px;
4670
  -moz-border-radius: 30px;
4671
  -ms-border-radius: 30px;
4672
  -o-border-radius: 30px;
4673
  border-radius: 30px;
4674
}
4675
 
4676
.theme-green .back-bar .pointer {
4677
  width: 17px;
4678
  height: 17px;
4679
  -webkit-border-radius: 100px;
4680
  -moz-border-radius: 100px;
4681
  -ms-border-radius: 100px;
4682
  -o-border-radius: 100px;
4683
  border-radius: 100px;
4684
  background-color: #e44d3a;
4685
  border: 2px solid #e3e3e3;
4686
  -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4687
  -moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4688
  -ms-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4689
  -o-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4690
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4691
}
4692
 
4693
.theme-green .back-bar .pointer {
4694
  top: -7px;
4695
}
4696
 
4697
.slider-container .back-bar .pointer-label {
4698
  top: -50px;
4699
  height: 26px;
4700
  background-color: #e5e5e5;
4701
  -webkit-border-radius: 30px;
4702
  -moz-border-radius: 30px;
4703
  -ms-border-radius: 30px;
4704
  -o-border-radius: 30px;
4705
  border-radius: 30px;
4706
  line-height: 26px;
4707
  width: 50px;
4708
}
4709
 
4710
.pointer-label.low {
4711
  left: 0 !important;
4712
}
4713
 
4714
.pointer-label.high {
4715
  left: 70px !important;
4716
}
4717
 
4718
.pointer-label.low:before {
4719
  content: "";
4720
  position: absolute;
4721
  top: 13px;
4722
  right: -14px;
4723
  width: 8px;
4724
  height: 1px;
4725
  background-color: #e5e5e5;
4726
}
4727
 
4728
.rg-limit {
4729
  float: left;
4730
  width: 100%;
4731
  margin-top: 16px;
4732
}
4733
 
4734
.rg-limit h4 {
4735
  color: #686868;
4736
  font-size: 15px;
4737
  font-weight: 600;
4738
  float: left;
4739
}
4740
 
4741
.rg-limit h4:last-child {
4742
  float: right;
4743
}
4744
 
4745
/* ============== chatbox-list ============== */
4746
.chatbox-list {
4747
  position: fixed;
4748
  bottom: 0;
4749
  right: 0;
4750
}
4751
 
4752
.ext_share {
4753
  display: flex;
4754
  position: absolute;
4755
  align-items: center;
4756
  padding: 5px 1rem;
4757
  bottom: calc(100% + 0.5rem);
4758
  gap: 0.5rem;
4759
  left: 50%;
4760
  width: 16.5rem;
4761
  flex-wrap: wrap;
4762
  overflow-x: scroll;
4763
  transform: translateX(-43%);
4764
  border-radius: 20px;
4765
  background-color: #fff;
4766
  box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.12), 0px -4px 4px -2px rgba(0, 0, 0, 0.12);
4767
}
4768
 
4769
.ext_share.post {
4770
  transform: none;
4771
  bottom: 100%;
4772
  right: 1.5rem;
4773
  z-index: 200;
4774
}
4775
 
4776
.highlighted {
4777
  backdrop-filter: blur(35px);
4778
  animation: droping 1s ease infinite;
4779
}
4780
 
4781
@keyframes droping {
4782
  0% {
4783
    box-shadow: 0 0 5px #96bde9;
4784
  }
4785
  50% {
4786
    box-shadow: 0 0 12px #96bde9;
4787
  }
4788
  100% {
4789
    box-shadow: 0 0 5px #96bde9;
4790
  }
4791
}
4792
.chatbox {
4793
  display: inline-block;
4794
  position: relative;
4795
  z-index: 10;
4796
}
4797
 
4798
.chat-mg {
4799
  display: inline-block;
4800
  position: relative;
4801
}
4802
 
4803
.chat-mg img {
4804
  width: 70px;
4805
  height: 70px;
4806
  -webkit-border-radius: 100px;
4807
  -moz-border-radius: 100px;
4808
  -ms-border-radius: 100px;
4809
  -o-border-radius: 100px;
4810
  border-radius: 100px;
4811
}
4812
 
4813
.chat-mg span {
4814
  position: absolute;
4815
  top: -5px;
4816
  right: 10px;
4817
  width: 20px;
4818
  height: 20px;
4819
  background-color: #e44d3a;
4820
  text-align: center;
4821
  font-size: 12px;
4822
  color: #fff;
4823
  line-height: 20px;
4824
  -webkit-border-radius: 100px;
4825
  -moz-border-radius: 100px;
4826
  -ms-border-radius: 100px;
4827
  -o-border-radius: 100px;
4828
  border-radius: 100px;
4829
}
4830
 
4831
.chat-mg.bx img {
4832
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4833
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4834
  -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4835
  -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4836
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4837
}
4838
 
4839
.conversation-box {
4840
  position: absolute;
4841
  bottom: 132%;
4842
  right: 100%;
4843
  width: 350px;
4844
  background-color: #fff;
4845
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4846
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4847
  -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4848
  -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4849
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4850
  opacity: 0;
4851
  visibility: hidden;
4852
  z-index: 0;
4853
}
4854
 
4855
.conversation-box.active {
4856
  opacity: 1;
4857
  visibility: visible;
4858
  z-index: 9999;
4859
}
4860
 
4861
.conversation-box:before {
4862
  content: "";
4863
  position: absolute;
4864
  bottom: -7px;
4865
  right: 26px;
4866
  border-top: 15px solid #fff;
4867
  border-right: 15px solid transparent;
4868
  -webkit-transform: rotate(225deg);
4869
  -moz-transform: rotate(225deg);
4870
  -ms-transform: rotate(225deg);
4871
  -o-transform: rotate(225deg);
4872
  transform: rotate(225deg);
4873
}
4874
 
4875
.con-title {
4876
  float: left;
4877
  width: 100%;
4878
  background-color: #e44d3a;
4879
  padding: 15px 25px;
4880
  -webkit-border-radius: 10px 10px 0 0;
4881
  -moz-border-radius: 10px 10px 0 0;
4882
  -ms-border-radius: 10px 10px 0 0;
4883
  -o-border-radius: 10px 10px 0 0;
4884
  border-radius: 10px 10px 0 0;
4885
}
4886
 
4887
.con-title h3 {
4888
  float: left;
4889
  color: #ffffff;
4890
  font-size: 16px;
4891
  font-weight: 600;
4892
}
4893
 
4894
.con-title > a {
4895
  float: right;
4896
  color: #fff;
4897
  font-size: 20px;
4898
}
4899
 
4900
.chat-list {
4901
  float: left;
4902
  width: 100%;
4903
  min-height: 390px;
4904
}
4905
 
4906
.conv-list {
4907
  float: left;
4908
  width: 100%;
4909
  display: table;
4910
  padding: 20px 25px;
4911
  position: relative;
4912
}
4913
 
4914
.conv-list:hover,
4915
.conv-list.active {
4916
  background-color: #efefef;
4917
}
4918
 
4919
.msg-numbers {
4920
  position: absolute;
4921
  bottom: 18px;
4922
  right: 25px;
4923
  width: 25px;
4924
  height: 25px;
4925
  background-color: #e77667;
4926
  text-align: center;
4927
  line-height: 25px;
4928
  color: #fff;
4929
  font-size: 13px;
4930
  -webkit-border-radius: 100px;
4931
  -moz-border-radius: 100px;
4932
  -ms-border-radius: 100px;
4933
  -o-border-radius: 100px;
4934
  border-radius: 100px;
4935
}
4936
 
4937
.usrr-pic {
4938
  display: table-cell;
4939
  position: relative;
4940
}
4941
 
4942
.active-status {
4943
  width: 9px;
4944
  height: 9px;
4945
  border: 2px solid #ecf5fb;
4946
  -webkit-border-radius: 100px;
4947
  -moz-border-radius: 100px;
4948
  -ms-border-radius: 100px;
4949
  -o-border-radius: 100px;
4950
  border-radius: 100px;
4951
  position: absolute;
4952
  top: -3px;
4953
  right: 0;
4954
}
4955
 
4956
.activee {
4957
  background-color: #e44d3a;
4958
}
4959
 
4960
.usy-info {
4961
  display: table-cell;
4962
  vertical-align: top;
4963
  width: 100%;
4964
  padding-left: 15px;
4965
}
4966
 
4967
.usy-info h3 {
4968
  color: #000000;
4969
  font-size: 18px;
4970
  font-weight: 600;
4971
  margin-bottom: 5px;
4972
}
4973
 
4974
.usy-info span {
4975
  color: #686868;
4976
  font-size: 16px;
4977
  float: left;
4978
}
4979
 
4980
.usy-info span img {
4981
  padding-left: 5px;
4982
  float: right;
4983
}
4984
 
4985
.ct-time {
4986
  position: absolute;
4987
  top: 20px;
4988
  right: 25px;
4989
}
4990
 
4991
.ct-time span {
4992
  color: #b2b2b2;
4993
  font-size: 14px;
4994
}
4995
 
4996
.st-icons {
4997
  float: right;
4998
  margin-top: 7px;
4999
}
5000
 
5001
.st-icons a {
5002
  color: #fff;
5003
  font-size: 20px;
5004
  margin-right: 5px;
5005
}
5006
 
5007
.chat-hist {
5008
  float: left;
5009
  width: 100%;
5010
  background-color: #fff;
5011
  height: 280px;
5012
}
5013
 
5014
.chat-msg {
5015
  float: left;
5016
  width: 100%;
5017
  padding-right: 25px;
5018
  margin-bottom: 15px;
5019
}
5020
 
5021
.chat-msg p {
5022
  color: #ffffff;
5023
  font-size: 14px;
5024
  background-color: #e44d3a;
5025
  line-height: 18px;
5026
  -webkit-border-radius: 15px;
5027
  -moz-border-radius: 15px;
5028
  -ms-border-radius: 15px;
5029
  -o-border-radius: 15px;
5030
  border-radius: 15px;
5031
  padding: 10px 15px;
5032
  width: 80%;
5033
  float: right;
5034
  margin-bottom: 10px;
5035
}
5036
 
5037
.mg-3 {
5038
  margin-bottom: 3px;
5039
}
5040
 
5041
.chat-msg span {
5042
  float: right;
5043
  color: #b1b1b1;
5044
  width: 100%;
5045
  font-size: 9px;
5046
  text-align: right;
5047
}
5048
 
5049
.status-info {
5050
  width: 8px;
5051
  height: 8px;
5052
  background-color: #fff;
5053
  -webkit-border-radius: 100px;
5054
  -moz-border-radius: 100px;
5055
  -ms-border-radius: 100px;
5056
  -o-border-radius: 100px;
5057
  border-radius: 100px;
5058
  display: inline-block;
5059
  margin-left: 7px;
5060
}
5061
 
5062
.chat-user-info h3 {
5063
  margin-top: 7px;
5064
  margin-left: 10px;
5065
}
5066
 
5067
.date-nd {
5068
  float: left;
5069
  width: 100%;
5070
  text-align: center;
5071
  margin-bottom: 20px;
5072
  position: relative;
5073
}
5074
 
5075
.date-nd:before,
5076
.date-nd:after {
5077
  content: "";
5078
  position: absolute;
5079
  top: 10px;
5080
  left: 15px;
5081
  width: 92px;
5082
  height: 1px;
5083
  background-color: #e5e5e5;
5084
}
5085
 
5086
.date-nd:after {
5087
  left: auto;
5088
  right: 15px;
5089
}
5090
 
5091
.date-nd span {
5092
  color: #b1b1b1;
5093
  font-size: 12px;
5094
  text-align: center;
5095
}
5096
 
5097
.chat-msg.st2 p {
5098
  background-color: #efefef;
5099
  color: #686868;
5100
  float: left;
5101
  width: 55%;
5102
}
5103
 
5104
.chat-msg.st2 {
5105
  padding-left: 25px;
5106
}
5107
 
5108
.chat-msg.st2 span {
5109
  float: left;
5110
  text-align: left;
5111
}
5112
 
5113
/* =========== typing-msg =========== */
5114
.typing-msg {
5115
  float: left;
5116
  width: 100%;
5117
  border-top: 1px solid #e6e6e6;
5118
  padding-top: 15px;
5119
}
5120
 
5121
.typing-msg form {
5122
  float: left;
5123
  width: 100%;
5124
  position: relative;
5125
}
5126
 
5127
.typing-msg form textarea {
5128
  width: 100%;
5129
  height: 30px;
5130
  background-color: #fff;
5131
  padding: 0 20px;
5132
  color: #b2b2b2;
5133
  font-size: 16px;
5134
  border: 0;
5135
  resize: none;
5136
}
5137
 
5138
.typing-msg form button {
5139
  color: #e44d3a;
5140
  font-size: 18px;
5141
  font-weight: 600;
5142
  position: absolute;
5143
  top: 2px;
5144
  right: 20px;
5145
  background: none;
5146
  border: 0;
5147
  cursor: pointer;
5148
}
5149
 
5150
.ft-options {
5151
  float: left;
5152
  width: 100%;
5153
  padding: 0 20px 8px 20px;
5154
}
5155
 
5156
.ft-options li {
5157
  display: inline-block;
5158
  margin-right: 15px;
5159
}
5160
 
5161
.ft-options li a {
5162
  color: #b2b2b2;
5163
  font-size: 24px;
5164
  display: inline-block;
5165
}
5166
 
5167
.mCSB_scrollTools {
5168
  right: -5px;
5169
}
5170
 
5171
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
5172
  background-color: #cccccc;
5173
  width: 5px;
5174
}
5175
 
5176
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
5177
  opacity: 0;
5178
}
5179
 
5180
/* ============ Menu Btn =============*/
5181
.menu-btn {
5182
  float: right;
5183
  display: none;
5184
}
5185
 
5186
.menu-btn a {
5187
  font-size: 24px;
5188
  color: #fff;
5189
  display: inline-block;
5190
  padding-top: 16px;
5191
  padding-left: 20px;
5192
}
5193
 
5194
/* ============= account-tabs-setting ============ */
5195
/* .profile-account-setting {} */
5196
.account-tabs-setting {
5197
  width: 100%;
5198
}
5199
 
5200
.account-tabs-setting h1 {
5201
  font-size: 1rem;
5202
  font-weight: 700;
5203
  margin: 2rem auto;
5204
  text-align: center;
5205
  color: var(--title-color);
5206
}
5207
 
5208
.acc-leftbar {
5209
  width: 100%;
5210
  background-color: var(--bg-color);
5211
  border: 1px solid var(--border-primary);
5212
  border-radius: 10px;
5213
  overflow: hidden;
5214
}
5215
 
5216
.acc-leftbar .nav-tabs > a {
5217
  border-bottom: 1px solid var(--border-primary);
5218
  color: var(--subtitle-color);
5219
  font-size: 16px;
5220
  font-weight: 700;
5221
  margin: 0 auto;
5222
  padding: 1rem 0;
5223
  width: 90%;
5224
}
5225
 
5226
.nav-tabs {
5227
  border-bottom: 0;
5228
}
5229
 
5230
.acc-leftbar .nav-tabs > a:last-child {
5231
  border-bottom: 0;
5232
}
5233
 
5234
.acc-leftbar .nav-tabs > a i {
5235
  font-size: 1.5rem;
5236
  position: relative;
5237
  width: 50px;
5238
  height: 50px;
5239
  display: inline-flex;
5240
  align-items: center;
5241
  background-color: var(--bg-color-secondary);
5242
  border-radius: 100px;
5243
  justify-content: center;
5244
  margin-right: 5px;
5245
}
5246
 
5247
.nav-tabs .nav-item.show .nav-link,
5248
.nav-tabs .nav-link.active {
5249
  background-color: inherit;
5250
  color: #e44d3a;
5251
  border-color: inherit;
5252
}
5253
 
5254
/* ============= acc-setting ============ */
5255
.settings-container {
5256
  font-weight: normal;
5257
}
5258
 
5259
.settings-container h2 {
5260
  font-weight: normal;
5261
  margin: 0.5rem auto;
5262
  color: var(--subtitle-color);
5263
}
5264
 
5265
.acc-setting_content {
5266
  padding: 2rem 1rem;
5267
  width: 100%;
5268
  overflow: hidden;
5269
  border-radius: 10px;
5270
  background-color: var(--bg-color);
5271
  border: 1px solid var(--border-primary);
5272
  box-shadow: 1px 0 4px var(--background-gray);
5273
}
5274
 
5275
.acc-setting form {
5276
  float: left;
5277
  width: 100%;
5278
}
5279
 
5280
.acc-setting > h3 {
5281
  width: 100%;
5282
  color: var(--subtitle-color);
5283
  font-weight: 600;
5284
  font-size: 18px;
5285
  text-transform: capitalize;
5286
  border-bottom: 1px solid var(--border-primary);
5287
  padding: 17px 20px;
5288
}
5289
 
5290
.notbar {
5291
  float: left;
5292
  width: 100%;
5293
  border-bottom: 1px solid var(--border-primary);
5294
  padding: 20px;
5295
  position: relative;
5296
}
5297
 
5298
.notbat {
5299
  color: var(--font-color);
5300
}
5301
 
5302
.notbar h4 {
5303
  color: var(--title-color);
5304
  font-size: 16px;
5305
  font-weight: 600;
5306
  margin-bottom: 5px;
5307
}
5308
 
5309
.notbar p {
5310
  color: var(--font-color);
5311
  font-size: 14px;
5312
  line-height: 24px;
5313
  width: 75%;
5314
}
5315
 
5316
.toggle-btn {
5317
  position: absolute;
5318
  top: 35px;
5319
  right: 20px;
5320
}
5321
 
5322
.save-stngs {
5323
  float: left;
5324
  width: 100%;
5325
  padding: 30px 20px 50px 20px;
5326
}
5327
 
5328
.save-stngs.pd2 {
5329
  padding: 25px 20px 42px 20px;
5330
}
5331
 
5332
.save-stngs.pd3 {
5333
  padding: 25px 20px 25px 20px;
5334
}
5335
 
5336
.save-stngs ul li {
5337
  display: inline-block;
5338
  margin-right: 17px;
5339
}
5340
 
5341
.save-stngs ul li button {
5342
  display: inline-block;
5343
  color: #000000;
5344
  font-size: 16px;
5345
  border: 1px solid #e5e5e5;
5346
  height: 40px;
5347
  line-height: 40px;
5348
  padding: 0 22px;
5349
  font-weight: 600;
5350
  background: none;
5351
  cursor: pointer;
5352
}
5353
 
5354
/* =============== Password Update ============ */
5355
.cp-field,
5356
.cp-field2 {
5357
  width: 100%;
5358
}
5359
 
5360
@media (min-width: 992px) {
5361
  .cp-field {
5362
    width: 47%;
5363
  }
5364
  .cp-field2 {
5365
    width: 80%;
5366
  }
5367
}
5368
.cp-field h5 {
5369
  color: #000000;
5370
  font-size: 16px;
5371
  font-weight: 600;
5372
  float: left;
5373
  width: 100%;
5374
  margin-bottom: 10px;
5375
}
5376
 
5377
.cp-field h5 a {
5378
  color: #000;
5379
}
5380
 
5381
.cpp-fiel {
5382
  width: 100%;
5383
  position: relative;
5384
}
5385
 
5386
.cp-field input,
5387
.cp-field select,
5388
.custom-input {
5389
  height: 40px;
5390
  padding: 0 40px;
5391
}
5392
 
5393
.cp-field input,
5394
.cp-field textarea,
5395
.cp-field select,
5396
.custom-input {
5397
  width: 100% !important;
5398
  background-color: var(--bg-color) !important;
5399
  color: var(--font-color) !important;
5400
  box-shadow: 0 0 2px var(--border-primary) !important;
5401
  border-radius: 10px !important;
5402
  border: none !important;
5403
  margin-top: 4px;
5404
}
5405
 
5406
.cp-field textarea {
5407
  padding: 20px;
5408
  height: 115px;
5409
}
5410
 
5411
.cpp-fiel i {
5412
  position: absolute;
5413
  top: 12px;
5414
  left: 15px;
5415
  color: #b2b2b2;
5416
  font-size: 16px;
5417
}
5418
 
5419
/* =============== notifications-list ============= */
5420
.notifications-list {
5421
  float: left;
5422
  width: 100%;
5423
}
5424
 
5425
.notfication-details {
5426
  float: left;
5427
  width: 100%;
5428
  padding: 20px;
5429
  border-bottom: 1px solid #e5e5e5;
5430
}
5431
 
5432
.notfication-details:last-child {
5433
  border-bottom: 0;
5434
}
5435
 
5436
.noty-user-img {
5437
  float: left;
5438
  width: 35px;
5439
}
5440
 
5441
.noty-user-img img {
5442
  width: 100%;
5443
}
5444
 
5445
.notification-info {
5446
  float: left;
5447
  width: auto;
5448
  padding-left: 10px;
5449
}
5450
 
5451
.notification-info h3 {
5452
  color: #686868;
5453
  font-size: 14px;
5454
  font-weight: 500;
5455
  border: 0;
5456
  padding: 0;
5457
  margin-bottom: 6px;
5458
}
5459
 
5460
.notification-info h3 a {
5461
  color: #000000;
5462
  font-size: 16px;
5463
  font-weight: 600;
5464
  display: inline-block;
5465
}
5466
 
5467
.notification-info > span {
5468
  display: inline-block;
5469
  color: #b2b2b2;
5470
  font-size: 12px;
5471
  font-weight: 600;
5472
}
5473
 
5474
/* ============== requests-list ============== */
5475
.requests-list {
5476
  float: left;
5477
  width: 100%;
5478
  padding-bottom: 0;
5479
}
5480
 
5481
.request-details {
5482
  float: left;
5483
  width: 100%;
5484
  padding: 20px;
5485
  border-bottom: 1px solid #e5e5e5;
5486
}
5487
 
5488
.request-details:last-child {
5489
  border-bottom: 0;
5490
}
5491
 
5492
.request-info {
5493
  float: left;
5494
  padding-left: 10px;
5495
}
5496
 
5497
.request-info h3 {
5498
  color: #000000;
5499
  font-size: 14px;
5500
  font-weight: 600;
5501
  padding: 0;
5502
  border: 0;
5503
  margin-bottom: 3px;
5504
}
5505
 
5506
.request-info span {
5507
  color: #686868;
5508
  font-size: 12px;
5509
  display: inline-block;
5510
}
5511
 
5512
.accept-feat {
5513
  float: right;
5514
}
5515
 
5516
.accept-feat ul li {
5517
  display: inline-block;
5518
}
5519
 
5520
.accept-feat ul li button {
5521
  cursor: pointer;
5522
}
5523
 
5524
.accept-req {
5525
  color: #ffffff;
5526
  font-size: 16px;
5527
  background-color: #51a5fb;
5528
  height: 30px;
5529
  padding: 0 20px;
5530
  font-weight: 600;
5531
  border: 0;
5532
  border: 1px solid #51a5fb;
5533
}
5534
 
5535
.close-req {
5536
  height: 30px;
5537
  width: 30px;
5538
  text-align: center;
5539
  line-height: 30px;
5540
  border: 1px solid #e5e5e5;
5541
  background: inherit;
5542
  color: #b2b2b2;
5543
  margin-left: 7px;
5544
}
5545
 
5546
.close-req i {
5547
  font-weight: 600;
5548
}
5549
 
5550
/* ============= Profile Sattus =========== */
5551
.profile-bx-details {
5552
  float: left;
5553
  width: 100%;
5554
  padding: 30px 7px 30px 7px;
5555
}
5556
 
5557
.profile-bx-details .row .col-lg-3 {
5558
  padding: 0 7px;
5559
}
5560
 
5561
.profile-bx-info {
5562
  float: left;
5563
  width: 100%;
5564
  background-color: #f2f2f2;
5565
  padding: 20px;
5566
  border: 1px solid #e5e5e5;
5567
}
5568
 
5569
.pro-bx {
5570
  float: left;
5571
  width: 100%;
5572
  border-bottom: 1px solid #e5e5e5;
5573
  padding-bottom: 10px;
5574
}
5575
 
5576
.bx-info {
5577
  float: left;
5578
  margin-top: 7px;
5579
  padding-left: 10px;
5580
}
5581
 
5582
.bx-info h3 {
5583
  color: #e44d3a;
5584
  font-size: 20px;
5585
  font-weight: 600;
5586
  margin-bottom: 5px;
5587
}
5588
 
5589
.bx-info h5 {
5590
  color: #000000;
5591
  font-size: 14px;
5592
  font-weight: 600;
5593
  margin: 0;
5594
  padding: 0;
5595
  border: 0;
5596
}
5597
 
5598
.pd-left-20 {
5599
  padding-left: 20px;
5600
  padding-right: 0;
5601
}
5602
 
5603
.pd-left-15 {
5604
  padding-left: 15px;
5605
  padding-right: 0;
5606
}
5607
 
5608
.pd-left-right {
5609
  padding-left: 15px;
5610
  padding-right: 20px;
5611
}
5612
 
5613
.profile-bx-info > p {
5614
  float: left;
5615
  width: 100%;
5616
  font-size: 14px;
5617
  line-height: 20px;
5618
  padding-top: 5px;
5619
}
5620
 
5621
/* =========== pro-work-status ========= */
5622
.pro-work-status {
5623
  float: left;
5624
  width: 100%;
5625
  padding: 0 15px;
5626
}
5627
 
5628
.pro-work-status h4 {
5629
  color: #000000;
5630
  font-size: 18px;
5631
  font-weight: 600;
5632
  margin-bottom: 50px;
5633
}
5634
 
5635
/* ============== messages-page ============== */
5636
.messages-page {
5637
  padding: 20px 0;
5638
}
5639
 
5640
.messages-sec {
5641
  width: 100%;
5642
  border-radius: 10px;
5643
  overflow: hidden;
5644
  background-color: transparent;
5645
}
5646
 
5647
.msgs-list {
5648
  width: 100%;
5649
}
5650
 
5651
.inmail_conversations-list {
5652
  border-right: 1px solid rgba(51, 51, 51, 0.2);
5653
  padding-left: 0;
5654
  padding-right: 0;
5655
}
5656
 
5657
.msg-title {
5658
  padding: 20px;
5659
  border-bottom: 2px solid rgba(51, 51, 51, 0.2);
5660
}
5661
 
5662
.active-tab {
5663
  border-bottom: solid 2px #e4e4e4;
5664
}
5665
 
5666
.msg-title > h3 {
5667
  color: #000000;
5668
  font-size: 18px;
5669
  font-weight: 600;
5670
}
5671
 
5672
.msg-title > ul {
5673
  float: right;
5674
  position: relative;
5675
  top: 1px;
5676
}
5677
 
5678
.msg-title ul li {
5679
  display: inline-block;
5680
  margin-right: 15px;
5681
  border-bottom: 1px solid rgba(51, 51, 51, 0.2);
5682
}
5683
 
5684
.msg-title ul li:last-child {
5685
  margin-right: 0;
5686
}
5687
 
5688
.msg-title ul li a {
5689
  color: #b2b2b2;
5690
  font-size: 18px;
5691
}
5692
 
5693
.messages-list {
5694
  float: left;
5695
  width: 100%;
5696
  overflow-y: scroll;
5697
}
5698
 
5699
.date-chat {
5700
  font-size: 0.6rem;
5701
  color: var(--gray);
5702
  padding-top: 5%;
5703
}
5704
 
5705
.messages-list ul {
5706
  float: left;
5707
  width: 100%;
5708
}
5709
 
5710
.text-chat-title {
5711
  color: var(--gray) !important;
5712
  font-size: 1rem;
5713
}
5714
 
5715
.messages-list ul li {
5716
  float: left;
5717
  width: 100%;
5718
  padding: 3%;
5719
  cursor: pointer;
5720
}
5721
 
5722
.messages-list ul li.active {
5723
  background-color: #efefef;
5724
}
5725
 
5726
.usr-msg-details {
5727
  float: left;
5728
  position: relative;
5729
  width: 100%;
5730
  padding: 0.5rem 1rem;
5731
  border-radius: 10px;
5732
}
5733
.usr-msg-details:hover, .usr-msg-details.is_selected {
5734
  background: var(--light-gray);
5735
}
5736
 
5737
.usr-ms-img {
5738
  float: left;
5739
  width: 50px;
5740
  position: relative;
5741
}
5742
 
5743
.msg-status {
5744
  -webkit-border-radius: 100px;
5745
  -moz-border-radius: 100px;
5746
  -ms-border-radius: 100px;
5747
  -o-border-radius: 100px;
5748
  border-radius: 100px;
5749
  background-color: #e44d3a;
5750
  position: absolute;
5751
  top: -3px;
5752
  right: 0;
5753
  width: 6px;
5754
  height: 6px;
5755
}
5756
 
5757
.messages-list ul li.active .msg-status {
5758
  border: 2px solid #ecf5fb;
5759
  height: 10px;
5760
  width: 10px;
5761
}
5762
 
5763
.msg-notifc {
5764
  position: absolute;
5765
  /* bottom: 0;
5766
  right: 0; */
5767
  width: 25px;
5768
  height: 25px;
5769
  -webkit-border-radius: 100px;
5770
  -moz-border-radius: 100px;
5771
  -ms-border-radius: 100px;
5772
  -o-border-radius: 100px;
5773
  border-radius: 100px;
5774
  background-color: #e77667;
5775
  text-align: center;
5776
  line-height: 25px;
5777
  font-size: 13px;
5778
  color: #fff;
5779
}
5780
 
5781
.usr-ms-img img {
5782
  width: 100%;
5783
  -webkit-border-radius: 100px;
5784
  -moz-border-radius: 100px;
5785
  -ms-border-radius: 100px;
5786
  -o-border-radius: 100px;
5787
  border-radius: 100px;
5788
}
5789
 
5790
.usr-mg-info {
5791
  float: left;
5792
  padding-left: 13px;
5793
  margin-top: 4px;
5794
}
5795
 
5796
.usr-mg-info h3 {
5797
  color: #000000;
5798
  font-size: 18px;
5799
  font-weight: 600;
5800
}
5801
 
5802
.usr-mg-info p {
5803
  color: #686868;
5804
  font-size: 16px;
5805
}
5806
 
5807
.usr-mg-info p img {
5808
  float: right;
5809
  position: relative;
5810
  top: 5px;
5811
  padding-left: 5px;
5812
}
5813
 
5814
.posted_time {
5815
  position: absolute;
5816
  top: 2px;
5817
  right: 0;
5818
  color: #b2b2b2;
5819
  font-size: 14px;
5820
}
5821
 
5822
/* =============== main-message-box ============= */
5823
.main-conversation-box {
5824
  width: 100%;
5825
  background-color: var(--bg-color);
5826
  position: relative;
5827
  height: 80vh;
5828
  display: grid;
5829
  grid-template-rows: auto 65% auto;
5830
}
5831
 
5832
.inmail-conversation-container {
5833
  width: 100%;
5834
  background-color: var(--bg-color);
5835
  position: relative;
5836
  height: 80vh;
5837
  gap: 0.5rem;
5838
  display: grid;
5839
  grid-template-rows: 5% 80% 15%;
5840
}
5841
 
5842
@media (min-width: 992px) {
5843
  .inmail-conversation-container {
5844
    grid-template-rows: 85% 15%;
5845
  }
5846
}
5847
.inmail-conversation-box {
5848
  width: 100%;
5849
  position: relative;
5850
  display: grid;
5851
  grid-template-rows: auto 85%;
5852
  overflow: hidden;
5853
}
5854
 
5855
.message-bar-head {
5856
  height: 13vh;
5857
  width: 100%;
5858
  padding: 20px;
5859
  border-bottom: 1px solid var(--border-primary);
5860
}
5861
 
5862
.message-bar-head .usr-msg-details {
5863
  width: auto;
5864
}
5865
 
5866
.message-bar-head > a {
5867
  float: right;
5868
  color: #b2b2b2;
5869
  font-size: 20px;
5870
  padding-top: 15px;
5871
}
5872
 
5873
.main-message-box {
5874
  display: flex;
5875
  width: 100%;
5876
  position: relative;
5877
  margin-bottom: 15.5px;
5878
}
5879
.main-message-box .message-inner-dt {
5880
  width: 100%;
5881
}
5882
.main-message-box .message-inner-dt > img {
5883
  display: inline-block;
5884
  width: auto;
5885
  max-height: 180px;
5886
}
5887
.main-message-box .message-inner-dt > p {
5888
  font-size: 14px;
5889
}
5890
.main-message-box .message-dt {
5891
  border-radius: var(--border-radius);
5892
  border-top-left-radius: 0;
5893
  width: auto;
5894
  padding: 0.5rem;
5895
  margin-left: 15px;
5896
  background-color: var(--chat-send);
5897
  color: var(--chat-color);
5898
  box-shadow: var(--white-backdrop);
5899
}
5900
.main-message-box .messg-usr-img {
5901
  margin-left: 20px;
5902
  width: 50px;
5903
}
5904
.main-message-box .message-dt > span {
5905
  color: #b2b2b2;
5906
  font-size: 14px;
5907
  float: left;
5908
  width: 100%;
5909
  margin-top: 7px;
5910
}
5911
.main-message-box.ta-right {
5912
  flex-direction: row-reverse;
5913
}
5914
.main-message-box.ta-right .messg-usr-img {
5915
  margin-left: 0;
5916
  margin-right: 20px;
5917
}
5918
.main-message-box.ta-right .message-dt {
5919
  border-top-left-radius: var(--border-radius);
5920
  border-top-right-radius: 0;
5921
  margin-right: 15px;
5922
  background-color: var(--chat-received);
5923
}
5924
.main-message-box.ta-right .message-dt > span {
5925
  float: right;
5926
  width: auto;
5927
}
5928
 
5929
.messg-usr-img img {
5930
  width: 100%;
5931
  background: #fff;
5932
  border-radius: 100px;
5933
}
5934
 
5935
.img-bx {
5936
  background-color: #efefef;
5937
  padding: 20px;
5938
}
5939
 
5940
.message-dt.st3 .message-inner-dt > p {
5941
  background-color: #efefef;
5942
  color: #686868;
5943
  width: auto;
5944
  padding: 10px 15px;
5945
  float: left;
5946
}
5947
.message-dt.st3 .message-inner-dt > img {
5948
  float: right;
5949
  position: relative;
5950
  top: 3px;
5951
  padding-left: 5px;
5952
}
5953
 
5954
.main-message-box.st3 .messg-usr-img {
5955
  bottom: 13px;
5956
}
5957
 
5958
.messages-line {
5959
  width: 100%;
5960
}
5961
 
5962
/* ============== message-send-area ============ */
5963
.message-send-area {
5964
  width: 100%;
5965
  background: var(--bg-color);
5966
  padding: 0.5rem;
5967
  height: fit-content;
5968
}
5969
 
5970
.inmail-submit-btn {
5971
  width: 6%;
5972
}
5973
 
5974
.message-send-area form {
5975
  width: 100%;
5976
}
5977
 
5978
.mf-field {
5979
  width: 100%;
5980
  display: flex;
5981
  align-items: center;
5982
  gap: 0.5rem;
5983
}
5984
 
5985
.chat-header a {
5986
  text-decoration: none;
5987
  color: var(--dark);
5988
}
5989
 
5990
.chat-header h2 {
5991
  font-weight: 700;
5992
  text-align: center;
5993
}
5994
 
5995
.chat_contacts {
5996
  display: grid;
5997
  grid-template-rows: auto auto 1fr;
5998
  max-height: 80vh;
5999
}
6000
 
6001
.mf-field input {
6002
  flex: 1;
6003
  background-color: var(--bg-color-secondary);
6004
  border: none;
6005
  color: var(--font-color);
6006
  font-size: 16px;
6007
  padding: 0 15px;
6008
  height: 45px;
6009
  border-radius: 100px;
6010
}
6011
 
6012
.message-send-area form > ul {
6013
  float: left;
6014
  width: 100%;
6015
  margin-top: 15px;
6016
}
6017
 
6018
.message-send-area form > ul li {
6019
  display: inline-block;
6020
  margin-right: 20px;
6021
}
6022
 
6023
.message-send-area form > ul li a {
6024
  color: #b2b2b2;
6025
  font-size: 18px;
6026
}
6027
 
6028
/* ============== forum-links ============= */
6029
.forum-sec {
6030
  background-color: #fff;
6031
}
6032
 
6033
.forum-links {
6034
  float: left;
6035
  width: 100%;
6036
}
6037
 
6038
.forum-links.active {
6039
  opacity: 1;
6040
  visibility: visible;
6041
  z-index: 9999;
6042
}
6043
 
6044
.forum-links ul li {
6045
  display: inline-block;
6046
  padding: 20px 0;
6047
  margin-right: 45px;
6048
  border-bottom: 2px solid transparent;
6049
}
6050
 
6051
.forum-links ul li.active {
6052
  border-color: #e44d3a;
6053
}
6054
 
6055
.forum-links ul li.active a {
6056
  color: #e44d3a;
6057
}
6058
 
6059
.forum-links ul li a {
6060
  display: inline-block;
6061
  color: #b2b2b2;
6062
  font-size: 14px;
6063
  font-weight: 600;
6064
}
6065
 
6066
.forum-links-btn {
6067
  float: left;
6068
  width: 100%;
6069
  text-align: center;
6070
  display: none;
6071
  padding: 20px 0;
6072
}
6073
 
6074
.forum-links-btn a {
6075
  color: #000;
6076
  font-size: 30px;
6077
  display: inline-block;
6078
}
6079
 
6080
/* ================ forum-page =============== */
6081
.forum-page {
6082
  padding: 50px 0;
6083
}
6084
 
6085
.forum-questions-sec {
6086
  float: left;
6087
  width: 100%;
6088
}
6089
 
6090
.forum-questions {
6091
  float: left;
6092
  width: 100%;
6093
  background-color: #fff;
6094
}
6095
 
6096
.usr-question {
6097
  float: left;
6098
  width: 100%;
6099
  position: relative;
6100
  padding: 25px;
6101
  border-bottom: 1px solid #e5e5e5;
6102
}
6103
 
6104
.usr_img {
6105
  float: left;
6106
  width: 60px;
6107
}
6108
 
6109
.usr_img img {
6110
  width: 100%;
6111
  -webkit-border-radius: 100px;
6112
  -moz-border-radius: 100px;
6113
  -ms-border-radius: 100px;
6114
  -o-border-radius: 100px;
6115
  border-radius: 100px;
6116
}
6117
 
6118
.usr_quest {
6119
  float: left;
6120
  width: 90%;
6121
  padding-left: 15px;
6122
}
6123
 
6124
.usr_quest > h3 {
6125
  color: #000000;
6126
  font-size: 17px;
6127
  font-weight: 600;
6128
  margin-bottom: 20px;
6129
}
6130
 
6131
.forum-post-view .usr_quest > h3 {
6132
  margin-bottom: 10px;
6133
}
6134
 
6135
.react-links {
6136
  float: left;
6137
  width: 100%;
6138
}
6139
 
6140
.react-links li {
6141
  display: inline-block;
6142
  margin-right: 30px;
6143
}
6144
 
6145
.react-links li a {
6146
  display: inline-block;
6147
  color: #b2b2b2;
6148
  font-size: 14px;
6149
  font-weight: 600;
6150
}
6151
 
6152
.react-links li a:hover {
6153
  color: #e44d3a;
6154
}
6155
 
6156
.react-links li a i {
6157
  padding-right: 7px;
6158
}
6159
 
6160
.react-links li:last-child {
6161
  margin-right: 0;
6162
}
6163
 
6164
/* ============= quest-tags ============ */
6165
.quest-tags {
6166
  float: left;
6167
  width: 100%;
6168
  margin-top: 20px;
6169
}
6170
 
6171
.quest-tags li {
6172
  display: inline-block;
6173
  margin-right: 10px;
6174
}
6175
 
6176
.quest-tags li a {
6177
  display: inline-block;
6178
  color: #ffffff;
6179
  background-color: #53d690;
6180
  -webkit-border-radius: 3px;
6181
  -moz-border-radius: 3px;
6182
  -ms-border-radius: 3px;
6183
  -o-border-radius: 3px;
6184
  border-radius: 3px;
6185
  padding: 7px 25px;
6186
}
6187
 
6188
.quest-posted-time {
6189
  position: absolute;
6190
  bottom: 30px;
6191
  right: 20px;
6192
  color: #b2b2b2;
6193
  font-size: 14px;
6194
}
6195
 
6196
.quest-posted-time i {
6197
  padding-right: 5px;
6198
}
6199
 
6200
.pd-right-none {
6201
  padding-right: 0;
6202
}
6203
 
6204
/* =========== navigation ============ */
6205
.pagination {
6206
  float: left;
6207
  width: 100%;
6208
  /* background-color: #fff; */
6209
  padding: 13px 25px;
6210
}
6211
 
6212
.full-pagi {
6213
  float: left;
6214
  width: 100%;
6215
  padding-right: 0;
6216
  text-align: inherit;
6217
  margin-top: 20px;
6218
}
6219
 
6220
.pagination li {
6221
  padding: 0;
6222
  margin-right: 10px;
6223
}
6224
 
6225
.pagination li .page-link {
6226
  /* background-color: #e5e5e5; */
6227
  color: #b2b2b2;
6228
}
6229
 
6230
.pagination li .page-link.active {
6231
  background-color: #e44d3a;
6232
  color: #fff;
6233
  border-color: transparent;
6234
}
6235
 
6236
.pvr {
6237
  padding: 0.5rem 30px;
6238
}
6239
 
6240
/* ============ User Widget =========== */
6241
.title-wd {
6242
  float: left;
6243
  width: 100%;
6244
  color: #000000;
6245
  font-size: 18px;
6246
  font-weight: 600;
6247
  border-bottom: 1px solid #e5e5e5;
6248
  padding: 25px 20px;
6249
}
6250
 
6251
.widget-user ul {
6252
  float: left;
6253
  width: 100%;
6254
  padding: 15px 0;
6255
}
6256
 
6257
.widget-user ul li {
6258
  float: left;
6259
  width: 100%;
6260
  padding: 15px 20px;
6261
}
6262
 
6263
.widget-user ul li .usr-msg-details {
6264
  float: left;
6265
  width: auto;
6266
}
6267
 
6268
.widget-user ul li .usr-ms-img {
6269
  width: 35px;
6270
}
6271
 
6272
.widget-user ul li .usr-mg-info h3 {
6273
  font-size: 14px;
6274
}
6275
 
6276
.widget-user ul li .usr-mg-info p {
6277
  font-size: 12px;
6278
}
6279
 
6280
.widget-user ul li > span {
6281
  color: #686868;
6282
  font-size: 16px;
6283
  float: right;
6284
  margin-top: 10px;
6285
}
6286
 
6287
.widget-user ul li > span img {
6288
  padding-right: 5px;
6289
}
6290
 
6291
/* ============== widget-adver ============ */
6292
.widget-adver img {
6293
  width: 100%;
6294
}
6295
 
6296
/* ============ forum-post-view ============ */
6297
.forum-post-view {
6298
  float: left;
6299
  width: 100%;
6300
  background-color: #fff;
6301
  padding: 25px 25px 0 25px;
6302
  border-bottom: 1px solid #e5e5e5;
6303
}
6304
 
6305
.forum-post-view .usr-question {
6306
  border-bottom: 0;
6307
  padding: 0;
6308
}
6309
 
6310
.forum-post-view .usr_quest span {
6311
  color: #b2b2b2;
6312
  font-size: 14px;
6313
  display: inline-block;
6314
  margin-bottom: 20px;
6315
}
6316
 
6317
.forum-post-view .usr_quest span i {
6318
  padding-right: 7px;
6319
}
6320
 
6321
.forum-post-view .quest-tags {
6322
  margin-bottom: 30px;
6323
}
6324
 
6325
.forum-post-view .usr_quest > p {
6326
  float: left;
6327
  width: 100%;
6328
  color: #686868;
6329
  font-size: 14px;
6330
  line-height: 24px;
6331
  margin-bottom: 40px;
6332
}
6333
 
6334
.forum-post-view .comment-section {
6335
  padding: 0;
6336
}
6337
 
6338
.forum-post-view .comment-section > h3 {
6339
  float: left;
6340
  width: 100%;
6341
  color: #000000;
6342
  font-size: 18px;
6343
  font-weight: 600;
6344
  border-bottom: 1px solid #e5e5e5;
6345
  padding-bottom: 15px;
6346
}
6347
 
6348
.forum-post-view .comment-sec ul li {
6349
  border-bottom: 1px solid #e5e5e5;
6350
  padding: 23px 0;
6351
}
6352
 
6353
.forum-post-view .comment span {
6354
  margin-bottom: 10px;
6355
}
6356
 
6357
.forum-post-view .comment-list {
6358
  padding-bottom: 0;
6359
  margin-bottom: -4px;
6360
}
6361
 
6362
.forum-post-view .comment p {
6363
  margin: 0;
6364
  margin-top: 5px;
6365
}
6366
 
6367
.forum-post-view .comment h3 {
6368
  margin-bottom: 9px;
6369
}
6370
 
6371
.forum-post-view .comment-sec ul li:last-child {
6372
  border-bottom: 0;
6373
}
6374
 
6375
/* =============== post-comment-box ============= */
6376
.post-comment-box {
6377
  float: left;
6378
  width: 100%;
6379
  padding: 20px;
6380
  background-color: #fff;
6381
}
6382
 
6383
.post-comment-box h3 {
6384
  float: left;
6385
  width: 100%;
6386
  color: #000000;
6387
  font-size: 18px;
6388
  font-weight: 600;
6389
  margin-bottom: 30px;
6390
}
6391
 
6392
.user-poster {
6393
  float: left;
6394
  width: 100%;
6395
}
6396
 
6397
.usr-post-img {
6398
  float: left;
6399
  width: 50px;
6400
  margin-right: 15px;
6401
}
6402
 
6403
.usr-post-img img {
6404
  width: 100%;
6405
  -webkit-border-radius: 100px;
6406
  -moz-border-radius: 100px;
6407
  -ms-border-radius: 100px;
6408
  -o-border-radius: 100px;
6409
  border-radius: 100px;
6410
}
6411
 
6412
.post_comment_sec {
6413
  float: left;
6414
  width: 90%;
6415
}
6416
 
6417
.post_comment_sec form {
6418
  float: left;
6419
  width: 100%;
6420
}
6421
 
6422
.post_comment_sec form textarea {
6423
  float: left;
6424
  width: 100%;
6425
  height: 130px;
6426
  border: 1px solid #dce2eb;
6427
  padding: 15px;
6428
  resize: none;
6429
}
6430
 
6431
.post_comment_sec form button {
6432
  color: #ffffff;
6433
  font-size: 14px;
6434
  background-color: #e44d3a;
6435
  padding: 10px 25px;
6436
  border: 0;
6437
  font-weight: 600;
6438
  margin-top: 20px;
6439
  cursor: pointer;
6440
}
6441
 
6442
/* ======== next-prev ========*/
6443
.next-prev {
6444
  float: left;
6445
  width: 100%;
6446
  background-color: #fff;
6447
  margin-top: 20px;
6448
  padding: 12px 25px;
6449
}
6450
 
6451
.next-prev > a {
6452
  width: 90px;
6453
  height: 35px;
6454
  text-align: center;
6455
  line-height: 35px;
6456
  color: #b2b2b2;
6457
  font-size: 14px;
6458
  background-color: #e5e5e5;
6459
}
6460
 
6461
.next-prev > a:hover {
6462
  color: #fff;
6463
  background-color: #e44d3a;
6464
}
6465
 
6466
.fl-left {
6467
  float: left;
6468
}
6469
 
6470
.fl-right {
6471
  float: right;
6472
}
6473
 
6474
/* ========== widget-feat ========= */
6475
.widget-feat {
6476
  padding: 25px 20px;
6477
}
6478
 
6479
.widget-feat ul {
6480
  float: left;
6481
  width: 100%;
6482
}
6483
 
6484
.widget-feat ul li {
6485
  float: left;
6486
  width: 25%;
6487
  text-align: center;
6488
}
6489
 
6490
.widget-feat ul li i {
6491
  display: block;
6492
  font-size: 18px;
6493
  margin-bottom: 9px;
6494
}
6495
 
6496
.widget-feat ul li span {
6497
  display: block;
6498
  color: #686868;
6499
  font-size: 16px;
6500
  font-weight: 500;
6501
}
6502
 
6503
.widget-feat ul li i.fa-heart {
6504
  color: #53d690;
6505
}
6506
 
6507
.widget-feat ul li i.fa-comment {
6508
  color: #e44d3a;
6509
}
6510
 
6511
.widget-feat ul li i.fa-share-alt {
6512
  color: #51a5fb;
6513
}
6514
 
6515
.widget-feat ul li i.fa-eye {
6516
  color: #00b540;
6517
}
6518
 
6519
/* =============== ANIMATION LOADER =============== */
6520
.spinner {
6521
  margin: 0 auto 0;
6522
  width: 80px;
6523
  text-align: center;
6524
  height: 80px;
6525
  border-radius: 100px;
6526
  background-color: #fff;
6527
  line-height: 80px;
6528
  border: 1px solid #e1e1e1;
6529
  cursor: pointer;
6530
}
6531
 
6532
.spinner > div {
6533
  width: 15px;
6534
  height: 15px;
6535
  background-color: #b9b9b9;
6536
  border-radius: 100%;
6537
  display: inline-block;
6538
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
6539
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
6540
}
6541
 
6542
.spinner .bounce1 {
6543
  -webkit-animation-delay: -0.32s;
6544
  animation-delay: -0.32s;
6545
}
6546
 
6547
.spinner .bounce2 {
6548
  -webkit-animation-delay: -0.16s;
6549
  animation-delay: -0.16s;
6550
}
6551
 
6552
@-webkit-keyframes sk-bouncedelay {
6553
  0%, 80%, 100% {
6554
    -webkit-transform: scale(0);
6555
  }
6556
  40% {
6557
    -webkit-transform: scale(1);
6558
  }
6559
}
6560
@keyframes sk-bouncedelay {
6561
  0%, 80%, 100% {
6562
    -webkit-transform: scale(0);
6563
    transform: scale(0);
6564
  }
6565
  40% {
6566
    -webkit-transform: scale(1);
6567
    transform: scale(1);
6568
  }
6569
}
6570
.wordpressdevlp {
6571
  background-color: #fff;
6572
}
6573
 
6574
.bgclr {
6575
  background-color: #fff;
6576
  margin-bottom: 15px;
6577
}
6578
 
6579
.cadidatesbtn {
6580
  position: absolute;
6581
  left: 0;
6582
  padding-top: 5px;
6583
}
6584
 
6585
.cadidatesbtn button {
6586
  background-color: #e44d3a;
6587
  border: none;
6588
  margin-top: -3px;
6589
}
6590
 
6591
.cadidatesbtn button:hover {
6592
  background-color: #e44d3a;
6593
}
6594
 
6595
.cadidatesbtn span {
6596
  background-color: #bd2e1c;
6597
  color: #fff;
6598
  margin-right: 10px;
6599
  padding: 0.25em 0.5em;
6600
  font-weight: 600;
6601
  font-size: 12px;
6602
}
6603
 
6604
.wordpressdevlp i {
6605
  color: #e86554;
6606
  font-size: 18px;
6607
  font-weight: bold;
6608
  padding-right: 5px;
6609
}
6610
 
6611
.wordpressdevlp h2 {
6612
  font-size: 18px;
6613
  font-weight: 600;
6614
}
6615
 
6616
.cadidatesbtn i {
6617
  color: #b2b2b2;
6618
  border: 1px solid #b2b2b2;
6619
  font-size: 14px;
6620
  text-align: center;
6621
  margin-left: 7px;
6622
  border-radius: 3px;
6623
  padding: 10px;
6624
}
6625
 
6626
.cadidatesbtn i:hover {
6627
  background-color: #e44d3a;
6628
  color: #fff;
6629
  border: 1px solid #e44d3a;
6630
}
6631
 
6632
.inner {
6633
  border-bottom: 2px solid #e5e5e5;
6634
  padding-bottom: 10px;
6635
}
6636
 
6637
.inner li a:hover {
6638
  color: #e44d3a;
6639
  border-bottom: 2px solid #e44d3a;
6640
  padding-bottom: 9px;
6641
}
6642
 
6643
.inner li a {
6644
  color: #000000;
6645
}
6646
 
6647
.posttext {
6648
  position: absolute;
6649
  left: 0;
6650
}
6651
 
6652
.deatile h3 {
6653
  font-size: 14px;
6654
  font-weight: bold;
6655
  padding-bottom: 5px;
6656
}
6657
 
6658
.clrbtn a {
6659
  background-color: #e44d3a;
6660
  color: #fff;
6661
  padding: 5px 10px 5px 10px;
6662
  margin-right: 15px;
6663
}
6664
 
6665
.transpairentbtn a {
6666
  color: #222;
6667
  border: 2px solid #f1f1f1;
6668
  padding: 5px 10px 5px 10px;
6669
}
6670
 
6671
.savetext h3 {
6672
  font-size: 14px;
6673
  font-weight: bold;
6674
  padding-bottom: 5px;
6675
}
6676
 
6677
.devepbtn .clrbtn {
6678
  padding: 7px 20px;
6679
}
6680
 
6681
.devepbtn a {
6682
  color: #666666;
6683
  border: 1px solid #b2b2b2;
6684
  padding: 7px 10px 7px 10px;
6685
  border-radius: 3px;
6686
  margin-right: 5px;
6687
}
6688
 
6689
.devepbtn a:hover i {
6690
  color: #fff;
6691
}
6692
 
6693
.devepbtn a:hover {
6694
  background-color: #e44d3a;
6695
  color: #fff;
6696
}
6697
 
6698
.rew-reply hr {
6699
  margin-left: -20px;
6700
  margin-right: -20px;
6701
}
6702
 
6703
.rew-reply p {
6704
  padding-left: 20px;
6705
}
6706
 
6707
.rew-reply ul {
6708
  padding-left: 20px;
6709
}
6710
 
6711
.devepbtn {
6712
  margin-top: 30px;
6713
  padding-left: 20px;
6714
}
6715
 
6716
.rep-thanks hr {
6717
  margin-right: -20px;
6718
  margin-left: -20px;
6719
}
6720
 
6721
.profilecnd {
6722
  margin-bottom: 0px;
6723
}
6724
 
6725
.devepbtn i {
6726
  color: #b2b2b2;
6727
  font-size: 14px;
6728
}
6729
 
6730
.appliedinfo {
6731
  padding-left: 0;
6732
  padding-top: 20px !important;
6733
  padding-bottom: 10px;
6734
}
6735
 
6736
.epi2 {
6737
  padding: 0;
6738
}
6739
 
6740
.review a {
6741
  line-height: 16px;
6742
  font-size: 14px;
6743
  text-decoration: none;
6744
  font-weight: 500;
6745
  margin-left: 15px;
6746
}
6747
 
6748
.add-pic-box {
6749
  display: inline-block;
6750
  color: #e44d3a;
6751
  font-size: 16px;
6752
  position: absolute;
6753
  top: 30px;
6754
  right: 0;
6755
  font-weight: 600;
6756
  margin-right: 0;
6757
  width: 100%;
6758
}
6759
 
6760
.add-pic-box [type=file] {
6761
  height: 0;
6762
  overflow: hidden;
6763
  width: 0;
6764
  float: left;
6765
}
6766
 
6767
.add-pic-box [type=file] + label {
6768
  background: #fff;
6769
  border: 2px solid #e44d3a;
6770
  border-radius: 3px;
6771
  color: #e44d3a;
6772
  cursor: pointer;
6773
  /* display: inline-block; */
6774
  font-size: 15px;
6775
  font-weight: 600;
6776
  outline: none;
6777
  padding: 12px 20px;
6778
  position: relative;
6779
  transition: all 0.3s;
6780
  vertical-align: middle;
6781
  margin: 0;
6782
  float: right;
6783
  text-transform: uppercase;
6784
}
6785
 
6786
.add-pic-box [type=file] + label:hover {
6787
  background: #e44d3a;
6788
  color: #fff;
6789
}
6790
 
6791
.noreview li i {
6792
  color: #b2b2b2;
6793
}
6794
 
6795
.review-tb {
6796
  margin: 0 0 10px;
6797
  padding-left: 20px;
6798
}
6799
 
6800
.noreview ul li i {
6801
  color: #b2b2b2;
6802
}
6803
 
6804
.mngdetl {
6805
  border-bottom: none;
6806
}
6807
 
6808
.post-reply {
6809
  padding-top: 0;
6810
  padding-bottom: 0;
6811
}
6812
 
6813
.activebidbtn i:hover {
6814
  background-color: #e44d3a;
6815
  color: #fff;
6816
  border: none;
6817
}
6818
 
6819
.reviewtitle h2 {
6820
  font-size: 17px;
6821
  font-weight: 600;
6822
}
6823
 
6824
.horiline {
6825
  width: 118%;
6826
  position: relative;
6827
  left: -40px;
6828
}
6829
 
6830
.tahnks {
6831
  font-weight: 500;
6832
  margin-top: 5px;
6833
}
6834
 
6835
/*about-page*/
6836
.banner span {
6837
  position: absolute;
6838
  display: flex;
6839
  background-color: #222;
6840
  width: 100%;
6841
  opacity: 0.9;
6842
  justify-content: center;
6843
  padding: 10px;
6844
  margin-top: 0;
6845
  color: #fff;
6846
}
6847
 
6848
.innertitle {
6849
  margin-top: 130px;
6850
}
6851
 
6852
.Company-overview {
6853
  padding-bottom: 50px;
6854
}
6855
 
6856
.bennertext {
6857
  position: absolute;
6858
  left: 20%;
6859
  right: 20%;
6860
  text-align: center;
6861
}
6862
 
6863
.bannerimage img {
6864
  height: 100%;
6865
}
6866
 
6867
.innertitle h2 {
6868
  color: #fff;
6869
  font-size: 30px;
6870
  line-height: 32px;
6871
  font-weight: 600;
6872
  margin-bottom: 20px;
6873
}
6874
 
6875
.innertitle p {
6876
  color: #fff;
6877
  font-size: 16px;
6878
}
6879
 
6880
.Company-overview h2 {
6881
  padding-top: 100px;
6882
  font-size: 24px;
6883
  font-weight: 600;
6884
  padding-bottom: 12px;
6885
}
6886
 
6887
.Company-overview p {
6888
  font-size: 15px;
6889
  font-weight: 500;
6890
}
6891
 
6892
.Company-overview img {
6893
  float: right;
6894
  padding-top: 25px;
6895
}
6896
 
6897
.blog {
6898
  text-align: center;
6899
  display: inline-block;
6900
  margin-bottom: 50px;
6901
}
6902
 
6903
.blog img {
6904
  padding-bottom: 30px;
6905
}
6906
 
6907
.blog h2 {
6908
  font-size: 18px;
6909
  font-weight: 600;
6910
  padding-bottom: 30px;
6911
}
6912
 
6913
.blog a {
6914
  background-color: #ff4500;
6915
  color: #fff;
6916
  padding: 7px 25px 7px 25px;
6917
  border-radius: 3px;
6918
  font-size: 16px;
6919
  font-weight: 500;
6920
}
6921
 
6922
.services {
6923
  padding-top: 80px;
6924
  padding-bottom: 80px;
6925
}
6926
 
6927
.video {
6928
  padding-bottom: 40px;
6929
}
6930
 
6931
.search-container {
6932
  text-align: center;
6933
}
6934
 
6935
.search-container input[type=text] {
6936
  padding: 6px 15px;
6937
  margin-top: 8px;
6938
  font-size: 17px;
6939
  border: none;
6940
  height: 50px;
6941
  width: 50%;
6942
  margin-bottom: 25px;
6943
  border-top-left-radius: 3px;
6944
  border-top-right-radius: 0px;
6945
  border-bottom-left-radius: 3px;
6946
  border-bottom-right-radius: 0px;
6947
}
6948
 
6949
.searchtitle {
6950
  text-align: center;
6951
}
6952
 
6953
.searchtitle h2 {
6954
  color: #fff;
6955
  font-size: 30px;
6956
  font-weight: 400;
6957
  padding-bottom: 10px;
6958
}
6959
 
6960
.modal-header {
6961
  position: relative;
6962
}
6963
 
6964
.modal-header h3 {
6965
  font-size: 18px;
6966
}
6967
 
6968
.search-container button {
6969
  padding: 8px 10px;
6970
  text-align: center;
6971
  margin-top: 8px;
6972
  margin-left: -3px;
6973
  margin-right: 18px;
6974
  background: #efefef;
6975
  font-size: 17px;
6976
  border: none;
6977
  cursor: pointer;
6978
  height: 50px;
6979
  width: 6%;
6980
  border-bottom-right-radius: 3px;
6981
  border-top-right-radius: 3px;
6982
}
6983
 
6984
.topsearch i {
6985
  color: #e44d3a;
6986
}
6987
 
6988
.dropdown-toggle::after {
6989
  position: absolute;
6990
  right: 15px;
6991
  color: #b2b2b2;
6992
  top: 7px;
6993
}
6994
 
6995
.help-paddy {
6996
  padding: 0 !important;
6997
}
6998
 
6999
.paddy {
7000
  padding: 20px;
7001
  float: left;
7002
}
7003
 
7004
.dropdown-menu {
7005
  position: absolute;
7006
  top: 100%;
7007
  left: 0;
7008
  z-index: 1000;
7009
  display: none;
7010
  float: left;
7011
  min-width: 10rem;
7012
  padding: 0.5rem 0;
7013
  margin: 0.125rem 0 0;
7014
  font-size: 1rem;
7015
  color: #212529;
7016
  text-align: left;
7017
  list-style: none;
7018
  background-color: #fff;
7019
  width: 100%;
7020
  background-clip: padding-box;
7021
  border: none;
7022
  border-radius: 0.25rem;
7023
}
7024
 
7025
.radio-form p {
7026
  display: -webkit-inline-box;
7027
}
7028
 
7029
.dropdown a {
7030
  color: #000000;
7031
  font-size: 16px;
7032
  font-weight: 400;
7033
  padding: 0 20px;
7034
}
7035
 
7036
.accountnone {
7037
  border: none;
7038
}
7039
 
7040
.helpforum {
7041
  background-color: #fff;
7042
  padding: 15px 0;
7043
  box-shadow: 0px 2px #c6c6c6;
7044
}
7045
 
7046
.helpforum h3 {
7047
  font-size: 18px;
7048
  font-weight: 600;
7049
}
7050
 
7051
.helpforum a {
7052
  background-color: #e44d3a;
7053
  color: #fff;
7054
  padding: 10px 15px 10px 15px;
7055
  line-height: 4;
7056
  border-radius: 3px;
7057
}
7058
 
7059
.helpforum p {
7060
  line-height: 3;
7061
}
7062
 
7063
.actionstitle h3 {
7064
  font-size: 18px;
7065
  font-weight: 400;
7066
  color: #000;
7067
  padding-top: 30px;
7068
}
7069
 
7070
.actionstitle img {
7071
  padding-right: 10px;
7072
}
7073
 
7074
.actionstext a {
7075
  font-size: 16px;
7076
  font-weight: 500;
7077
  color: #e44d3a;
7078
  line-height: 2;
7079
  display: block;
7080
}
7081
 
7082
.helpform {
7083
  text-align: center;
7084
  padding-top: 70px;
7085
}
7086
 
7087
.helpform h3 {
7088
  font-size: 18px;
7089
  font-weight: 400;
7090
  color: #e44d3a;
7091
  margin-bottom: 10px;
7092
}
7093
 
7094
.helpform a {
7095
  background-color: #e44d3a;
7096
  color: #fff;
7097
  padding: 10px 15px 10px 15px;
7098
  border-radius: 3px;
7099
}
7100
 
7101
.helpform p {
7102
  margin-bottom: 30px;
7103
}
7104
 
7105
.helpform img {
7106
  float: unset;
7107
  padding-bottom: 10px;
7108
}
7109
 
7110
.bookingsideber h3 {
7111
  color: #000;
7112
}
7113
 
7114
.bookingsideber h3:active {
7115
  color: #e44d3a;
7116
}
7117
 
7118
.helpforum h4 {
7119
  font-size: 16px;
7120
  font-weight: 600;
7121
}
7122
 
7123
.bloktext {
7124
  padding-left: 25px;
7125
}
7126
 
7127
.privacy {
7128
  background-color: #fff;
7129
  height: 850px;
7130
}
7131
 
7132
.privacydropd .dropdown-toggle::after {
7133
  float: right;
7134
  vertical-align: 0.255em;
7135
}
7136
 
7137
/* .checkbox {} */
7138
.form-check {
7139
  padding-left: 0;
7140
}
7141
 
7142
.btns a {
7143
  color: #000;
7144
  border: 1px solid #e5e5e5;
7145
  padding: 10px 25px 10px 25px;
7146
  margin-left: 15px;
7147
  border-radius: 5px;
7148
  font-weight: 600;
7149
}
7150
 
7151
.btns {
7152
  padding-top: 20px;
7153
}
7154
 
7155
.btns a:hover {
7156
  background-color: #e44d3a;
7157
  color: #fff;
7158
}
7159
 
7160
.privacy h3 {
7161
  font-size: 18px;
7162
  font-weight: 600;
7163
  padding-top: 18px;
7164
  margin-bottom: 10px;
7165
}
7166
 
7167
.privacy p {
7168
  padding-top: 0px;
7169
  display: inline-block;
7170
}
7171
 
7172
.form-group {
7173
  margin-bottom: 1rem;
7174
  padding-top: 0px;
7175
}
7176
 
7177
.privacy i {
7178
  float: right;
7179
  color: #e44d3a;
7180
  font-size: 20px;
7181
  font-weight: 600;
7182
}
7183
 
7184
.dropdown-menu input {
7185
  margin-right: 10px;
7186
  margin-top: 15px;
7187
}
7188
 
7189
.dropdown-menu a {
7190
  padding: 10px 0 10px 40px;
7191
  margin-bottom: 10px;
7192
}
7193
 
7194
.dropdown-menu form {
7195
  margin-bottom: 10px;
7196
  margin-top: 10px;
7197
}
7198
 
7199
.privacydropd p {
7200
  margin-left: 20px;
7201
  margin-top: 5px;
7202
}
7203
 
7204
.privabtns {
7205
  margin-top: 20px;
7206
}
7207
 
7208
.privabtns {
7209
  padding-bottom: 15px;
7210
}
7211
 
7212
.privabtns a {
7213
  margin-right: 15px;
7214
  padding: 8px 25px;
7215
  color: #000000;
7216
  border: 1px solid #e5e5e5;
7217
}
7218
 
7219
.privabtns a:hover {
7220
  color: #fff;
7221
  background-color: #e44d3a;
7222
}
7223
 
7224
.privac {
7225
  background-color: #fff;
7226
  height: 560px;
7227
  padding-top: 20px;
7228
}
7229
 
7230
.privac h3 {
7231
  font-size: 18px;
7232
  font-weight: 600;
7233
}
7234
 
7235
.bids-detail ul {
7236
  display: -webkit-inline-box;
7237
}
7238
 
7239
.bids-detail ul li {
7240
  margin-right: 30px;
7241
}
7242
 
7243
.bids-detail h3 {
7244
  font-size: 16px;
7245
  font-weight: 400;
7246
}
7247
 
7248
.bids-detail {
7249
  background-color: #fff;
7250
  padding: 20px;
7251
  margin-bottom: 25px;
7252
  box-shadow: 0px 2px #e4e4e4;
7253
}
7254
 
7255
.dropdown-menu.show {
7256
  display: contents;
7257
}
7258
 
7259
.postpaid:checked:after {
7260
  content: "\f17b";
7261
  font: normal normal normal 16px/1 "LineAwesome";
7262
  font-weight: 600;
7263
  border: 1px solid #fff;
7264
  color: #ffffff;
7265
  text-align: center;
7266
  font-size: 12px;
7267
  width: 100%;
7268
  height: 100%;
7269
  background: #e44d3a;
7270
  display: block;
7271
  border-radius: 50%;
7272
  padding-top: 3px;
7273
}
7274
 
7275
.postpaid:focus {
7276
  border: 1px solid #fff;
7277
  width: 25px;
7278
  height: 25px;
7279
}
7280
 
7281
.postpaid {
7282
  -webkit-appearance: none;
7283
  content: "";
7284
  width: 20px;
7285
  height: 20px;
7286
  border-radius: 50%;
7287
  border: 1px solid #5e5e5e;
7288
  outline: 0;
7289
  margin-right: 5px;
7290
}
7291
 
7292
/* .main-ws-sec .job-status-bar {} */
7293
.main-ws-sec .btm-line {
7294
  padding-bottom: 20px !important;
7295
  border-bottom: 1px solid #e5e5e5 !important;
7296
  margin-bottom: 20px;
7297
}
7298
 
7299
.job-status-bar hr {
7300
  margin: 0 -40px;
7301
}
7302
 
7303
.reply-area {
7304
  padding-left: 55px;
7305
}
7306
 
7307
.reply-rply1 {
7308
  margin: 24px 0;
7309
}
7310
 
7311
.reply-area p {
7312
  padding-bottom: 10px;
7313
}
7314
 
7315
.reply-area span {
7316
  cursor: pointer;
7317
}
7318
 
7319
.reply-area span:hover {
7320
  color: #e44d3a;
7321
}
7322
 
7323
.reply-area i {
7324
  font-size: 16px;
7325
  font-weight: 600;
7326
  padding-right: 8px;
7327
}
7328
 
7329
.comment-area .la-plus-circle {
7330
  display: block;
7331
  text-align: center;
7332
  font-size: 40px;
7333
  color: #b2b2b2;
7334
}
7335
 
7336
.reply-area span {
7337
  padding-top: 5px;
7338
  color: #b2b2b2;
7339
}
7340
 
7341
.comt span {
7342
  font-size: 16px;
7343
  color: #666666;
7344
}
7345
 
7346
.comt i {
7347
  padding-right: 8px;
7348
}
7349
 
7350
.postcomment .form-control {
7351
  width: 112%;
7352
  margin-left: -50px;
7353
  background-color: #efefef;
7354
  border-radius: 3px;
7355
}
7356
 
7357
.postcomment a {
7358
  background-color: #e44d3a;
7359
  color: #fff;
7360
  padding: 9px 25px 8px 25px;
7361
  line-height: 37px;
7362
  border-radius: 3px;
7363
}
7364
 
7365
.postcomment {
7366
  padding-top: 30px;
7367
}
7368
 
7369
.widget-about button:focus {
7370
  box-shadow: none;
7371
}
7372
 
7373
.widget-about button:hover {
7374
  background-color: #e44d3a;
7375
}
7376
 
7377
.widget-about button {
7378
  background-color: #e44d3a;
7379
  border: none;
7380
  padding: 12px 0;
7381
  width: 100%;
7382
}
7383
 
7384
.widget-about p {
7385
  background-color: #e44d3a;
7386
  color: #fff;
7387
  padding: 10px 0;
7388
}
7389
 
7390
.widget-projectid {
7391
  padding: 15px;
7392
}
7393
 
7394
.widget-projectid h3 {
7395
  padding-bottom: 7px;
7396
  font-size: 14px;
7397
  font-weight: 600;
7398
}
7399
 
7400
.sd-title h4 {
7401
  margin-bottom: 5px;
7402
  font-size: 16px;
7403
  font-weight: 600;
7404
  line-height: 24px;
7405
}
7406
 
7407
.paymethd p {
7408
  color: #e44d3a;
7409
}
7410
 
7411
.copylink p {
7412
  background-color: #efefef;
7413
  padding: 7px 0 8px 10px;
7414
}
7415
 
7416
.copylink a {
7417
  background-color: #e44d3a;
7418
  color: #fff;
7419
  padding: 10px 15px 10px 15px;
7420
  border-radius: 4px;
7421
}
7422
 
7423
.copylink span {
7424
  padding: 30px 0 20px;
7425
}
7426
 
7427
.copylink i {
7428
  float: unset;
7429
  position: unset;
7430
}
7431
 
7432
.copylink .la-facebook {
7433
  background-color: #3b5998;
7434
  color: #fff;
7435
}
7436
 
7437
.copylink .la-twitter {
7438
  color: #1da1f2;
7439
}
7440
 
7441
.copylink .la-pinterest-p {
7442
  background-color: #fff;
7443
  color: #c11628;
7444
  border-radius: 50%;
7445
}
7446
 
7447
.copylink img {
7448
  padding-right: 10px;
7449
}
7450
 
7451
.freelancerbiding {
7452
  background-color: #fff;
7453
  padding-top: 20px;
7454
}
7455
 
7456
.freelancerbiding h3 {
7457
  font-size: 18px;
7458
  font-weight: 400;
7459
}
7460
 
7461
.repcent {
7462
  text-align: left;
7463
}
7464
 
7465
.bidrit {
7466
  float: right;
7467
}
7468
 
7469
.repcent i {
7470
  padding-left: 5px;
7471
}
7472
 
7473
.star {
7474
  display: inline-flex;
7475
  padding: 5px 0;
7476
}
7477
 
7478
.star li i {
7479
  color: #bfd337;
7480
}
7481
 
7482
.repcent span {
7483
  color: #51a5fb;
7484
}
7485
 
7486
.repcent p {
7487
  padding-left: 7px;
7488
}
7489
 
7490
.noreview ul li i {
7491
  color: #b2b2b2;
7492
}
7493
 
7494
.paymethd .star li i {
7495
  position: unset;
7496
  font-size: 14px;
7497
}
7498
 
7499
.paymethd .star a {
7500
  color: #51a5fb;
7501
  padding-left: 12px;
7502
}
7503
 
7504
/* .modal-header {background-color: #e44d3a; display: block !important; } */
7505
.modal-body {
7506
  padding: 1rem 0 0;
7507
}
7508
 
7509
.notice {
7510
  background-color: #ddf3ff;
7511
  padding: 15px;
7512
}
7513
 
7514
.notice span {
7515
  font-weight: 500;
7516
  padding-right: 5px;
7517
}
7518
 
7519
.innerbody {
7520
  padding: 15px;
7521
}
7522
 
7523
.innerbody h3 {
7524
  font-size: 18px;
7525
  font-weight: 600;
7526
}
7527
 
7528
.innerbody h4 {
7529
  font-weight: 600;
7530
  font-size: 14px;
7531
  margin-left: -15px;
7532
  float: left;
7533
}
7534
 
7535
.delivery .input-group select {
7536
  width: 150px;
7537
  height: 50px !important;
7538
  font-size: 19px;
7539
  border: 1px solid #e5e5e5;
7540
  border-radius: 3px;
7541
}
7542
 
7543
.input-group-prepend {
7544
  background-color: #f3f3f3;
7545
  color: #bfbfbf;
7546
  text-align: center;
7547
  line-height: 3;
7548
  border: 1px solid #e5e5e5;
7549
}
7550
 
7551
.input-group-text {
7552
  color: #666666 !important;
7553
  background-color: #f5f5f5 !important;
7554
  border: 0px !important;
7555
  border-radius: 3px !important;
7556
}
7557
 
7558
.place-bid-form {
7559
  position: relative;
7560
  left: 20px;
7561
  top: -15px;
7562
  padding-bottom: 15px;
7563
}
7564
 
7565
.place-bid-form .input-group input {
7566
  width: 70px;
7567
  border: 1px solid #e5e5e5;
7568
}
7569
 
7570
.paydel {
7571
  padding: 40px 0 0;
7572
}
7573
 
7574
.beatcompitation {
7575
  background-color: #f3f3f3;
7576
  padding: 15px;
7577
}
7578
 
7579
.beatcompitation h3 {
7580
  font-weight: 500;
7581
}
7582
 
7583
.sponser i {
7584
  background-color: #e44d3a;
7585
  color: #fff;
7586
  margin-right: 5px;
7587
  padding: 2px;
7588
}
7589
 
7590
.sponser h2 {
7591
  font-size: 18px;
7592
  font-weight: 600;
7593
  padding-top: 15px;
7594
  padding-bottom: 15px;
7595
}
7596
 
7597
.sponser {
7598
  padding: 15px;
7599
}
7600
 
7601
.modal-footer {
7602
  display: block !important;
7603
  border-top: none;
7604
  padding: 1rem 0;
7605
}
7606
 
7607
.modal-footer button {
7608
  background-color: var(--button-bg);
7609
  border: none;
7610
  border-radius: var(--button-text-color);
7611
  font-size: 15px;
7612
  font-weight: 500;
7613
  padding: 10px;
7614
  border-radius: var(--border-radius);
7615
}
7616
.modal-footer button:hover, .modal-footer button:active {
7617
  background-color: var(--button-bg-hover);
7618
}
7619
.modal-footer button:nth-child(2) {
7620
  color: var(--button-text-color-secondary) !important;
7621
  background-color: var(--button-bg-secondary);
7622
  border: 1px solid var(--border-gray-primary);
7623
}
7624
.modal-footer button:nth-child(2):hover {
7625
  background-color: var(--button-bg-secondary-hover);
7626
}
7627
 
7628
.modal-footer button.save {
7629
  color: var(--button-text-color-secondary);
7630
  background-color: var(--button-bg-secondary);
7631
}
7632
.modal-footer button.save:hover {
7633
  background-color: var(--button-bg-secondary-hover);
7634
}
7635
 
7636
.place-bid-btn {
7637
  font-size: 15px;
7638
  font-weight: 500;
7639
  color: #fff !important;
7640
  background-color: #e44d3a !important;
7641
  border: none;
7642
  padding: 10px;
7643
  border: 1px solid #e44d3a;
7644
  border-radius: 3px;
7645
}
7646
 
7647
.usy-dt .reply {
7648
  margin: 3px 0 0 10px;
7649
  width: 360px;
7650
  height: 40px;
7651
  background-color: #efefef;
7652
  border: 1px solid #e5e5e5;
7653
  padding-left: 10px;
7654
  border-radius: 3px;
7655
}
7656
 
7657
.replybtn {
7658
  background-color: #e44d3a;
7659
  color: #fff;
7660
  padding: 10px;
7661
  margin-left: 15px;
7662
  border-radius: 3px;
7663
}
7664
 
7665
.replybtn:hover {
7666
  color: #fff;
7667
}
7668
 
7669
.rewivew ul li {
7670
  margin-right: 5px !important;
7671
}
7672
 
7673
.security hr {
7674
  margin-right: -15px;
7675
  margin-left: -15px;
7676
}
7677
 
7678
.privacy .la-check {
7679
  float: left;
7680
  font-size: 12px;
7681
  margin: 5px 5px 0 0;
7682
  padding: 3px;
7683
  background-color: #e44d3a;
7684
  color: #fff;
7685
  border-radius: 50%;
7686
}
7687
 
7688
ul#myTab {
7689
  border-bottom: 1px solid #e5e5e5;
7690
}
7691
 
7692
.nav-tabs .nav-link {
7693
  border: none;
7694
}
7695
 
7696
.noborder {
7697
  border-bottom: none;
7698
}
7699
 
7700
.manbids {
7701
  margin-bottom: 0 !important;
7702
}
7703
 
7704
.noreply {
7705
  padding-top: 30px;
7706
}
7707
 
7708
#my-bids .nav-tabs {
7709
  margin-bottom: 20px;
7710
  margin-top: 7px;
7711
  padding-bottom: 0;
7712
}
7713
 
7714
#my-bids ul {
7715
  margin-bottom: 15px;
7716
  margin-top: 7px;
7717
  padding-bottom: 0;
7718
}
7719
 
7720
.savedjob-info p {
7721
  color: #666666;
7722
  margin-top: 5px;
7723
}
7724
 
7725
#my-bids ul li a {
7726
  color: #000000;
7727
  font-size: 16px;
7728
  font-weight: 500;
7729
}
7730
 
7731
#my-bids li a:hover {
7732
  color: #e44d3a;
7733
}
7734
 
7735
#saved-jobs ul {
7736
  margin-bottom: 20px;
7737
}
7738
 
7739
#saved-jobs ul li a {
7740
  color: #000000;
7741
  font-size: 16px;
7742
  font-weight: 500;
7743
}
7744
 
7745
#saved-jobs li a:hover {
7746
  color: #e44d3a;
7747
}
7748
 
7749
.wordpressdevlp h2 {
7750
  font-size: 18px;
7751
  font-weight: 600;
7752
  margin-bottom: 15px;
7753
}
7754
 
7755
#saved-jobs .nav-tabs .nav-item.show .nav-link,
7756
#saved-jobs .nav-tabs .nav-link.active {
7757
  background-color: inherit;
7758
  color: #e44d3a !important;
7759
  padding-bottom: 9px;
7760
  border-bottom: 2px solid #e44d3a !important;
7761
}
7762
 
7763
#my-bids .nav-tabs .nav-item.show .nav-link,
7764
#my-bids .nav-tabs .nav-link.active {
7765
  background-color: inherit;
7766
  color: #e44d3a !important;
7767
  padding-bottom: 9px;
7768
  border-bottom: 2px solid #e44d3a !important;
7769
}
7770
 
7771
.descptab li img {
7772
  float: left !important;
7773
  filter: inherit !important;
7774
}
7775
 
7776
.bklink {
7777
  border-bottom: none !important;
7778
  width: unset !important;
7779
  float: right !important;
7780
}
7781
 
7782
.bklik {
7783
  border-bottom: none !important;
7784
}
7785
 
7786
/*////////////////////////////////////////My css//////////////////////////////// //////////////////////////////////////////////////////////////////////////////*/
7787
.savedjob-info li {
7788
  display: inline-block;
7789
  padding-left: 25px;
7790
}
7791
 
7792
.savedjob-info h3 {
7793
  font-size: 14px;
7794
  font-weight: 500;
7795
}
7796
 
7797
.settingjb ul li {
7798
  margin-right: 25px !important;
7799
}
7800
 
7801
.mangebid li {
7802
  padding-left: 0;
7803
  padding-right: 20px;
7804
  padding-top: 10px;
7805
}
7806
 
7807
.bk-links.bklink li {
7808
  padding-right: 0;
7809
}
7810
 
7811
.bidsbtn {
7812
  position: relative;
7813
}
7814
 
7815
.biddersinfo li {
7816
  padding-left: 0;
7817
  padding-right: 20px;
7818
}
7819
 
7820
#review {
7821
  background-color: #fff;
7822
  margin-bottom: 40px;
7823
}
7824
 
7825
.starreview {
7826
  padding-left: 20px;
7827
}
7828
 
7829
.replytext {
7830
  padding-bottom: 20px;
7831
}
7832
 
7833
.starrevi {
7834
  padding-left: 20px;
7835
}
7836
 
7837
.apply-jobbox {
7838
  text-align: center;
7839
}
7840
 
7841
.apply-jobbox form input {
7842
  width: 100%;
7843
  margin-top: 20px;
7844
  padding: 10px;
7845
  color: #222;
7846
  border: 1px solid #e5e5e5;
7847
  border-radius: 3px;
7848
  font-size: 14px;
7849
}
7850
 
7851
.apply-jobbox h3 {
7852
  margin: 20px 0;
7853
}
7854
 
7855
.select-files {
7856
  border: 1px solid #e5e5e5;
7857
  margin-top: 20px;
7858
  padding: 30px;
7859
  background: #efefef;
7860
}
7861
 
7862
.select-files button {
7863
  margin-bottom: 20px;
7864
  background-color: transparent;
7865
  border: 1px solid #e5e5e5;
7866
  padding: 10px 15px 10px 15px;
7867
  border-radius: 5px;
7868
  font-weight: 600;
7869
}
7870
 
7871
.select-files button:hover {
7872
  background-color: #e44d3a;
7873
  color: #fff;
7874
}
7875
 
7876
.close {
7877
  position: absolute;
7878
  right: 0px;
7879
  top: 0px;
7880
  color: #929292;
7881
  border: 1px solid !important;
7882
  border-radius: 50%;
7883
  height: 30px;
7884
  width: 30px;
7885
}
7886
 
7887
.mapouter iframe {
7888
  width: 100%;
7889
  height: 400px;
7890
}
7891
 
7892
.mapouter {
7893
  position: relative;
7894
  text-align: right;
7895
  height: 500px;
7896
  width: 100%;
7897
}
7898
 
7899
.gmap_canvas {
7900
  overflow: hidden;
7901
  background: none !important;
7902
}
7903
 
7904
.video-iframe {
7905
  width: 100%;
7906
  height: 400px;
7907
}
7908
 
7909
.custom-file-input {
7910
  color: transparent;
7911
  opacity: 1;
7912
  /* margin-left: 140px; */
7913
  margin-bottom: 10px;
7914
}
7915
 
7916
.custom-file-input::-webkit-file-upload-button {
7917
  visibility: hidden;
7918
}
7919
 
7920
.custom-file-input::before {
7921
  content: "Select Files";
7922
  color: #fff;
7923
  display: inline-block;
7924
  border: 1px solid #e5e5e5;
7925
  border-radius: 3px;
7926
  background: #e44d3a;
7927
  font-weight: 500;
7928
  padding: 10px 15px;
7929
  outline: none;
7930
  white-space: nowrap;
7931
  -webkit-user-select: none;
7932
  cursor: pointer;
7933
}
7934
 
7935
.custom-file-input:hover::before {
7936
  background-color: #e44d3a;
7937
  color: #fff;
7938
}
7939
 
7940
.custom-file-input:active {
7941
  outline: 0;
7942
}
7943
 
7944
.custom-file-input:active::before {
7945
  background: #e44d3a;
7946
  color: #fff;
7947
}
7948
 
7949
.bids-time {
7950
  float: right;
7951
}
7952
 
7953
.saved-post {
7954
  padding: 0;
7955
}
7956
 
7957
.saved-post p {
7958
  padding-bottom: 20px;
7959
}
7960
 
7961
.saved-info li {
7962
  padding-right: 25px;
7963
  padding-left: 0;
7964
}
7965
 
7966
.saved-btn {
7967
  padding: 0;
7968
  margin-bottom: -12px;
7969
}
7970
 
7971
.applied-post {
7972
  padding: 0;
7973
}
7974
 
7975
.post-bid {
7976
  padding: 0 !important;
7977
}
7978
 
7979
.bidsbtn {
7980
  padding-top: 0 !important;
7981
}
7982
 
7983
.active-bids {
7984
  padding: 0;
7985
}
7986
 
7987
.activ-bidinfo li {
7988
  padding-top: 10px;
7989
  padding-left: 0;
7990
  padding-right: 25px;
7991
}
7992
 
7993
.activebtn {
7994
  padding-left: 0;
7995
}
7996
 
7997
.p-all {
7998
  padding: 0px;
7999
  float: left;
8000
  width: 100%;
8001
  position: relative;
8002
}
8003
 
8004
.toggle-btn .custom-switch .custom-control-label::before {
8005
  left: -2.25rem;
8006
  width: 70px;
8007
  pointer-events: all;
8008
  border-radius: 100px;
8009
  height: 30px;
8010
  top: -1px;
8011
  box-shadow: none;
8012
}
8013
 
8014
.toggle-btn .custom-control-label::before {
8015
  position: absolute;
8016
  top: 0.25rem;
8017
  left: -1.5rem;
8018
  display: block;
8019
  width: 1rem;
8020
  height: 1rem;
8021
  pointer-events: none;
8022
  content: "";
8023
  background-color: #fff;
8024
  border: #e1e1e1 solid 2px;
8025
}
8026
 
8027
.custom-control-input:checked ~ .custom-control-label::before {
8028
  color: #fff;
8029
  border-color: #e44d3a;
8030
  background-color: #e44d3a;
8031
  box-shadow: none;
8032
  outline: none;
8033
}
8034
 
8035
.toggle-btn .custom-switch .custom-control-label::after {
8036
  top: 1px;
8037
  left: -34px;
8038
  width: 26px;
8039
  height: 26px;
8040
  background-color: #e1e1e1;
8041
  border-radius: 100%;
8042
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
8043
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
8044
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
8045
}
8046
 
8047
.toggle-btn .custom-control-label::after {
8048
  position: absolute;
8049
  top: 0.25rem;
8050
  left: -1.5rem;
8051
  display: block;
8052
  width: 0;
8053
  height: 0;
8054
  content: "";
8055
  background: no-repeat 50%/50% 50%;
8056
}
8057
 
8058
.toggle-btn .custom-control-label {
8059
  position: initial;
8060
  margin-bottom: 0;
8061
  vertical-align: top;
8062
}
8063
 
8064
.toggle-btn .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
8065
  background-color: #fff;
8066
  -webkit-transform: translateX(2.5rem);
8067
  transform: translateX(2.5rem);
8068
}
8069
 
8070
.custom-control-label {
8071
  position: relative;
8072
  margin-bottom: 0;
8073
  vertical-align: top;
8074
  line-height: 24px;
8075
  font-size: 14px;
8076
  color: #666666;
8077
}
8078
 
8079
.small-text-children p,
8080
.small-text-children span {
8081
  font-size: 0.8rem;
8082
}
8083
 
8084
.search-item-selected {
8085
  padding: 1px 10px;
8086
  background: var(--background-gray);
8087
  line-height: 1;
8088
  border-radius: 10px;
8089
  font-weight: bold;
8090
}
8091
 
8092
.row .sc-dkzDqf {
8093
  margin: 0 auto;
8094
}
8095
 
8096
.test-section .title,
8097
.test-section .description {
8098
  margin-bottom: 10px;
8099
}
8100
 
8101
.test-section .btn-danger {
8102
  margin-right: 10px;
8103
}
8104
 
8105
.test-section .panel-body {
8106
  padding: 20px 0px;
8107
}
8108
 
8109
.test-section .panel {
8110
  margin-top: 20px;
8111
  padding-bottom: 10px;
8112
}
8113
 
8114
.test-section .panel-title {
8115
  font-size: 16px;
8116
  font-weight: bold;
8117
  text-transform: uppercase;
8118
}
8119
 
8120
.test-section .np-padding {
8121
  padding: 0px;
8122
}
8123
 
8124
.test-section .checkbox {
8125
  display: flex;
8126
  margin: 20px 0px;
8127
}
8128
 
8129
.test-section .option {
8130
  margin-left: 10px;
8131
}
8132
 
8133
.checkbox input[type=checkbox],
8134
input[type=radio] {
8135
  margin-top: 5px !important;
8136
}
8137
 
8138
.test-section h6 {
8139
  margin-bottom: 10px;
8140
  color: #0860bf;
8141
}
8142
 
8143
.wizard {
8144
  display: flex;
8145
  margin-top: 10px;
8146
}
8147
 
8148
.wizard li {
8149
  width: 50%;
8150
  display: inline-block;
8151
}
8152
 
8153
.btn-secondary:disabled,
8154
.btn-primary:disabled {
8155
  cursor: no-drop;
8156
}
8157
 
8158
.test-section .btn-primary {
8159
  margin-left: 10px;
8160
}
8161
 
8162
.previous {
8163
  text-align: left;
8164
}
8165
 
8166
.next {
8167
  text-align: right;
8168
}
8169
 
8170
.test-section .close {
8171
  border: none !important;
8172
  border-radius: 0px !important;
8173
}
8174
 
8175
.ratin-range {
8176
  display: block;
8177
}
8178
 
8179
.ratin-range li {
8180
  display: inline-block;
8181
  width: 6%;
8182
}
8183
 
8184
.ratin-range li .option {
8185
  margin-top: 2px !important;
8186
}
8187
 
8188
#react-self-evaluation .company-up-info ul {
8189
  width: 100%;
8190
  position: absolute;
8191
  float: left;
8192
  left: 0px;
8193
  bottom: 4vw;
8194
}
8195
 
8196
#react-self-evaluation .company-up-info {
8197
  padding: 30px 10px;
8198
  min-height: 20vw;
8199
  border: 1px solid #e5e5e5;
8200
}
8201
 
8202
#react-self-evaluation .company-up-info h3 {
8203
  width: 90%;
8204
  margin: 5px auto;
8205
}
8206
 
8207
.mb10 {
8208
  margin-bottom: 3vw;
8209
}
8210
 
8211
.opt-h6 {
8212
  font-weight: 600 !important;
8213
  color: #000 !important;
8214
}
8215
 
8216
.alert-danger {
8217
  background-color: var(--danger) !important;
8218
}
8219
.alert-danger:hover {
8220
  background-color: var(--danger-hover) !important;
8221
}
8222
 
8223
.btn-primary {
8224
  background-color: var(--button-bg);
8225
  border-radius: var(--border-radius);
8226
  color: var(--button-text-color) !important;
8227
  border: none !important;
8228
}
8229
.btn-primary:hover {
8230
  background-color: var(--button-bg-hover);
8231
}
8232
 
8233
.btn-secondary {
8234
  background: var(--button-bg-secondary);
8235
  border: 1px solid var(--border-primary);
8236
  border-radius: var(--border-radius);
8237
  color: var(--button-text-color-secondary) !important;
8238
}
8239
.btn-secondary:hover {
8240
  background-color: var(--button-bg-secondary-hover);
8241
  border-color: var(--border-trasnparent);
8242
}
8243
 
8244
.btn-tertiary {
8245
  background-color: var(--button-bg-tertiary);
8246
  border-radius: var(--border-radius);
8247
  border-color: #f4f4f4;
8248
  color: var(--button-text-color-tertiary) !important;
8249
}
8250
.btn-tertiary:hover {
8251
  background: #d4d4d4;
8252
  border: 1px solid var(--border-primary);
8253
  color: var(--border-primary) !important;
8254
}
8255
 
8256
/*# sourceMappingURL=main.css.map */