Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

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