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