Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

| Ultima modificación | Ver Log |

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